diff --git a/basicswap/static/css/libs/dd.min.css b/basicswap/static/css/libs/dd.min.css
deleted file mode 100644
index f986ab6..0000000
--- a/basicswap/static/css/libs/dd.min.css
+++ /dev/null
@@ -1,179 +0,0 @@
-/*! * 
-/** * * MSDropdown - dd.js * * @author: Marghoob Suleman * * @website: https://www.marghoobsuleman.com/ * * @version: 4.0.2 * * @date: Wed Oct 13 2021 15:19:38 GMT+0530 (India Standard Time) * * msDropdown is free web component: you can redistribute it and/or modify * * it under the terms of the either the MIT License or the Gnu General Public License (GPL) Version 2 * * / */
-/*! */
- .ms-pr {
-     position: relative;
-     border-width: 1px;
-     border-color: #fff
-}
- .ms-effect:active {
-     border-radius: 0.5rem;
-     border-width: 1px;
-     border-color: #3b82f6;
-     outline: none !important
-}
- .ms-effect:focus {
-     border-radius: 0.5rem;
-     border-width: 1px;
-     border-color: #3b82f6;
-     outline: none !important
-}
- .ms-dd {
-     border-radius: 0.5rem;
-     border-width: 1px;
-     border-color: #d1d5db;
-     background: none
-}
- .ms-list-option:active {
-     border-radius: 0.5rem;
-     border-width: 1px;
-     border-color: #3b82f6;
-     outline: none !important
-}
- .ms-dd .ms-value-input {
-     left: 20px;
-     position: absolute;
-     top: 10px;
-     width: 50% 
-}
- .ms-dd .ms-dd-header {
-     c cursor: pointer;
-     min-height: 35px;
-     position: relative;
-     width: 100%;
-}
- .ms-dd .ms-dd-header .option-selected {
-     color: #333f51;
-     display: block;
-     overflow: hidden;
-     padding: 9px 19px 9px 9px;
-     pointer-events: none;
-     border-radius: 0.5rem;
-     border-width: 1px;
-     border-color: #f9fafb;
-     background: none
-}
- .ms-dd .ms-dd-header .ms-list-counter, .ms-dd .ms-dd-header input[type=checkbox] {
-     display: none 
-}
- .ms-dd .ms-dd-header .ms-header-counter {
-     color: #0e76a8
-}
- .ms-dd .ms-dd-header .ms-filter-box {
-     box-sizing: border-box;
-     -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-     padding: 6px 10px;
-     min-height: 44px
-}
- .ms-dd .ms-dd-option-image, .ms-dd .ms-dd-selected-img {
-     margin-right: 5px;
-     max-width: 40px;
-     vertical-align: middle 
-}
- .ms-dd .ms-dd-arrow {
-     height: 0;
-     margin-top: -3px;
-     position: absolute;
-     right: 10px;
-     top: 50%;
-     width: 0 
-}
- .ms-dd .ms-dd-arrow.ms-dd-pointer-down {
-     display: none 
-}
- .ms-dd .ms-dd-arrow.ms-dd-pointer-up {
-     display: none
-}
- .ms-dd .ms-options {
-     background: #fff;
-     border: 1px solid #767676;
-     box-shadow: 0 1px 5px #ddd;
-     display: none;
-     list-style: none;
-     margin: 0;
-     overflow: auto;
-     padding: 0;
-     position: absolute;
-     width: 100%;
-     z-index: 9999
-}
- .ms-dd .ms-list-option, .ms-dd .ms-optgroup ul .ms-list-option {
-     align-items: center;
-     color: #333;
-     cursor: pointer;
-     display: flex;
-     justify-content: flex-start;
-     overflow: hidden;
-     padding: 10px;
-     position: relative;
-     text-decoration: none
-}
- .ms-dd .ms-list-option input[type=checkbox], .ms-dd .ms-optgroup ul .ms-list-option input[type=checkbox] {
-     margin-right: 5px;
-     vertical-align: middle 
-}
- .ms-dd .ms-list-option:last-child, .ms-dd .ms-optgroup ul .ms-list-option:last-child {
-     border-bottom: none 
-}
- .ms-dd .ms-list-option:hover, .ms-dd .ms-optgroup ul .ms-list-option:hover {
-     background: #e0e0e6;
-     color: #000 
-}
- .ms-dd .ms-list-option.option-selected, .ms-dd .ms-optgroup ul .ms-list-option.option-selected {
-     background: #f9fafb 
-}
- .ms-dd .ms-list-option.ico-align-right .ms-dd-option-image, .ms-dd .ms-list-option.ico-align-right .ms-dd-selected-img, .ms-dd .ms-optgroup ul .ms-list-option.ico-align-right .ms-dd-option-image, .ms-dd .ms-optgroup ul .ms-list-option.ico-align-right .ms-dd-selected-img {
-     order: 2 
-}
- .ms-dd .ms-list-option.disabled, .ms-dd .ms-list-option:disabled, .ms-dd .ms-optgroup ul .ms-list-option.disabled, .ms-dd .ms-optgroup ul .ms-list-option:disabled {
-     cursor: default;
-     opacity: .4 
-}
- .ms-dd .ms-list-option .ms-dd-desc, .ms-dd .ms-optgroup ul .ms-list-option .ms-dd-desc {
-     color: #aaa;
-     display: block;
-     line-height: 1.5em;
-     overflow: hidden;
-     text-shadow: 0 1px .5px #fff 
-}
- .ms-dd .ms-header-middle-content, .ms-dd .ms-middle {
-     display: -webkit-box;
-     display: -ms-flexbox;
-     display: flex;
-     -webkit-box-align: center;
-     -ms-flex-align: center;
-     align-items: center;
-     font-size: 0.875rem; 
-     min-width: 100px
-}
- .ms-dd.disabled, .ms-dd:disabled {
-     cursor: default;
-     opacity: .4;
-     pointer-events: none 
-}
- .ms-dd .ms-optgroup-padding {
-     padding: 10px 10px 0 
-}
- .ms-dd .ms-optgroup {
-     display: block 
-}
- .ms-dd .ms-optgroup:hover {
-     background: #fff;
-     color: #000 
-}
- .ms-dd .ms-optgroup ul {
-     margin: 0;
-     padding: 0 
-}
- .ms-dd .ms-optgroup ul .ms-list-option {
-     padding-left: 20px 
-}
- .ms-dd .ms-optgroup ul:last-child {
-}
- .ms-dd .ms-dd-option-content {
-     width: 100% 
-}
- .ms-value-input {
-     display:none;
-}
diff --git a/basicswap/static/css/libs/flowbite.min.css b/basicswap/static/css/libs/flowbite.min.css
new file mode 100644
index 0000000..9c2263b
--- /dev/null
+++ b/basicswap/static/css/libs/flowbite.min.css
@@ -0,0 +1 @@
+/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Inter,ui-sans-serif,system-ui,-apple-system,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;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,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}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{--tw-shadow:0 0 #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#1c64f2;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#1c64f2;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}select:not([size]){background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple]{background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{--tw-shadow:0 0 #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#1c64f2;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#1c64f2;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.dark [type=checkbox]:checked,.dark [type=radio]:checked,[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=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='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}[type=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")}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:transparent}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px auto inherit}input[type=file]::file-selector-button{-webkit-margin-start:-1rem;-webkit-margin-end:1rem;background:#1f2937;border:0;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-inline-end:1rem;margin-inline-start:-1rem;padding:.625rem 1rem .625rem 2rem}input[type=file]::file-selector-button:hover{background:#374151}.dark input[type=file]::file-selector-button{background:#4b5563;color:#fff}.dark input[type=file]::file-selector-button:hover{background:#6b7280}input[type=range]::-webkit-slider-thumb{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#1c64f2;border:0;border-radius:9999px;cursor:pointer;height:1.25rem;width:1.25rem}input[type=range]:disabled::-webkit-slider-thumb{background:#9ca3af}.dark input[type=range]:disabled::-webkit-slider-thumb{background:#6b7280}input[type=range]:focus::-webkit-slider-thumb{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1px;--tw-ring-color:rgb(164 202 254/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid transparent;outline-offset:2px}input[type=range]::-moz-range-thumb{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#1c64f2;border:0;border-radius:9999px;cursor:pointer;height:1.25rem;width:1.25rem}input[type=range]:disabled::-moz-range-thumb{background:#9ca3af}.dark input[type=range]:disabled::-moz-range-thumb{background:#6b7280}input[type=range]::-moz-range-progress{background:#3f83f8}input[type=range]::-ms-fill-lower{background:#3f83f8}input[type=range].range-sm::-webkit-slider-thumb{height:1rem;width:1rem}input[type=range].range-lg::-webkit-slider-thumb{height:1.5rem;width:1.5rem}input[type=range].range-sm::-moz-range-thumb{height:1rem;width:1rem}input[type=range].range-lg::-moz-range-thumb{height:1.5rem;width:1.5rem}.toggle-bg:after{background:#fff;border-color:#d1d5db;border-radius:9999px;border-width:1px;box-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);content:"";height:1.25rem;left:.125rem;position:absolute;top:.125rem;transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;width:1.25rem}input:checked+.toggle-bg:after{border-color:#fff;transform:translateX(100%);}input:checked+.toggle-bg{background:#1c64f2;border-color:#1c64f2}.tooltip-arrow,.tooltip-arrow:before{background:inherit;height:8px;position:absolute;width:8px}.tooltip-arrow{visibility:hidden}.tooltip-arrow:before{content:"";transform:rotate(45deg);visibility:visible}[data-tooltip-style^=light]+.tooltip>.tooltip-arrow:before{border-color:#e5e7eb;border-style:solid}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow:before{border-bottom-width:1px;border-right-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow:before{border-bottom-width:1px;border-left-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow:before{border-left-width:1px;border-top-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow:before{border-right-width:1px;border-top-width:1px}.tooltip[data-popper-placement^=top]>.tooltip-arrow{bottom:-4px}.tooltip[data-popper-placement^=bottom]>.tooltip-arrow{top:-4px}.tooltip[data-popper-placement^=left]>.tooltip-arrow{right:-4px}.tooltip[data-popper-placement^=right]>.tooltip-arrow{left:-4px}.tooltip.invisible>.tooltip-arrow:before{visibility:hidden}[data-popper-arrow],[data-popper-arrow]:before{background:inherit;height:8px;position:absolute;width:8px}[data-popper-arrow]{visibility:hidden}[data-popper-arrow]:after,[data-popper-arrow]:before{content:"";transform:rotate(45deg);visibility:visible}[data-popper-arrow]:after{background:inherit;height:9px;position:absolute;width:9px}[role=tooltip]>[data-popper-arrow]:before{border-color:#e5e7eb;border-style:solid}.dark [role=tooltip]>[data-popper-arrow]:before{border-color:#4b5563;border-style:solid}[role=tooltip]>[data-popper-arrow]:after{border-color:#e5e7eb;border-style:solid}.dark [role=tooltip]>[data-popper-arrow]:after{border-color:#4b5563;border-style:solid}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:after,[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:before{border-bottom-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:after,[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:before{border-bottom-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:after,[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:before{border-left-width:1px;border-top-width:1px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:after,[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:before{border-right-width:1px;border-top-width:1px}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]{bottom:-5px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]{top:-5px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]{right:-5px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]{left:-5px}[role=tooltip].invisible>[data-popper-arrow]:after,[role=tooltip].invisible>[data-popper-arrow]:before{visibility:hidden}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(63,131,248,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(63,131,248,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.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}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{left:0;right:0}.inset-0,.inset-y-0{bottom:0;top:0}.left-0{left:0}.top-28{top:7rem}.right-5{right:1.25rem}.bottom-5{bottom:1.25rem}.left-5{left:1.25rem}.top-0{top:0}.bottom-0{bottom:0}.-top-\[140px\]{top:-140px}.-left-1{left:-.25rem}.left-7{left:1.75rem}.left-8{left:2rem}.-top-2{top:-.5rem}.-right-2{right:-.5rem}.top-1\/2{top:50%}.left-1\/2{left:50%}.right-0{right:0}.top-2\.5{top:.625rem}.right-2\.5{right:.625rem}.top-2{top:.5rem}.right-2{right:.5rem}.bottom-2{bottom:.5rem}.bottom-\[\*px\]{bottom:*px}.bottom-\[60px\]{bottom:60px}.top-3{top:.75rem}.right-3{right:.75rem}.right-1\/2{right:50%}.right-auto{right:auto}.left-auto{left:auto}.top-2\/4{top:50%}.right-6{right:1.5rem}.bottom-6{bottom:1.5rem}.right-24{right:6rem}.-left-14{left:-3.5rem}.top-6{top:1.5rem}.left-6{left:1.5rem}.-left-4{left:-1rem}.-left-1\.5{left:-.375rem}.-left-3{left:-.75rem}.top-5{top:1.25rem}.top-4{top:1rem}.left-2\.5{left:.625rem}.left-2{left:.5rem}.left-1{left:.25rem}.top-1{top:.25rem}.bottom-2\.5{bottom:.625rem}.z-20{z-index:20}.z-10{z-index:10}.z-50{z-index:50}.z-40{z-index:40}.z-30{z-index:30}.z-0{z-index:0}.-z-10{z-index:-10}.col-span-2{grid-column:span 2/span 2}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.col-span-6{grid-column:span 6/span 6}.m-5{margin:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-bottom:2rem;margin-top:2rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-7{margin-bottom:1.75rem;margin-top:1.75rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-10{margin-bottom:2.5rem;margin-top:2.5rem}.-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.-my-1\.5{margin-bottom:-.375rem;margin-top:-.375rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-my-1{margin-bottom:-.25rem;margin-top:-.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-4{margin-bottom:1rem;margin-top:1rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.my-12{margin-bottom:3rem;margin-top:3rem}.mb-8{margin-bottom:2rem}.mb-5{margin-bottom:1.25rem}.mr-3{margin-right:.75rem}.ml-2{margin-left:.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-6{margin-top:1.5rem}.mr-8{margin-right:2rem}.mr-2{margin-right:.5rem}.ml-auto{margin-left:auto}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-6{margin-left:1.5rem}.mr-1{margin-right:.25rem}.ml-3{margin-left:.75rem}.mb-0{margin-bottom:0}.mt-8{margin-top:2rem}.mb-2\.5{margin-bottom:.625rem}.mb-7{margin-bottom:1.75rem}.mt-7{margin-top:1.75rem}.mt-1\.5{margin-top:.375rem}.ml-4{margin-left:1rem}.mt-1{margin-top:.25rem}.-mb-5{margin-bottom:-1.25rem}.mt-2{margin-top:.5rem}.-ml-0\.5{margin-left:-.125rem}.-ml-0{margin-left:0}.mr-1\.5{margin-right:.375rem}.-ml-1{margin-left:-.25rem}.-mr-1{margin-right:-.25rem}.mb-1{margin-bottom:.25rem}.mt-4{margin-top:1rem}.mt-2\.5{margin-top:.625rem}.-mt-1{margin-top:-.25rem}.-mt-5{margin-top:-1.25rem}.mb-1\.5{margin-bottom:.375rem}.mt-3{margin-top:.75rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mt-0{margin-top:0}.ml-0{margin-left:0}.mb-10{margin-bottom:2.5rem}.-ml-px{margin-left:-1px}.mt-px{margin-top:1px}.mb-px{margin-bottom:1px}.-mb-px{margin-bottom:-1px}.mr-5{margin-right:1.25rem}.mr-auto{margin-right:auto}.mt-10{margin-top:2.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.flow-root{display:flow-root}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-full{height:100%}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-\[calc\(100vh-5rem\)\]{height:calc(100vh - 5rem)}.h-8{height:2rem}.h-2\.5{height:.625rem}.h-2{height:.5rem}.h-48{height:12rem}.h-12{height:3rem}.h-0{height:0}.h-3{height:.75rem}.h-10{height:2.5rem}.h-3\.5{height:.875rem}.h-20{height:5rem}.h-36{height:9rem}.h-96{height:24rem}.h-24{height:6rem}.h-56{height:14rem}.h-screen{height:100vh}.h-1{height:.25rem}.h-11{height:2.75rem}.h-0\.5{height:.125rem}.h-modal{height:calc(100% - 2rem)}.h-14{height:3.5rem}.h-1\.5{height:.375rem}.h-72{height:18rem}.h-64{height:16rem}.h-80{height:20rem}.h-\[52px\]{height:52px}.h-\[56px\]{height:56px}.h-auto{height:auto}.h-px{height:1px}.max-h-72{max-height:18rem}.w-64{width:16rem}.w-1\/2{width:50%}.w-full{width:100%}.w-72{width:18rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-6{width:1.5rem}.w-48{width:12rem}.w-12{width:3rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-3\.5{width:.875rem}.w-3{width:.75rem}.w-44{width:11rem}.w-20{width:5rem}.w-36{width:9rem}.w-24{width:6rem}.w-9{width:2.25rem}.w-80{width:20rem}.w-60{width:15rem}.w-11{width:2.75rem}.w-2\.5{width:.625rem}.w-2{width:.5rem}.w-56{width:14rem}.w-auto{width:auto}.w-14{width:3.5rem}.w-96{width:24rem}.w-1{width:.25rem}.w-2\/4{width:50%}.w-32{width:8rem}.w-\[52px\]{width:52px}.w-\[56px\]{width:56px}.min-w-0{min-width:0}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-8xl{max-width:90rem}.max-w-4xl{max-width:56rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-2xs{max-width:16rem}.max-w-\[460px\]{max-width:460px}.max-w-\[500px\]{max-width:500px}.max-w-\[450px\]{max-width:450px}.max-w-\[380px\]{max-width:380px}.max-w-sm{max-width:24rem}.max-w-screen-xl{max-width:1280px}.max-w-2xl{max-width:42rem}.max-w-\[48px\]{max-width:48px}.max-w-xl{max-width:36rem}.max-w-7xl{max-width:80rem}.max-w-\[360px\]{max-width:360px}.max-w-\[330px\]{max-width:330px}.max-w-\[300px\]{max-width:300px}.max-w-\[480px\]{max-width:480px}.max-w-\[440px\]{max-width:440px}.max-w-\[400px\]{max-width:400px}.max-w-\[640px\]{max-width:640px}.max-w-\[540px\]{max-width:540px}.max-w-xs{max-width:20rem}.max-w-none{max-width:none}.max-w-full{max-width:100%}.max-w-screen-md{max-width:768px}.flex-none{flex:none}.flex-auto{flex:1 1 auto}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\[0\]{transform-origin:0}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-y-1\/4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/4{--tw-translate-y:25%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%}.translate-x-full{--tw-translate-x:100%}.-translate-y-full,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-full{--tw-translate-y:100%}.-translate-y-6,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-6{--tw-translate-y:-1.5rem}.translate-x-1\/2{--tw-translate-x:50%}.translate-x-1\/2,.translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/2{--tw-translate-y:50%}.-translate-y-4{--tw-translate-y:-1rem}.-translate-y-3,.-translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-3{--tw-translate-y:-0.75rem}.translate-x-0{--tw-translate-x:0px}.rotate-180,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.scale-75{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-none{transform:none}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.list-decimal{list-style-type:decimal}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,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-1{grid-template-columns:repeat(1,minmax(0,1fr))}.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}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-8{gap:2rem}.gap-4{gap:1rem}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.gap-y-3{row-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-1rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.125rem*var(--tw-space-y-reverse));margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.-space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-1px*(1 - var(--tw-space-x-reverse)));margin-right:calc(-1px*var(--tw-space-x-reverse))}.-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.75rem*var(--tw-space-x-reverse))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.625rem*var(--tw-space-y-reverse));margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)))}.space-x-2\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.625rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.625rem*var(--tw-space-x-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.divide-x-2>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(2px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(2px*var(--tw-divide-x-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity))}.divide-gray-500>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(107 114 128/var(--tw-divide-opacity))}.divide-gray-300>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(209 213 219/var(--tw-divide-opacity))}.place-self-center{place-self:center}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded{border-radius:.25rem}.rounded-sm{border-radius:.125rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-l-lg{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}.rounded-r-lg{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.rounded-t-md{border-top-left-radius:.375rem}.rounded-r-md,.rounded-t-md{border-top-right-radius:.375rem}.rounded-r-md{border-bottom-right-radius:.375rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-b-lg{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem}.rounded-b,.rounded-l{border-bottom-left-radius:.25rem}.rounded-l{border-top-left-radius:.25rem}.rounded-r{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.rounded-tl-lg{border-top-left-radius:.5rem}.rounded-tr-lg{border-top-right-radius:.5rem}.rounded-bl-lg{border-bottom-left-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-0{border-width:0}.border-x{border-left-width:1px;border-right-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-r{border-right-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-b-0{border-bottom-width:0}.border-t-0{border-top-width:0}.border-t-4{border-top-width:4px}.border-b-2{border-bottom-width:2px}.border-r-0{border-right-width:0}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-dashed{border-style:dashed}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-blue-100{--tw-border-opacity:1;border-color:rgb(225 239 254/var(--tw-border-opacity))}.border-blue-300{--tw-border-opacity:1;border-color:rgb(164 202 254/var(--tw-border-opacity))}.border-red-300{--tw-border-opacity:1;border-color:rgb(248 180 180/var(--tw-border-opacity))}.border-green-300{--tw-border-opacity:1;border-color:rgb(132 225 188/var(--tw-border-opacity))}.border-yellow-300{--tw-border-opacity:1;border-color:rgb(250 202 21/var(--tw-border-opacity))}.border-blue-900{--tw-border-opacity:1;border-color:rgb(35 56 118/var(--tw-border-opacity))}.border-red-900{--tw-border-opacity:1;border-color:rgb(119 29 29/var(--tw-border-opacity))}.border-green-700{--tw-border-opacity:1;border-color:rgb(4 108 78/var(--tw-border-opacity))}.border-yellow-700{--tw-border-opacity:1;border-color:rgb(142 75 16/var(--tw-border-opacity))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-blue-400{--tw-border-opacity:1;border-color:rgb(118 169 250/var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.border-red-400{--tw-border-opacity:1;border-color:rgb(249 128 128/var(--tw-border-opacity))}.border-green-400{--tw-border-opacity:1;border-color:rgb(49 196 141/var(--tw-border-opacity))}.border-indigo-400{--tw-border-opacity:1;border-color:rgb(141 162 251/var(--tw-border-opacity))}.border-purple-400{--tw-border-opacity:1;border-color:rgb(172 148 250/var(--tw-border-opacity))}.border-pink-400{--tw-border-opacity:1;border-color:rgb(241 126 184/var(--tw-border-opacity))}.border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity))}.border-blue-700{--tw-border-opacity:1;border-color:rgb(26 86 219/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}.border-red-700{--tw-border-opacity:1;border-color:rgb(200 30 30/var(--tw-border-opacity))}.border-yellow-400{--tw-border-opacity:1;border-color:rgb(227 160 8/var(--tw-border-opacity))}.border-purple-700{--tw-border-opacity:1;border-color:rgb(108 43 217/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-green-500{--tw-border-opacity:1;border-color:rgb(14 159 110/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(240 82 82/var(--tw-border-opacity))}.border-blue-600{--tw-border-opacity:1;border-color:rgb(28 100 242/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-green-600{--tw-border-opacity:1;border-color:rgb(5 122 85/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(224 36 36/var(--tw-border-opacity))}.\!border-blue-700{--tw-border-opacity:1!important;border-color:rgb(26 86 219/var(--tw-border-opacity))!important}.border-l-gray-100{--tw-border-opacity:1;border-left-color:rgb(243 244 246/var(--tw-border-opacity))}.border-l-gray-50{--tw-border-opacity:1;border-left-color:rgb(249 250 251/var(--tw-border-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-900\/50{background-color:rgba(17,24,39,.5)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(28 100 242/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(14 159 110/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-blue-700{--tw-bg-opacity:1;background-color:rgb(26 86 219/var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(225 239 254/var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(235 245 255/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(253 242 242/var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(243 250 247/var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(253 253 234/var(--tw-bg-opacity))}.bg-blue-900{--tw-bg-opacity:1;background-color:rgb(35 56 118/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-red-900{--tw-bg-opacity:1;background-color:rgb(119 29 29/var(--tw-bg-opacity))}.bg-green-700{--tw-bg-opacity:1;background-color:rgb(4 108 78/var(--tw-bg-opacity))}.bg-yellow-700{--tw-bg-opacity:1;background-color:rgb(142 75 16/var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(49 196 141/var(--tw-bg-opacity))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(249 128 128/var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(253 232 232/var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(222 247 236/var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(253 246 178/var(--tw-bg-opacity))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(229 237 255/var(--tw-bg-opacity))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(237 235 254/var(--tw-bg-opacity))}.bg-pink-100{--tw-bg-opacity:1;background-color:rgb(252 232 243/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(240 82 82/var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(195 221 253/var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.bg-red-700{--tw-bg-opacity:1;background-color:rgb(200 30 30/var(--tw-bg-opacity))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(227 160 8/var(--tw-bg-opacity))}.bg-purple-700{--tw-bg-opacity:1;background-color:rgb(108 43 217/var(--tw-bg-opacity))}.bg-\[\#hex\]{background-color:#hex}.bg-\[\#3b5998\]{--tw-bg-opacity:1;background-color:rgb(59 89 152/var(--tw-bg-opacity))}.bg-\[\#1da1f2\]{--tw-bg-opacity:1;background-color:rgb(29 161 242/var(--tw-bg-opacity))}.bg-\[\#24292F\]{--tw-bg-opacity:1;background-color:rgb(36 41 47/var(--tw-bg-opacity))}.bg-\[\#4285F4\]{--tw-bg-opacity:1;background-color:rgb(66 133 244/var(--tw-bg-opacity))}.bg-\[\#050708\]{--tw-bg-opacity:1;background-color:rgb(5 7 8/var(--tw-bg-opacity))}.bg-\[\#FF9119\]{--tw-bg-opacity:1;background-color:rgb(255 145 25/var(--tw-bg-opacity))}.bg-\[\#F7BE38\]{--tw-bg-opacity:1;background-color:rgb(247 190 56/var(--tw-bg-opacity))}.bg-\[\#2557D6\]{--tw-bg-opacity:1;background-color:rgb(37 87 214/var(--tw-bg-opacity))}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(118 169 250/var(--tw-bg-opacity))}.bg-white\/30{background-color:hsla(0,0%,100%,.3)}.bg-white\/50{background-color:hsla(0,0%,100%,.5)}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(224 36 36/var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(144 97 249/var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(104 117 245/var(--tw-bg-opacity))}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(250 202 21/var(--tw-bg-opacity))}.bg-teal-500{--tw-bg-opacity:1;background-color:rgb(6 148 162/var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(63 131 248/var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.bg-orange-300{--tw-bg-opacity:1;background-color:rgb(253 186 140/var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(5 122 85/var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(88 80 236/var(--tw-bg-opacity))}.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(126 58 242/var(--tw-bg-opacity))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(254 236 220/var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(188 240 218/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(251 213 213/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(248 180 180/var(--tw-bg-opacity))}.bg-red-800{--tw-bg-opacity:1;background-color:rgb(155 28 28/var(--tw-bg-opacity))}.bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(252 233 106/var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(194 120 3/var(--tw-bg-opacity))}.bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(159 88 10/var(--tw-bg-opacity))}.bg-yellow-800{--tw-bg-opacity:1;background-color:rgb(114 59 19/var(--tw-bg-opacity))}.bg-yellow-900{--tw-bg-opacity:1;background-color:rgb(99 49 18/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(132 225 188/var(--tw-bg-opacity))}.bg-green-800{--tw-bg-opacity:1;background-color:rgb(3 84 63/var(--tw-bg-opacity))}.bg-green-900{--tw-bg-opacity:1;background-color:rgb(1 71 55/var(--tw-bg-opacity))}.bg-blue-300{--tw-bg-opacity:1;background-color:rgb(164 202 254/var(--tw-bg-opacity))}.bg-blue-800{--tw-bg-opacity:1;background-color:rgb(30 66 159/var(--tw-bg-opacity))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(240 245 255/var(--tw-bg-opacity))}.bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(205 219 254/var(--tw-bg-opacity))}.bg-indigo-300{--tw-bg-opacity:1;background-color:rgb(180 198 252/var(--tw-bg-opacity))}.bg-indigo-400{--tw-bg-opacity:1;background-color:rgb(141 162 251/var(--tw-bg-opacity))}.bg-indigo-700{--tw-bg-opacity:1;background-color:rgb(81 69 205/var(--tw-bg-opacity))}.bg-indigo-800{--tw-bg-opacity:1;background-color:rgb(66 56 157/var(--tw-bg-opacity))}.bg-indigo-900{--tw-bg-opacity:1;background-color:rgb(54 47 120/var(--tw-bg-opacity))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(246 245 255/var(--tw-bg-opacity))}.bg-purple-200{--tw-bg-opacity:1;background-color:rgb(220 215 254/var(--tw-bg-opacity))}.bg-purple-300{--tw-bg-opacity:1;background-color:rgb(202 191 253/var(--tw-bg-opacity))}.bg-purple-400{--tw-bg-opacity:1;background-color:rgb(172 148 250/var(--tw-bg-opacity))}.bg-purple-800{--tw-bg-opacity:1;background-color:rgb(85 33 181/var(--tw-bg-opacity))}.bg-purple-900{--tw-bg-opacity:1;background-color:rgb(74 29 150/var(--tw-bg-opacity))}.bg-pink-50{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity))}.bg-pink-200{--tw-bg-opacity:1;background-color:rgb(250 209 232/var(--tw-bg-opacity))}.bg-pink-300{--tw-bg-opacity:1;background-color:rgb(248 180 217/var(--tw-bg-opacity))}.bg-pink-400{--tw-bg-opacity:1;background-color:rgb(241 126 184/var(--tw-bg-opacity))}.bg-pink-500{--tw-bg-opacity:1;background-color:rgb(231 70 148/var(--tw-bg-opacity))}.bg-pink-600{--tw-bg-opacity:1;background-color:rgb(214 31 105/var(--tw-bg-opacity))}.bg-pink-700{--tw-bg-opacity:1;background-color:rgb(191 18 93/var(--tw-bg-opacity))}.bg-pink-800{--tw-bg-opacity:1;background-color:rgb(153 21 75/var(--tw-bg-opacity))}.bg-pink-900{--tw-bg-opacity:1;background-color:rgb(117 26 61/var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:#3f83f8;--tw-gradient-to:rgba(63,131,248,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400{--tw-gradient-from:#31c48d;--tw-gradient-to:rgba(49,196,141,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-400{--tw-gradient-from:#22d3ee;--tw-gradient-to:rgba(34,211,238,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-400{--tw-gradient-from:#16bdca;--tw-gradient-to:rgba(22,189,202,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-lime-200{--tw-gradient-from:#d9f99d;--tw-gradient-to:hsla(81,88%,80%,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-400{--tw-gradient-from:#f98080;--tw-gradient-to:hsla(0,91%,74%,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-400{--tw-gradient-from:#f17eb8;--tw-gradient-to:rgba(241,126,184,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#9061f9;--tw-gradient-to:rgba(144,97,249,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from:#7e3af2;--tw-gradient-to:rgba(126,58,242,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from:#06b6d4;--tw-gradient-to:rgba(6,182,212,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from:#e74694;--tw-gradient-to:rgba(231,70,148,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-200{--tw-gradient-from:#afecef;--tw-gradient-to:rgba(175,236,239,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-200{--tw-gradient-from:#fbd5d5;--tw-gradient-to:hsla(0,83%,91%,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-300{--tw-gradient-from:#7edce2;--tw-gradient-to:rgba(126,220,226,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sky-400{--tw-gradient-from:#38bdf8;--tw-gradient-to:rgba(56,189,248,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-blue-600{--tw-gradient-to:rgba(28,100,242,0);--tw-gradient-stops:var(--tw-gradient-from),#1c64f2,var(--tw-gradient-to)}.via-green-500{--tw-gradient-to:rgba(14,159,110,0);--tw-gradient-stops:var(--tw-gradient-from),#0e9f6e,var(--tw-gradient-to)}.via-cyan-500{--tw-gradient-to:rgba(6,182,212,0);--tw-gradient-stops:var(--tw-gradient-from),#06b6d4,var(--tw-gradient-to)}.via-teal-500{--tw-gradient-to:rgba(6,148,162,0);--tw-gradient-stops:var(--tw-gradient-from),#0694a2,var(--tw-gradient-to)}.via-lime-400{--tw-gradient-to:rgba(163,230,53,0);--tw-gradient-stops:var(--tw-gradient-from),#a3e635,var(--tw-gradient-to)}.via-red-500{--tw-gradient-to:rgba(240,82,82,0);--tw-gradient-stops:var(--tw-gradient-from),#f05252,var(--tw-gradient-to)}.via-pink-500{--tw-gradient-to:rgba(231,70,148,0);--tw-gradient-stops:var(--tw-gradient-from),#e74694,var(--tw-gradient-to)}.via-purple-600{--tw-gradient-to:rgba(126,58,242,0);--tw-gradient-stops:var(--tw-gradient-from),#7e3af2,var(--tw-gradient-to)}.via-red-300{--tw-gradient-to:hsla(0,83%,84%,0);--tw-gradient-stops:var(--tw-gradient-from),#f8b4b4,var(--tw-gradient-to)}.to-blue-700{--tw-gradient-to:#1a56db}.to-green-600{--tw-gradient-to:#057a55}.to-cyan-600{--tw-gradient-to:#0891b2}.to-teal-600{--tw-gradient-to:#047481}.to-lime-500{--tw-gradient-to:#84cc16}.to-red-600{--tw-gradient-to:#e02424}.to-pink-600{--tw-gradient-to:#d61f69}.to-purple-700{--tw-gradient-to:#6c2bd9}.to-blue-500{--tw-gradient-to:#3f83f8}.to-blue-600{--tw-gradient-to:#1c64f2}.to-pink-500{--tw-gradient-to:#e74694}.to-orange-400{--tw-gradient-to:#ff8a4c}.to-lime-200{--tw-gradient-to:#d9f99d}.to-yellow-200{--tw-gradient-to:#fce96a}.to-lime-300{--tw-gradient-to:#bef264}.to-emerald-600{--tw-gradient-to:#059669}.bg-cover{background-size:cover}.bg-local{background-attachment:local}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-blue-600{fill:#1c64f2}.fill-current{fill:currentColor}.fill-gray-600{fill:#4b5563}.fill-green-500{fill:#0e9f6e}.fill-red-600{fill:#e02424}.fill-yellow-400{fill:#e3a008}.fill-pink-600{fill:#d61f69}.fill-purple-600{fill:#7e3af2}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.p-2\.5{padding:.625rem}.p-2{padding:.5rem}.p-0{padding:0}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-1\.5{padding:.375rem}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-0\.5{padding:.125rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-px{padding-bottom:1px;padding-top:1px}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-12{padding-bottom:3rem;padding-top:3rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0{padding-bottom:0;padding-top:0}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-48{padding-bottom:12rem;padding-top:12rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.px-0{padding-left:0;padding-right:0}.py-24{padding-bottom:6rem;padding-top:6rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.pt-6{padding-top:1.5rem}.pr-4{padding-right:1rem}.pl-3{padding-left:.75rem}.pl-10{padding-left:2.5rem}.pl-8{padding-left:2rem}.pt-10{padding-top:2.5rem}.pb-6{padding-bottom:1.5rem}.pl-2\.5{padding-left:.625rem}.pl-2{padding-left:.5rem}.pt-16{padding-top:4rem}.pb-10{padding-bottom:2.5rem}.pl-5{padding-left:1.25rem}.pt-8{padding-top:2rem}.pb-48{padding-bottom:12rem}.pb-5{padding-bottom:1.25rem}.pt-3{padding-top:.75rem}.pb-0{padding-bottom:0}.pl-11{padding-left:2.75rem}.pb-3{padding-bottom:.75rem}.pt-24{padding-top:6rem}.pt-52{padding-top:13rem}.pt-80{padding-top:20rem}.pt-64{padding-top:16rem}.pb-96{padding-bottom:24rem}.pt-36{padding-top:9rem}.pb-16{padding-bottom:4rem}.pt-32{padding-top:8rem}.pl-4{padding-left:1rem}.pt-5{padding-top:1.25rem}.pb-2\.5{padding-bottom:.625rem}.pb-2{padding-bottom:.5rem}.pb-1\.5{padding-bottom:.375rem}.pb-1{padding-bottom:.25rem}.pr-3{padding-right:.75rem}.pl-0{padding-left:0}.pb-8{padding-bottom:2rem}.pt-60{padding-top:15rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.font-sans{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-2xs{font-size:.625rem}.text-5xl{font-size:3rem;line-height:1}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}.font-medium{font-weight:500}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.font-normal{font-weight:400}.font-light{font-weight:300}.font-bold{font-weight:700}.font-thin{font-weight:100}.font-extralight{font-weight:200}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-6{line-height:1.5rem}.leading-9{line-height:2.25rem}.leading-normal{line-height:1.5}.leading-tight{line-height:1.25}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-normal{letter-spacing:0}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-\[\#ff2d20\]{--tw-text-opacity:1;color:rgb(255 45 32/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(28 100 242/var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgb(4 108 78/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 66 159/var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity:1;color:rgb(26 86 219/var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-red-800{--tw-text-opacity:1;color:rgb(155 28 28/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(3 84 63/var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity:1;color:rgb(142 75 16/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(63 131 248/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(240 82 82/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(14 159 110/var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity:1;color:rgb(194 120 3/var(--tw-text-opacity))}.text-purple-600{--tw-text-opacity:1;color:rgb(126 58 242/var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity:1;color:rgb(114 59 19/var(--tw-text-opacity))}.text-indigo-800{--tw-text-opacity:1;color:rgb(66 56 157/var(--tw-text-opacity))}.text-purple-800{--tw-text-opacity:1;color:rgb(85 33 181/var(--tw-text-opacity))}.text-pink-800{--tw-text-opacity:1;color:rgb(153 21 75/var(--tw-text-opacity))}.text-blue-400{--tw-text-opacity:1;color:rgb(118 169 250/var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgb(249 128 128/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(49 196 141/var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity:1;color:rgb(227 160 8/var(--tw-text-opacity))}.text-indigo-400{--tw-text-opacity:1;color:rgb(141 162 251/var(--tw-text-opacity))}.text-purple-400{--tw-text-opacity:1;color:rgb(172 148 250/var(--tw-text-opacity))}.text-pink-400{--tw-text-opacity:1;color:rgb(241 126 184/var(--tw-text-opacity))}.text-\[\#626890\]{--tw-text-opacity:1;color:rgb(98 104 144/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(200 30 30/var(--tw-text-opacity))}.text-purple-700{--tw-text-opacity:1;color:rgb(108 43 217/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(224 36 36/var(--tw-text-opacity))}.text-yellow-300{--tw-text-opacity:1;color:rgb(250 202 21/var(--tw-text-opacity))}.text-green-900{--tw-text-opacity:1;color:rgb(1 71 55/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(5 122 85/var(--tw-text-opacity))}.text-red-900{--tw-text-opacity:1;color:rgb(119 29 29/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-blue-100{--tw-text-opacity:1;color:rgb(225 239 254/var(--tw-text-opacity))}.text-indigo-700{--tw-text-opacity:1;color:rgb(81 69 205/var(--tw-text-opacity))}.text-orange-800{--tw-text-opacity:1;color:rgb(138 44 13/var(--tw-text-opacity))}.text-blue-900{--tw-text-opacity:1;color:rgb(35 56 118/var(--tw-text-opacity))}.text-blue-50{--tw-text-opacity:1;color:rgb(235 245 255/var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity:1;color:rgb(255 90 31/var(--tw-text-opacity))}.text-teal-600{--tw-text-opacity:1;color:rgb(4 116 129/var(--tw-text-opacity))}.text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity))}.text-transparent{color:transparent}.text-blue-600\/100{color:#1c64f2}.text-blue-600\/75{color:rgba(28,100,242,.75)}.text-blue-600\/50{color:rgba(28,100,242,.5)}.text-blue-600\/25{color:rgba(28,100,242,.25)}.\!text-blue-700{--tw-text-opacity:1!important;color:rgb(26 86 219/var(--tw-text-opacity))!important}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.decoration-gray-500{text-decoration-color:#6b7280}.decoration-blue-400{text-decoration-color:#76a9fa}.decoration-indigo-500{text-decoration-color:#6875f5}.decoration-blue-500{text-decoration-color:#3f83f8}.decoration-green-500{text-decoration-color:#0e9f6e}.decoration-red-500{text-decoration-color:#f05252}.decoration-sky-500{text-decoration-color:#0ea5e9}.decoration-double{text-decoration-style:double}.decoration-dotted{text-decoration-style:dotted}.decoration-dashed{text-decoration-style:dashed}.decoration-wavy{text-decoration-style:wavy}.decoration-8{text-decoration-thickness:8px}.placeholder-green-700::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(4 108 78/var(--tw-placeholder-opacity))}.placeholder-green-700::placeholder{--tw-placeholder-opacity:1;color:rgb(4 108 78/var(--tw-placeholder-opacity))}.placeholder-red-700::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(200 30 30/var(--tw-placeholder-opacity))}.placeholder-red-700::placeholder{--tw-placeholder-opacity:1;color:rgb(200 30 30/var(--tw-placeholder-opacity))}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-100{opacity:1}.bg-blend-multiply{background-blend-mode:multiply}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-blue-500\/50{--tw-shadow-color:rgba(63,131,248,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-green-500\/50{--tw-shadow-color:rgba(14,159,110,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-cyan-500\/50{--tw-shadow-color:rgba(6,182,212,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-teal-500\/50{--tw-shadow-color:rgba(6,148,162,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-lime-500\/50{--tw-shadow-color:rgba(132,204,22,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-red-500\/50{--tw-shadow-color:rgba(240,82,82,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-pink-500\/50{--tw-shadow-color:rgba(231,70,148,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-purple-500\/50{--tw-shadow-color:rgba(144,97,249,.5);--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-0,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-4,.ring-8{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-8{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.ring-gray-300{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity))}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity))}.ring-opacity-0{--tw-ring-opacity:0}.blur{--tw-blur:blur(8px)}.blur,.blur-sm{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur:blur(4px)}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.first-letter\:float-left:first-letter{float:left}.first-letter\:mr-3:first-letter{margin-right:.75rem}.first-letter\:text-7xl:first-letter{font-size:4.5rem;line-height:1}.first-letter\:font-bold:first-letter{font-weight:700}.first-letter\:text-gray-900:first-letter{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.first-line\:uppercase:first-line{text-transform:uppercase}.first-line\:tracking-widest:first-line{letter-spacing:.1em}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-0\.5:after{content:var(--tw-content);top:.125rem}.after\:top-0:after{content:var(--tw-content);top:0}.after\:left-\[4px\]:after{content:var(--tw-content);left:4px}.after\:mx-6:after{content:var(--tw-content);margin-left:1.5rem;margin-right:1.5rem}.after\:mx-2:after{content:var(--tw-content);margin-left:.5rem;margin-right:.5rem}.after\:inline-block:after{content:var(--tw-content);display:inline-block}.after\:hidden:after{content:var(--tw-content);display:none}.after\:h-4:after{content:var(--tw-content);height:1rem}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:h-1:after{content:var(--tw-content);height:.25rem}.after\:h-6:after{content:var(--tw-content);height:1.5rem}.after\:w-4:after{content:var(--tw-content);width:1rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:w-6:after{content:var(--tw-content);width:1.5rem}.after\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\:border:after{border-width:1px;content:var(--tw-content)}.after\:border-4:after{border-width:4px;content:var(--tw-content)}.after\:border-b:after{border-bottom-width:1px;content:var(--tw-content)}.after\:border-gray-300:after{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));content:var(--tw-content)}.after\:border-gray-200:after{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));content:var(--tw-content)}.after\:border-blue-100:after{--tw-border-opacity:1;border-color:rgb(225 239 254/var(--tw-border-opacity));content:var(--tw-content)}.after\:border-gray-100:after{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity));content:var(--tw-content)}.after\:bg-white:after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));content:var(--tw-content)}.after\:font-light:after{content:var(--tw-content);font-weight:300}.after\:text-gray-200:after{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity));content:var(--tw-content)}.after\:transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.after\:content-\[\'\/\'\]:after{--tw-content:"/";content:var(--tw-content)}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgb(30 66 159/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(225 239 254/var(--tw-bg-opacity))}.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(195 221 253/var(--tw-bg-opacity))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(251 213 213/var(--tw-bg-opacity))}.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:rgb(188 240 218/var(--tw-bg-opacity))}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:rgb(252 233 106/var(--tw-bg-opacity))}.hover\:bg-blue-900:hover{--tw-bg-opacity:1;background-color:rgb(35 56 118/var(--tw-bg-opacity))}.hover\:bg-red-800:hover{--tw-bg-opacity:1;background-color:rgb(155 28 28/var(--tw-bg-opacity))}.hover\:bg-red-900:hover{--tw-bg-opacity:1;background-color:rgb(119 29 29/var(--tw-bg-opacity))}.hover\:bg-green-800:hover{--tw-bg-opacity:1;background-color:rgb(3 84 63/var(--tw-bg-opacity))}.hover\:bg-yellow-800:hover{--tw-bg-opacity:1;background-color:rgb(114 59 19/var(--tw-bg-opacity))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.hover\:bg-indigo-200:hover{--tw-bg-opacity:1;background-color:rgb(205 219 254/var(--tw-bg-opacity))}.hover\:bg-purple-200:hover{--tw-bg-opacity:1;background-color:rgb(220 215 254/var(--tw-bg-opacity))}.hover\:bg-pink-200:hover{--tw-bg-opacity:1;background-color:rgb(250 209 232/var(--tw-bg-opacity))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.hover\:bg-gray-900:hover{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.hover\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:rgb(194 120 3/var(--tw-bg-opacity))}.hover\:bg-purple-800:hover{--tw-bg-opacity:1;background-color:rgb(85 33 181/var(--tw-bg-opacity))}.hover\:bg-\[\#3b5998\]\/90:hover{background-color:rgba(59,89,152,.9)}.hover\:bg-\[\#1da1f2\]\/90:hover{background-color:rgba(29,161,242,.9)}.hover\:bg-\[\#24292F\]\/90:hover{background-color:rgba(36,41,47,.9)}.hover\:bg-\[\#4285F4\]\/90:hover{background-color:rgba(66,133,244,.9)}.hover\:bg-\[\#050708\]\/90:hover{background-color:rgba(5,7,8,.9)}.hover\:bg-\[\#FF9119\]\/80:hover{background-color:rgba(255,145,25,.8)}.hover\:bg-\[\#F7BE38\]\/90:hover{background-color:rgba(247,190,56,.9)}.hover\:bg-\[\#050708\]\/80:hover{background-color:rgba(5,7,8,.8)}.hover\:bg-\[\#2557D6\]\/90:hover{background-color:rgba(37,87,214,.9)}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(26 86 219/var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:bg-gray-500:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:rgb(63 131 248/var(--tw-bg-opacity))}.hover\:bg-gradient-to-br:hover{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.hover\:bg-gradient-to-bl:hover{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.hover\:bg-gradient-to-l:hover{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.hover\:from-teal-200:hover{--tw-gradient-from:#afecef;--tw-gradient-to:rgba(175,236,239,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-lime-200:hover{--tw-gradient-to:#d9f99d}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(28 100 242/var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(26 86 219/var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-blue-900:hover{--tw-text-opacity:1;color:rgb(35 56 118/var(--tw-text-opacity))}.hover\:text-red-900:hover{--tw-text-opacity:1;color:rgb(119 29 29/var(--tw-text-opacity))}.hover\:text-green-900:hover{--tw-text-opacity:1;color:rgb(1 71 55/var(--tw-text-opacity))}.hover\:text-yellow-900:hover{--tw-text-opacity:1;color:rgb(99 49 18/var(--tw-text-opacity))}.hover\:text-indigo-900:hover{--tw-text-opacity:1;color:rgb(54 47 120/var(--tw-text-opacity))}.hover\:text-purple-900:hover{--tw-text-opacity:1;color:rgb(74 29 150/var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 66 159/var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:bg-blend-soft-light:hover{background-blend-mode:soft-light}.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:blur-none:hover{--tw-blur:blur(0)}.hover\:blur-none:hover,.hover\:grayscale-0:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0)}.focus\:z-10:focus{z-index:10}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(63 131 248/var(--tw-border-opacity))}.focus\:border-blue-600:focus{--tw-border-opacity:1;border-color:rgb(28 100 242/var(--tw-border-opacity))}.focus\:border-green-500:focus{--tw-border-opacity:1;border-color:rgb(14 159 110/var(--tw-border-opacity))}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(240 82 82/var(--tw-border-opacity))}.focus\:border-green-600:focus{--tw-border-opacity:1;border-color:rgb(5 122 85/var(--tw-border-opacity))}.focus\:border-red-600:focus{--tw-border-opacity:1;border-color:rgb(224 36 36/var(--tw-border-opacity))}.focus\:border-gray-200:focus{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.focus\:bg-gray-100:focus{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.focus\:bg-gray-900:focus{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.focus\:text-blue-700:focus{--tw-text-opacity:1;color:rgb(26 86 219/var(--tw-text-opacity))}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus,.focus\:ring-4:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(63 131 248/var(--tw-ring-opacity))}.focus\:ring-blue-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(164 202 254/var(--tw-ring-opacity))}.focus\:ring-gray-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(243 244 246/var(--tw-ring-opacity))}.focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity))}.focus\:ring-gray-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity))}.focus\:ring-blue-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(195 221 253/var(--tw-ring-opacity))}.focus\:ring-blue-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(118 169 250/var(--tw-ring-opacity))}.focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(249 128 128/var(--tw-ring-opacity))}.focus\:ring-green-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(49 196 141/var(--tw-ring-opacity))}.focus\:ring-yellow-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(227 160 8/var(--tw-ring-opacity))}.focus\:ring-gray-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(156 163 175/var(--tw-ring-opacity))}.focus\:ring-red-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 180 180/var(--tw-ring-opacity))}.focus\:ring-green-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(132 225 188/var(--tw-ring-opacity))}.focus\:ring-yellow-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(250 202 21/var(--tw-ring-opacity))}.focus\:ring-blue-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(26 86 219/var(--tw-ring-opacity))}.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity))}.focus\:ring-purple-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(202 191 253/var(--tw-ring-opacity))}.focus\:ring-cyan-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(103 232 249/var(--tw-ring-opacity))}.focus\:ring-teal-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(126 220 226/var(--tw-ring-opacity))}.focus\:ring-lime-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(190 242 100/var(--tw-ring-opacity))}.focus\:ring-pink-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 180 217/var(--tw-ring-opacity))}.focus\:ring-green-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(188 240 218/var(--tw-ring-opacity))}.focus\:ring-purple-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(220 215 254/var(--tw-ring-opacity))}.focus\:ring-pink-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(250 209 232/var(--tw-ring-opacity))}.focus\:ring-lime-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(217 249 157/var(--tw-ring-opacity))}.focus\:ring-red-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(253 232 232/var(--tw-ring-opacity))}.focus\:ring-cyan-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(165 243 252/var(--tw-ring-opacity))}.focus\:ring-\[\#3b5998\]\/50:focus{--tw-ring-color:rgba(59,89,152,.5)}.focus\:ring-\[\#1da1f2\]\/50:focus{--tw-ring-color:rgba(29,161,242,.5)}.focus\:ring-\[\#24292F\]\/50:focus{--tw-ring-color:rgba(36,41,47,.5)}.focus\:ring-\[\#4285F4\]\/50:focus{--tw-ring-color:rgba(66,133,244,.5)}.focus\:ring-\[\#050708\]\/50:focus{--tw-ring-color:rgba(5,7,8,.5)}.focus\:ring-\[\#FF9119\]\/50:focus{--tw-ring-color:rgba(255,145,25,.5)}.focus\:ring-\[\#F7BE38\]\/50:focus{--tw-ring-color:rgba(247,190,56,.5)}.focus\:ring-\[\#2557D6\]\/50:focus{--tw-ring-color:rgba(37,87,214,.5)}.focus\:ring-gray-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(249 250 251/var(--tw-ring-opacity))}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(14 159 110/var(--tw-ring-opacity))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(240 82 82/var(--tw-ring-opacity))}.focus\:ring-gray-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(55 65 81/var(--tw-ring-opacity))}.focus\:ring-blue-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(28 100 242/var(--tw-ring-opacity))}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(144 97 249/var(--tw-ring-opacity))}.focus\:ring-teal-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(6 148 162/var(--tw-ring-opacity))}.focus\:ring-yellow-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(194 120 3/var(--tw-ring-opacity))}.focus\:ring-orange-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 90 31/var(--tw-ring-opacity))}.group:hover .group-hover\:rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-white\/50{background-color:hsla(0,0%,100%,.5)}.group:hover .group-hover\:bg-opacity-0{--tw-bg-opacity:0}.group:hover .group-hover\:from-purple-600{--tw-gradient-from:#7e3af2;--tw-gradient-to:rgba(126,58,242,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:from-cyan-500{--tw-gradient-from:#06b6d4;--tw-gradient-to:rgba(6,182,212,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:from-green-400{--tw-gradient-from:#31c48d;--tw-gradient-to:rgba(49,196,141,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:from-purple-500{--tw-gradient-from:#9061f9;--tw-gradient-to:rgba(144,97,249,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:from-pink-500{--tw-gradient-from:#e74694;--tw-gradient-to:rgba(231,70,148,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:from-teal-300{--tw-gradient-from:#7edce2;--tw-gradient-to:rgba(126,220,226,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:from-red-200{--tw-gradient-from:#fbd5d5;--tw-gradient-to:hsla(0,83%,91%,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:via-red-300{--tw-gradient-to:hsla(0,83%,84%,0);--tw-gradient-stops:var(--tw-gradient-from),#f8b4b4,var(--tw-gradient-to)}.group:hover .group-hover\:to-blue-500{--tw-gradient-to:#3f83f8}.group:hover .group-hover\:to-blue-600{--tw-gradient-to:#1c64f2}.group:hover .group-hover\:to-pink-500{--tw-gradient-to:#e74694}.group:hover .group-hover\:to-orange-400{--tw-gradient-to:#ff8a4c}.group:hover .group-hover\:to-lime-300{--tw-gradient-to:#bef264}.group:hover .group-hover\:to-yellow-200{--tw-gradient-to:#fce96a}.group:hover .group-hover\:text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.group:hover .group-hover\:text-blue-600{--tw-text-opacity:1;color:rgb(28 100 242/var(--tw-text-opacity))}.group:hover .group-hover\:text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.group:hover .group-hover\:opacity-100{opacity:1}.group:focus .group-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.group:focus .group-focus\:ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:focus .group-focus\:ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))}.peer:checked~.peer-checked\:border-blue-600{--tw-border-opacity:1;border-color:rgb(28 100 242/var(--tw-border-opacity))}.peer:checked~.peer-checked\:bg-blue-600{--tw-bg-opacity:1;background-color:rgb(28 100 242/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-red-600{--tw-bg-opacity:1;background-color:rgb(224 36 36/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-green-600{--tw-bg-opacity:1;background-color:rgb(5 122 85/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-purple-600{--tw-bg-opacity:1;background-color:rgb(126 58 242/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(227 160 8/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-teal-600{--tw-bg-opacity:1;background-color:rgb(4 116 129/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-orange-500{--tw-bg-opacity:1;background-color:rgb(255 90 31/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.peer:checked~.peer-checked\:text-blue-600{--tw-text-opacity:1;color:rgb(28 100 242/var(--tw-text-opacity))}.peer:checked~.peer-checked\:after\:translate-x-full:after{--tw-translate-x:100%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));content:var(--tw-content)}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:top-1\/2{top:50%}.peer:placeholder-shown~.peer-placeholder-shown\:top-1\/2{top:50%}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:placeholder-shown~.peer-placeholder-shown\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:placeholder-shown~.peer-placeholder-shown\:-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:placeholder-shown~.peer-placeholder-shown\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.peer-focus\:left-0{left:0}.peer:focus~.peer-focus\:top-2{top:.5rem}.peer:focus~.peer-focus\:top-1{top:.25rem}.peer:focus~.peer-focus\:-translate-y-6{--tw-translate-y:-1.5rem}.peer:focus~.peer-focus\:-translate-y-4,.peer:focus~.peer-focus\:-translate-y-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.peer-focus\:-translate-y-4{--tw-translate-y:-1rem}.peer:focus~.peer-focus\:-translate-y-3{--tw-translate-y:-0.75rem}.peer:focus~.peer-focus\:-translate-y-3,.peer:focus~.peer-focus\:scale-75{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.peer-focus\:scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.peer:focus~.peer-focus\:px-2{padding-left:.5rem;padding-right:.5rem}.peer:focus~.peer-focus\:font-medium{font-weight:500}.peer:focus~.peer-focus\:text-blue-600{--tw-text-opacity:1;color:rgb(28 100 242/var(--tw-text-opacity))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.peer:focus~.peer-focus\:ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus~.peer-focus\:ring-blue-300{--tw-ring-opacity:1;--tw-ring-color:rgb(164 202 254/var(--tw-ring-opacity))}.peer:focus~.peer-focus\:ring-red-300{--tw-ring-opacity:1;--tw-ring-color:rgb(248 180 180/var(--tw-ring-opacity))}.peer:focus~.peer-focus\:ring-green-300{--tw-ring-opacity:1;--tw-ring-color:rgb(132 225 188/var(--tw-ring-opacity))}.peer:focus~.peer-focus\:ring-purple-300{--tw-ring-opacity:1;--tw-ring-color:rgb(202 191 253/var(--tw-ring-opacity))}.peer:focus~.peer-focus\:ring-yellow-300{--tw-ring-opacity:1;--tw-ring-color:rgb(250 202 21/var(--tw-ring-opacity))}.peer:focus~.peer-focus\:ring-teal-300{--tw-ring-opacity:1;--tw-ring-color:rgb(126 220 226/var(--tw-ring-opacity))}.peer:focus~.peer-focus\:ring-orange-300{--tw-ring-opacity:1;--tw-ring-color:rgb(253 186 140/var(--tw-ring-opacity))}.dark .dark\:divide-gray-600>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(75 85 99/var(--tw-divide-opacity))}.dark .dark\:divide-gray-700>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(55 65 81/var(--tw-divide-opacity))}.dark .dark\:border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}.dark .dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark .dark\:border-blue-400{--tw-border-opacity:1;border-color:rgb(118 169 250/var(--tw-border-opacity))}.dark .dark\:border-blue-800{--tw-border-opacity:1;border-color:rgb(30 66 159/var(--tw-border-opacity))}.dark .dark\:border-red-800{--tw-border-opacity:1;border-color:rgb(155 28 28/var(--tw-border-opacity))}.dark .dark\:border-green-800{--tw-border-opacity:1;border-color:rgb(3 84 63/var(--tw-border-opacity))}.dark .dark\:border-yellow-800{--tw-border-opacity:1;border-color:rgb(114 59 19/var(--tw-border-opacity))}.dark .dark\:border-red-400{--tw-border-opacity:1;border-color:rgb(249 128 128/var(--tw-border-opacity))}.dark .dark\:border-green-500{--tw-border-opacity:1;border-color:rgb(14 159 110/var(--tw-border-opacity))}.dark .dark\:border-yellow-300{--tw-border-opacity:1;border-color:rgb(250 202 21/var(--tw-border-opacity))}.dark .dark\:border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity))}.dark .dark\:border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.dark .dark\:border-blue-500{--tw-border-opacity:1;border-color:rgb(63 131 248/var(--tw-border-opacity))}.dark .dark\:border-red-500{--tw-border-opacity:1;border-color:rgb(240 82 82/var(--tw-border-opacity))}.dark .dark\:border-purple-400{--tw-border-opacity:1;border-color:rgb(172 148 250/var(--tw-border-opacity))}.dark .dark\:border-green-400{--tw-border-opacity:1;border-color:rgb(49 196 141/var(--tw-border-opacity))}.dark .dark\:border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.dark .dark\:\!border-blue-500{--tw-border-opacity:1!important;border-color:rgb(63 131 248/var(--tw-border-opacity))!important}.dark .dark\:border-transparent{border-color:transparent}.dark .dark\:border-l-gray-700{--tw-border-opacity:1;border-left-color:rgb(55 65 81/var(--tw-border-opacity))}.dark .dark\:bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.dark .dark\:bg-gray-900\/60{background-color:rgba(17,24,39,.6)}.dark .dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.dark .dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark .dark\:bg-blue-600{--tw-bg-opacity:1;background-color:rgb(28 100 242/var(--tw-bg-opacity))}.dark .dark\:bg-blue-200{--tw-bg-opacity:1;background-color:rgb(195 221 253/var(--tw-bg-opacity))}.dark .dark\:bg-red-600{--tw-bg-opacity:1;background-color:rgb(224 36 36/var(--tw-bg-opacity))}.dark .dark\:bg-green-600{--tw-bg-opacity:1;background-color:rgb(5 122 85/var(--tw-bg-opacity))}.dark .dark\:bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(250 202 21/var(--tw-bg-opacity))}.dark .dark\:bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.dark .dark\:bg-blue-900{--tw-bg-opacity:1;background-color:rgb(35 56 118/var(--tw-bg-opacity))}.dark .dark\:bg-red-900{--tw-bg-opacity:1;background-color:rgb(119 29 29/var(--tw-bg-opacity))}.dark .dark\:bg-green-900{--tw-bg-opacity:1;background-color:rgb(1 71 55/var(--tw-bg-opacity))}.dark .dark\:bg-yellow-900{--tw-bg-opacity:1;background-color:rgb(99 49 18/var(--tw-bg-opacity))}.dark .dark\:bg-indigo-900{--tw-bg-opacity:1;background-color:rgb(54 47 120/var(--tw-bg-opacity))}.dark .dark\:bg-purple-900{--tw-bg-opacity:1;background-color:rgb(74 29 150/var(--tw-bg-opacity))}.dark .dark\:bg-pink-900{--tw-bg-opacity:1;background-color:rgb(117 26 61/var(--tw-bg-opacity))}.dark .dark\:bg-purple-600{--tw-bg-opacity:1;background-color:rgb(126 58 242/var(--tw-bg-opacity))}.dark .dark\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.dark .dark\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(63 131 248/var(--tw-bg-opacity))}.dark .dark\:bg-gray-800\/30{background-color:rgba(31,41,55,.3)}.dark .dark\:bg-gray-800\/50{background-color:rgba(31,41,55,.5)}.dark .dark\:bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.dark .dark\:bg-green-100{--tw-bg-opacity:1;background-color:rgb(222 247 236/var(--tw-bg-opacity))}.dark .dark\:bg-red-100{--tw-bg-opacity:1;background-color:rgb(253 232 232/var(--tw-bg-opacity))}.dark .dark\:bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.dark .dark\:bg-blue-400{--tw-bg-opacity:1;background-color:rgb(118 169 250/var(--tw-bg-opacity))}.dark .dark\:bg-orange-400{--tw-bg-opacity:1;background-color:rgb(255 138 76/var(--tw-bg-opacity))}.dark .dark\:bg-red-500{--tw-bg-opacity:1;background-color:rgb(240 82 82/var(--tw-bg-opacity))}.dark .dark\:bg-green-500{--tw-bg-opacity:1;background-color:rgb(14 159 110/var(--tw-bg-opacity))}.dark .dark\:bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(104 117 245/var(--tw-bg-opacity))}.dark .dark\:bg-purple-500{--tw-bg-opacity:1;background-color:rgb(144 97 249/var(--tw-bg-opacity))}.dark .dark\:bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.dark .dark\:bg-orange-200{--tw-bg-opacity:1;background-color:rgb(252 217 189/var(--tw-bg-opacity))}.dark .dark\:bg-blue-800{--tw-bg-opacity:1;background-color:rgb(30 66 159/var(--tw-bg-opacity))}.dark .dark\:bg-green-800{--tw-bg-opacity:1;background-color:rgb(3 84 63/var(--tw-bg-opacity))}.dark .dark\:bg-red-800{--tw-bg-opacity:1;background-color:rgb(155 28 28/var(--tw-bg-opacity))}.dark .dark\:bg-orange-700{--tw-bg-opacity:1;background-color:rgb(180 52 3/var(--tw-bg-opacity))}.dark .dark\:bg-opacity-80{--tw-bg-opacity:0.8}.dark .dark\:fill-gray-300{fill:#d1d5db}.dark .dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.dark .dark\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark .dark\:text-blue-500{--tw-text-opacity:1;color:rgb(63 131 248/var(--tw-text-opacity))}.dark .dark\:text-green-600{--tw-text-opacity:1;color:rgb(5 122 85/var(--tw-text-opacity))}.dark .dark\:text-blue-800{--tw-text-opacity:1;color:rgb(30 66 159/var(--tw-text-opacity))}.dark .dark\:text-blue-400{--tw-text-opacity:1;color:rgb(118 169 250/var(--tw-text-opacity))}.dark .dark\:text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.dark .dark\:text-red-400{--tw-text-opacity:1;color:rgb(249 128 128/var(--tw-text-opacity))}.dark .dark\:text-green-400{--tw-text-opacity:1;color:rgb(49 196 141/var(--tw-text-opacity))}.dark .dark\:text-yellow-300{--tw-text-opacity:1;color:rgb(250 202 21/var(--tw-text-opacity))}.dark .dark\:text-yellow-400{--tw-text-opacity:1;color:rgb(227 160 8/var(--tw-text-opacity))}.dark .dark\:text-blue-300{--tw-text-opacity:1;color:rgb(164 202 254/var(--tw-text-opacity))}.dark .dark\:text-red-300{--tw-text-opacity:1;color:rgb(248 180 180/var(--tw-text-opacity))}.dark .dark\:text-green-300{--tw-text-opacity:1;color:rgb(132 225 188/var(--tw-text-opacity))}.dark .dark\:text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.dark .dark\:text-purple-400{--tw-text-opacity:1;color:rgb(172 148 250/var(--tw-text-opacity))}.dark .dark\:text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.dark .dark\:text-indigo-300{--tw-text-opacity:1;color:rgb(180 198 252/var(--tw-text-opacity))}.dark .dark\:text-purple-300{--tw-text-opacity:1;color:rgb(202 191 253/var(--tw-text-opacity))}.dark .dark\:text-pink-300{--tw-text-opacity:1;color:rgb(248 180 217/var(--tw-text-opacity))}.dark .dark\:text-indigo-400{--tw-text-opacity:1;color:rgb(141 162 251/var(--tw-text-opacity))}.dark .dark\:text-pink-400{--tw-text-opacity:1;color:rgb(241 126 184/var(--tw-text-opacity))}.dark .dark\:text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.dark .dark\:text-green-500{--tw-text-opacity:1;color:rgb(14 159 110/var(--tw-text-opacity))}.dark .dark\:text-red-500{--tw-text-opacity:1;color:rgb(240 82 82/var(--tw-text-opacity))}.dark .dark\:text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.dark .dark\:text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.dark .dark\:text-blue-200{--tw-text-opacity:1;color:rgb(195 221 253/var(--tw-text-opacity))}.dark .dark\:text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.dark .dark\:text-yellow-500{--tw-text-opacity:1;color:rgb(194 120 3/var(--tw-text-opacity))}.dark .dark\:text-indigo-500{--tw-text-opacity:1;color:rgb(104 117 245/var(--tw-text-opacity))}.dark .dark\:text-purple-500{--tw-text-opacity:1;color:rgb(144 97 249/var(--tw-text-opacity))}.dark .dark\:text-orange-900{--tw-text-opacity:1;color:rgb(119 29 29/var(--tw-text-opacity))}.dark .dark\:text-blue-100{--tw-text-opacity:1;color:rgb(225 239 254/var(--tw-text-opacity))}.dark .dark\:text-green-200{--tw-text-opacity:1;color:rgb(188 240 218/var(--tw-text-opacity))}.dark .dark\:text-red-200{--tw-text-opacity:1;color:rgb(251 213 213/var(--tw-text-opacity))}.dark .dark\:text-orange-200{--tw-text-opacity:1;color:rgb(252 217 189/var(--tw-text-opacity))}.dark .dark\:text-blue-500\/100{color:#3f83f8}.dark .dark\:text-blue-500\/75{color:rgba(63,131,248,.75)}.dark .dark\:text-blue-500\/50{color:rgba(63,131,248,.5)}.dark .dark\:text-blue-500\/25{color:rgba(63,131,248,.25)}.dark .dark\:\!text-blue-500{--tw-text-opacity:1!important;color:rgb(63 131 248/var(--tw-text-opacity))!important}.dark .dark\:decoration-blue-600{text-decoration-color:#1c64f2}.dark .dark\:placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.dark .dark\:placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.dark .dark\:placeholder-green-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(14 159 110/var(--tw-placeholder-opacity))}.dark .dark\:placeholder-green-500::placeholder{--tw-placeholder-opacity:1;color:rgb(14 159 110/var(--tw-placeholder-opacity))}.dark .dark\:placeholder-red-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(240 82 82/var(--tw-placeholder-opacity))}.dark .dark\:placeholder-red-500::placeholder{--tw-placeholder-opacity:1;color:rgb(240 82 82/var(--tw-placeholder-opacity))}.dark .dark\:shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.dark .dark\:shadow-lg,.dark .dark\:shadow-sm-light{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark .dark\:shadow-sm-light{--tw-shadow:0 2px 5px 0px hsla(0,0%,100%,.08);--tw-shadow-colored:0 2px 5px 0px var(--tw-shadow-color)}.dark .dark\:shadow-blue-800\/80{--tw-shadow-color:rgba(30,66,159,.8);--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:shadow-green-800\/80{--tw-shadow-color:rgba(3,84,63,.8);--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:shadow-cyan-800\/80{--tw-shadow-color:rgba(21,94,117,.8);--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:shadow-teal-800\/80{--tw-shadow-color:rgba(5,80,92,.8);--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:shadow-lime-800\/80{--tw-shadow-color:rgba(63,98,18,.8);--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:shadow-red-800\/80{--tw-shadow-color:rgba(155,28,28,.8);--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:shadow-pink-800\/80{--tw-shadow-color:rgba(153,21,75,.8);--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:shadow-purple-800\/80{--tw-shadow-color:rgba(85,33,181,.8);--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:shadow-gray-800{--tw-shadow-color:#1f2937;--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:ring-gray-500{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity))}.dark .dark\:ring-gray-900{--tw-ring-opacity:1;--tw-ring-color:rgb(17 24 39/var(--tw-ring-opacity))}.dark .dark\:ring-offset-gray-800{--tw-ring-offset-color:#1f2937}.dark .dark\:ring-offset-gray-700{--tw-ring-offset-color:#374151}.dark .dark\:first-letter\:text-gray-100:first-letter{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.dark .dark\:after\:border-gray-700:after{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity));content:var(--tw-content)}.dark .dark\:after\:border-blue-800:after{--tw-border-opacity:1;border-color:rgb(30 66 159/var(--tw-border-opacity));content:var(--tw-content)}.dark .dark\:after\:text-gray-500:after{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity));content:var(--tw-content)}.dark .dark\:hover\:border-gray-600:hover{--tw-border-opacity:1;border-color:rgb(30 36 49/var(--tw-border-opacity))}.dark .dark\:hover\:border-gray-700:hover{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.dark .dark\:hover\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.dark .dark\:hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(26 86 219/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-blue-400:hover{--tw-bg-opacity:1;background-color:rgb(118 169 250/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(200 30 30/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(249 128 128/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(4 108 78/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-green-500:hover{--tw-bg-opacity:1;background-color:rgb(14 159 110/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-yellow-400:hover{--tw-bg-opacity:1;background-color:rgb(227 160 8/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-yellow-300:hover{--tw-bg-opacity:1;background-color:rgb(250 202 21/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-gray-500:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgb(30 66 159/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-red-800:hover{--tw-bg-opacity:1;background-color:rgb(155 28 28/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-green-800:hover{--tw-bg-opacity:1;background-color:rgb(3 84 63/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-yellow-800:hover{--tw-bg-opacity:1;background-color:rgb(114 59 19/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-indigo-800:hover{--tw-bg-opacity:1;background-color:rgb(66 56 157/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-purple-800:hover{--tw-bg-opacity:1;background-color:rgb(85 33 181/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-pink-800:hover{--tw-bg-opacity:1;background-color:rgb(153 21 75/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(108 43 217/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-\[\#050708\]\/30:hover{background-color:rgba(5,7,8,.3)}.dark .dark\:hover\:bg-\[\#FF9119\]\/80:hover{background-color:rgba(255,145,25,.8)}.dark .dark\:hover\:bg-\[\#050708\]\/40:hover{background-color:rgba(5,7,8,.4)}.dark .dark\:hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(28 100 242/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(5 122 85/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(224 36 36/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-purple-500:hover{--tw-bg-opacity:1;background-color:rgb(144 97 249/var(--tw-bg-opacity))}.dark .dark\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(63 131 248/var(--tw-text-opacity))}.dark .dark\:hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.dark .dark\:hover\:text-blue-300:hover{--tw-text-opacity:1;color:rgb(164 202 254/var(--tw-text-opacity))}.dark .dark\:hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark .dark\:hover\:text-red-300:hover{--tw-text-opacity:1;color:rgb(248 180 180/var(--tw-text-opacity))}.dark .dark\:hover\:text-green-300:hover{--tw-text-opacity:1;color:rgb(132 225 188/var(--tw-text-opacity))}.dark .dark\:hover\:text-yellow-300:hover{--tw-text-opacity:1;color:rgb(250 202 21/var(--tw-text-opacity))}.dark .dark\:hover\:text-indigo-300:hover{--tw-text-opacity:1;color:rgb(180 198 252/var(--tw-text-opacity))}.dark .dark\:hover\:text-purple-300:hover{--tw-text-opacity:1;color:rgb(202 191 253/var(--tw-text-opacity))}.dark .dark\:hover\:text-pink-300:hover{--tw-text-opacity:1;color:rgb(248 180 217/var(--tw-text-opacity))}.dark .dark\:hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.dark .dark\:hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(26 86 219/var(--tw-text-opacity))}.dark .dark\:hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(28 100 242/var(--tw-text-opacity))}.dark .dark\:hover\:text-blue-400:hover{--tw-text-opacity:1;color:rgb(118 169 250/var(--tw-text-opacity))}.dark .dark\:hover\:bg-blend-darken:hover{background-blend-mode:darken}.dark .dark\:focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(63 131 248/var(--tw-border-opacity))}.dark .dark\:focus\:border-green-500:focus{--tw-border-opacity:1;border-color:rgb(14 159 110/var(--tw-border-opacity))}.dark .dark\:focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(240 82 82/var(--tw-border-opacity))}.dark .dark\:focus\:bg-gray-700:focus{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark .dark\:focus\:bg-blue-600:focus{--tw-bg-opacity:1;background-color:rgb(28 100 242/var(--tw-bg-opacity))}.dark .dark\:focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(63 131 248/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-blue-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(30 66 159/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-gray-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(55 65 81/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-gray-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(31 41 55/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-red-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(155 28 28/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-green-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(3 84 63/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-yellow-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(114 59 19/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-red-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(119 29 29/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-yellow-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 49 18/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-purple-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(74 29 150/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-cyan-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(21 94 117/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-teal-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(5 80 92/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-lime-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(63 98 18/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-pink-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(153 21 75/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-purple-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(85 33 181/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-teal-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(3 102 114/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(249 128 128/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-\[\#050708\]\/50:focus{--tw-ring-color:rgba(5,7,8,.5)}.dark .dark\:focus\:ring-gray-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-\[\#FF9119\]\/40:focus{--tw-ring-color:rgba(255,145,25,.4)}.dark .dark\:focus\:ring-\[\#F7BE38\]\/50:focus{--tw-ring-color:rgba(247,190,56,.5)}.dark .dark\:focus\:ring-\[\#2557D6\]\/50:focus{--tw-ring-color:rgba(37,87,214,.5)}.dark .dark\:focus\:ring-blue-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(28 100 242/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-blue-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(35 56 118/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-gray-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(156 163 175/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-red-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(224 36 36/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-green-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(5 122 85/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-purple-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(126 58 242/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-teal-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(4 116 129/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-yellow-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(159 88 10/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-orange-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(208 56 1/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-offset-gray-800:focus{--tw-ring-offset-color:#1f2937}.dark .dark\:focus\:ring-offset-gray-700:focus{--tw-ring-offset-color:#374151}.dark .group:hover .dark\:group-hover\:bg-gray-800\/60{background-color:rgba(31,41,55,.6)}.dark .group:hover .dark\:group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .group:hover .dark\:group-hover\:text-blue-500{--tw-text-opacity:1;color:rgb(63 131 248/var(--tw-text-opacity))}.dark .group:hover .dark\:group-hover\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark .group:focus .dark\:group-focus\:ring-gray-800\/70{--tw-ring-color:rgba(31,41,55,.7)}.dark .peer:checked~.dark\:peer-checked\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark .peer:checked~.dark\:peer-checked\:text-blue-500,.peer:focus~.dark .peer-focus\:dark\:text-blue-500{--tw-text-opacity:1;color:rgb(63 131 248/var(--tw-text-opacity))}.dark .peer:focus~.dark\:peer-focus\:ring-blue-800{--tw-ring-opacity:1;--tw-ring-color:rgb(30 66 159/var(--tw-ring-opacity))}.dark .peer:focus~.dark\:peer-focus\:ring-red-800{--tw-ring-opacity:1;--tw-ring-color:rgb(155 28 28/var(--tw-ring-opacity))}.dark .peer:focus~.dark\:peer-focus\:ring-green-800{--tw-ring-opacity:1;--tw-ring-color:rgb(3 84 63/var(--tw-ring-opacity))}.dark .peer:focus~.dark\:peer-focus\:ring-purple-800{--tw-ring-opacity:1;--tw-ring-color:rgb(85 33 181/var(--tw-ring-opacity))}.dark .peer:focus~.dark\:peer-focus\:ring-yellow-800{--tw-ring-opacity:1;--tw-ring-color:rgb(114 59 19/var(--tw-ring-opacity))}.dark .peer:focus~.dark\:peer-focus\:ring-teal-800{--tw-ring-opacity:1;--tw-ring-color:rgb(5 80 92/var(--tw-ring-opacity))}.dark .peer:focus~.dark\:peer-focus\:ring-orange-800{--tw-ring-opacity:1;--tw-ring-color:rgb(138 44 13/var(--tw-ring-opacity))}@media (min-width:640px){.sm\:order-last{order:9999}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:mb-0{margin-bottom:0}.sm\:mt-0{margin-top:0}.sm\:mb-4{margin-bottom:1rem}.sm\:ml-2{margin-left:.5rem}.sm\:ml-4{margin-left:1rem}.sm\:mb-5{margin-bottom:1.25rem}.sm\:ml-auto{margin-left:auto}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-6{height:1.5rem}.sm\:h-64{height:16rem}.sm\:h-9{height:2.25rem}.sm\:h-7{height:1.75rem}.sm\:h-5{height:1.25rem}.sm\:w-auto{width:auto}.sm\:w-10{width:2.5rem}.sm\:w-6{width:1.5rem}.sm\:w-96{width:24rem}.sm\:w-5{width:1.25rem}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-6{gap:1.5rem}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.sm\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.sm\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.sm\:rounded-lg{border-radius:.5rem}.sm\:border-b-0{border-bottom-width:0}.sm\:border-r{border-right-width:1px}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:p-4{padding:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-16{padding-left:4rem;padding-right:4rem}.sm\:pt-4{padding-top:1rem}.sm\:pr-8{padding-right:2rem}.sm\:pr-4{padding-right:1rem}.sm\:pl-4{padding-left:1rem}.sm\:pl-2{padding-left:.5rem}.sm\:pb-4{padding-bottom:1rem}.sm\:text-center{text-align:center}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:ring-8{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.sm\:after\:inline-block:after{content:var(--tw-content);display:inline-block}.sm\:after\:hidden:after{content:var(--tw-content);display:none}.sm\:after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}}@media (min-width:768px){.md\:inset-0{bottom:0;left:0;right:0;top:0}.md\:order-2{order:2}.md\:order-1{order:1}.md\:my-0{margin-bottom:0;margin-top:0}.md\:mx-2{margin-left:.5rem;margin-right:.5rem}.md\:my-10{margin-bottom:2.5rem;margin-top:2.5rem}.md\:my-12{margin-bottom:3rem;margin-top:3rem}.md\:ml-2{margin-left:.5rem}.md\:mt-6{margin-top:1.5rem}.md\:mb-12{margin-bottom:3rem}.md\:mr-0{margin-right:0}.md\:mt-0{margin-top:0}.md\:mb-0{margin-bottom:0}.md\:mr-6{margin-right:1.5rem}.md\:mr-2{margin-right:.5rem}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-auto{height:auto}.md\:h-96{height:24rem}.md\:h-4{height:1rem}.md\:h-full{height:100%}.md\:w-48{width:12rem}.md\:w-auto{width:auto}.md\:w-4{width:1rem}.md\:w-full{width:100%}.md\:max-w-xl{max-width:36rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.md\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.md\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.md\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.md\:rounded-none{border-radius:0}.md\:rounded-l-lg{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}.md\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.md\:rounded-tl-lg{border-top-left-radius:.5rem}.md\:rounded-br-lg{border-bottom-right-radius:.5rem}.md\:border-0{border-width:0}.md\:border-r{border-right-width:1px}.md\:border-b-0{border-bottom-width:0}.md\:bg-transparent{background-color:transparent}.md\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.md\:p-8{padding:2rem}.md\:p-0{padding:0}.md\:p-6{padding:1.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-8{padding-bottom:2rem;padding-top:2rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.md\:py-2{padding-bottom:.5rem;padding-top:.5rem}.md\:pb-4{padding-bottom:1rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:font-medium{font-weight:500}.md\:text-blue-700{--tw-text-opacity:1;color:rgb(26 86 219/var(--tw-text-opacity))}.md\:text-green-700{--tw-text-opacity:1;color:rgb(4 108 78/var(--tw-text-opacity))}.md\:hover\:bg-transparent:hover{background-color:transparent}.md\:hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(26 86 219/var(--tw-text-opacity))}.md\:hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(28 100 242/var(--tw-text-opacity))}.md\:hover\:text-green-700:hover{--tw-text-opacity:1;color:rgb(4 108 78/var(--tw-text-opacity))}.dark .md\:dark\:bg-transparent{background-color:transparent}.dark .md\:dark\:bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.dark .md\:dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .md\:dark\:hover\:bg-transparent:hover{background-color:transparent}.dark .md\:dark\:hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(63 131 248/var(--tw-text-opacity))}.dark .md\:dark\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}@media (min-width:1024px){.lg\:static{position:static}.lg\:sticky{position:sticky}.lg\:top-28{top:7rem}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:my-12{margin-bottom:3rem;margin-top:3rem}.lg\:my-8{margin-bottom:2rem;margin-top:2rem}.lg\:mb-0{margin-bottom:0}.lg\:mr-0{margin-right:0}.lg\:mb-8{margin-bottom:2rem}.lg\:mt-0{margin-top:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-auto{height:auto}.lg\:h-\[calc\(100vh-3rem\)\]{height:calc(100vh - 3rem)}.lg\:h-12{height:3rem}.lg\:h-6{height:1.5rem}.lg\:max-h-full{max-height:100%}.lg\:w-48{width:12rem}.lg\:w-12{width:3rem}.lg\:w-6{width:1.5rem}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-8{gap:2rem}.lg\:self-center{align-self:center}.lg\:overflow-visible{overflow:visible}.lg\:overflow-y-visible{overflow-y:visible}.lg\:p-8{padding:2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-4{padding-bottom:1rem;padding-top:1rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:py-0{padding-bottom:0;padding-top:0}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:py-16{padding-bottom:4rem;padding-top:4rem}.lg\:pt-0{padding-top:0}.lg\:pt-8{padding-top:2rem}.lg\:pb-16{padding-bottom:4rem}.lg\:pl-0{padding-left:0}.lg\:pt-2{padding-top:.5rem}.lg\:pb-20{padding-bottom:5rem}.lg\:text-xs{font-size:.75rem;line-height:1rem}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width:1280px){.xl\:ml-16{margin-left:4rem}.xl\:block{display:block}.xl\:inline-flex{display:inline-flex}.xl\:hidden{display:none}.xl\:h-80{height:20rem}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:gap-24{gap:6rem}.xl\:gap-0{gap:0}.xl\:py-24{padding-bottom:6rem;padding-top:6rem}.xl\:px-2{padding-left:.5rem;padding-right:.5rem}.xl\:px-48{padding-left:12rem;padding-right:12rem}.xl\:pb-24{padding-bottom:6rem}.xl\:pl-4{padding-left:1rem}.xl\:text-sm{font-size:.875rem;line-height:1.25rem}.xl\:text-6xl{font-size:3.75rem;line-height:1}.xl\:after\:mx-10:after{content:var(--tw-content);margin-left:2.5rem;margin-right:2.5rem}}@media (min-width:1536px){.\32xl\:block{display:block}.\32xl\:h-96{height:24rem}.\32xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.\32xl\:gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.\32xl\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(0px*(1 - var(--tw-space-x-reverse)));margin-right:calc(0px*var(--tw-space-x-reverse))}}
\ No newline at end of file
diff --git a/basicswap/static/css/libs/tailwind.min.css b/basicswap/static/css/libs/tailwind.min.css
index 0331749..8e47199 100644
--- a/basicswap/static/css/libs/tailwind.min.css
+++ b/basicswap/static/css/libs/tailwind.min.css
@@ -1,4 +1,7 @@
-//sdfdsdfds/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
+
+/*! tailwindcss v2.0.4 | MIT License | https://tailwindcss.com */
+
+/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
 
 /*
 Document
@@ -10,8 +13,8 @@ Use a better box model (opinionated).
 */
 
 *,
-*::before,
-*::after {
+::before,
+::after {
   box-sizing: border-box;
 }
 
@@ -19,7 +22,7 @@ Use a better box model (opinionated).
 Use a more readable tab size (opinionated).
 */
 
-:root {
+html {
   -moz-tab-size: 4;
   -o-tab-size: 4;
      tab-size: 4;
@@ -54,15 +57,15 @@ Improve consistency of default fonts in all browsers. (https://github.com/sindre
 
 body {
   font-family:
-		system-ui,
-		-apple-system, /* Firefox supports this but not yet `system-ui` */
-		'Segoe UI',
-		Roboto,
-		Helvetica,
-		Arial,
-		sans-serif,
-		'Apple Color Emoji',
-		'Segoe UI Emoji';
+    system-ui,
+    -apple-system, /* Firefox supports this but not yet `system-ui` */
+    'Segoe UI',
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif,
+    'Apple Color Emoji',
+    'Segoe UI Emoji';
 }
 
 /*
@@ -113,12 +116,12 @@ kbd,
 samp,
 pre {
   font-family:
-		ui-monospace,
-		SFMono-Regular,
-		Consolas,
-		'Liberation Mono',
-		Menlo,
-		monospace; /* 1 */
+    ui-monospace,
+    SFMono-Regular,
+    Consolas,
+    'Liberation Mono',
+    Menlo,
+    monospace; /* 1 */
   font-size: 1em; /* 2 */
 }
 
@@ -439,25 +442,15 @@ textarea {
   resize: vertical;
 }
 
-input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
-  color: #9ca3af;
-}
-
 input::-moz-placeholder, textarea::-moz-placeholder {
-  color: #9ca3af;
-}
-
-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-  color: #9ca3af;
-}
-
-input::-ms-input-placeholder, textarea::-ms-input-placeholder {
-  color: #9ca3af;
+  opacity: 1;
+  color: #3D485B;
 }
 
 input::placeholder,
 textarea::placeholder {
-  color: #9ca3af;
+  opacity: 1;
+  color: #3D485B;
 }
 
 button,
@@ -1514,7 +1507,7 @@ video {
 
 .divide-black > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+  border-color: rgba(30, 36, 49, var(--tw-divide-opacity));
 }
 
 .divide-white > :not([hidden]) ~ :not([hidden]) {
@@ -1929,47 +1922,58 @@ video {
 
 .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+  border-color: rgba(224, 232, 242, var(--tw-divide-opacity));
 }
 
 .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+  border-color: rgba(192, 200, 210, var(--tw-divide-opacity));
 }
 
 .divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+  border-color: rgba(145, 158, 176, var(--tw-divide-opacity));
 }
 
 .divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+  border-color: rgba(61, 72, 91, var(--tw-divide-opacity));
 }
 
+.dark .dark\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(61, 72, 91, var(--tw-divide-opacity));
+}
+
+
 .divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+  border-color: rgba(35, 43, 58, var(--tw-divide-opacity));
+}
+
+.dark .dark\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(35, 43, 58, var(--tw-divide-opacity));
 }
 
 .divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+  border-color: rgba(30, 36, 49, var(--tw-divide-opacity));
 }
 
 .divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+  border-color: rgba(26, 32, 44, var(--tw-divide-opacity));
 }
 
 .divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+  border-color: rgba(21, 26, 35, var(--tw-divide-opacity));
 }
 
 .divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+  border-color: rgba(17, 21, 28, var(--tw-divide-opacity));
 }
 
 .divide-solid > :not([hidden]) ~ :not([hidden]) {
@@ -2166,7 +2170,7 @@ video {
 
 .bg-black {
   --tw-bg-opacity: 1;
-  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
 }
 
 .bg-white {
@@ -2234,6 +2238,16 @@ video {
   background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
 }
 
+.dark .dark\:bg-coolGray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
+}
+
+.dark .dark\:hover\:bg-coolGray-100:hover{
+  --tw-bg-opacity:1;
+  background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
+}
+
 .bg-coolGray-200 {
   --tw-bg-opacity: 1;
   background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
@@ -2259,11 +2273,31 @@ video {
   background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
 }
 
+.dark .dark\:bg-coolGray-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
+}
+
+.dark .dark\:hover\:bg-coolGray-600:hover{
+  --tw-bg-opacity:1;
+  background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
+}
+
 .bg-coolGray-700 {
   --tw-bg-opacity: 1;
   background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
 }
 
+.dark .dark\:bg-coolGray-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
+}
+
+.dark .dark\:hover\:bg-coolGray-700:hover{
+  --tw-bg-opacity:1;
+  background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
+}
+
 .bg-coolGray-800 {
   --tw-bg-opacity: 1;
   background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
@@ -2581,47 +2615,83 @@ video {
 
 .bg-gray-100 {
   --tw-bg-opacity: 1;
-  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
 }
 
 .bg-gray-200 {
   --tw-bg-opacity: 1;
-  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
 }
 
 .bg-gray-300 {
   --tw-bg-opacity: 1;
-  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
+}
+
+.dark .dark\:bg-gray-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
 }
 
 .bg-gray-400 {
   --tw-bg-opacity: 1;
-  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
+}
+
+.dark .dark\:bg-gray-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
 }
 
 .bg-gray-500 {
   --tw-bg-opacity: 1;
-  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
+}
+
+.dark .dark\:bg-gray-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
 }
 
 .bg-gray-600 {
   --tw-bg-opacity: 1;
-  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
+}
+
+.dark .dark\:bg-gray-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
+}
+
+.dark .dark\:hover\:bg-gray-600:hover{
+    --tw-bg-opacity:1;
+    background-color:rgb(30 36 49/var(--tw-bg-opacity))
 }
 
 .bg-gray-700 {
   --tw-bg-opacity: 1;
-  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
+}
+
+
+.dark .dark\:bg-gray-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
+}
+
+.dark .dark\:hover\:bg-gray-700:hover{
+  --tw-bg-opacity:1;
+  background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
 }
 
 .bg-gray-800 {
   --tw-bg-opacity: 1;
-  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
 }
 
 .bg-gray-900 {
   --tw-bg-opacity: 1;
-  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
 }
 
 .bg-body {
@@ -2629,6 +2699,11 @@ video {
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
 
+.dark .dark\:bg-body {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity))
+}
+
 .group:hover .group-hover\:bg-current {
   background-color: currentColor;
 }
@@ -2639,7 +2714,7 @@ video {
 
 .group:hover .group-hover\:bg-black {
   --tw-bg-opacity: 1;
-  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
 }
 
 .group:hover .group-hover\:bg-white {
@@ -3054,47 +3129,47 @@ video {
 
 .group:hover .group-hover\:bg-gray-100 {
   --tw-bg-opacity: 1;
-  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
 }
 
 .group:hover .group-hover\:bg-gray-200 {
   --tw-bg-opacity: 1;
-  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
 }
 
 .group:hover .group-hover\:bg-gray-300 {
   --tw-bg-opacity: 1;
-  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
 }
 
 .group:hover .group-hover\:bg-gray-400 {
   --tw-bg-opacity: 1;
-  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
 }
 
 .group:hover .group-hover\:bg-gray-500 {
   --tw-bg-opacity: 1;
-  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
 }
 
 .group:hover .group-hover\:bg-gray-600 {
   --tw-bg-opacity: 1;
-  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
 }
 
 .group:hover .group-hover\:bg-gray-700 {
   --tw-bg-opacity: 1;
-  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
 }
 
 .group:hover .group-hover\:bg-gray-800 {
   --tw-bg-opacity: 1;
-  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
 }
 
 .group:hover .group-hover\:bg-gray-900 {
   --tw-bg-opacity: 1;
-  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
 }
 
 .group:hover .group-hover\:bg-body {
@@ -3112,7 +3187,7 @@ video {
 
 .focus-within\:bg-black:focus-within {
   --tw-bg-opacity: 1;
-  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
 }
 
 .focus-within\:bg-white:focus-within {
@@ -3527,47 +3602,47 @@ video {
 
 .focus-within\:bg-gray-100:focus-within {
   --tw-bg-opacity: 1;
-  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
 }
 
 .focus-within\:bg-gray-200:focus-within {
   --tw-bg-opacity: 1;
-  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
 }
 
 .focus-within\:bg-gray-300:focus-within {
   --tw-bg-opacity: 1;
-  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
 }
 
 .focus-within\:bg-gray-400:focus-within {
   --tw-bg-opacity: 1;
-  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
 }
 
 .focus-within\:bg-gray-500:focus-within {
   --tw-bg-opacity: 1;
-  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
 }
 
 .focus-within\:bg-gray-600:focus-within {
   --tw-bg-opacity: 1;
-  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
 }
 
 .focus-within\:bg-gray-700:focus-within {
   --tw-bg-opacity: 1;
-  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
 }
 
 .focus-within\:bg-gray-800:focus-within {
   --tw-bg-opacity: 1;
-  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
 }
 
 .focus-within\:bg-gray-900:focus-within {
   --tw-bg-opacity: 1;
-  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
 }
 
 .focus-within\:bg-body:focus-within {
@@ -3585,7 +3660,7 @@ video {
 
 .hover\:bg-black:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
 }
 
 .hover\:bg-white:hover {
@@ -4000,47 +4075,47 @@ video {
 
 .hover\:bg-gray-100:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
 }
 
 .hover\:bg-gray-200:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
 }
 
 .hover\:bg-gray-300:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
 }
 
 .hover\:bg-gray-400:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
 }
 
 .hover\:bg-gray-500:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
 }
 
 .hover\:bg-gray-600:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
 }
 
 .hover\:bg-gray-700:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
 }
 
 .hover\:bg-gray-800:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
 }
 
 .hover\:bg-gray-900:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
 }
 
 .hover\:bg-body:hover {
@@ -4058,7 +4133,7 @@ video {
 
 .focus\:bg-black:focus {
   --tw-bg-opacity: 1;
-  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
 }
 
 .focus\:bg-white:focus {
@@ -4473,47 +4548,47 @@ video {
 
 .focus\:bg-gray-100:focus {
   --tw-bg-opacity: 1;
-  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
 }
 
 .focus\:bg-gray-200:focus {
   --tw-bg-opacity: 1;
-  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
 }
 
 .focus\:bg-gray-300:focus {
   --tw-bg-opacity: 1;
-  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
 }
 
 .focus\:bg-gray-400:focus {
   --tw-bg-opacity: 1;
-  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
 }
 
 .focus\:bg-gray-500:focus {
   --tw-bg-opacity: 1;
-  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
 }
 
 .focus\:bg-gray-600:focus {
   --tw-bg-opacity: 1;
-  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
 }
 
 .focus\:bg-gray-700:focus {
   --tw-bg-opacity: 1;
-  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
 }
 
 .focus\:bg-gray-800:focus {
   --tw-bg-opacity: 1;
-  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
 }
 
 .focus\:bg-gray-900:focus {
   --tw-bg-opacity: 1;
-  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
 }
 
 .focus\:bg-body:focus {
@@ -4568,8 +4643,8 @@ video {
 }
 
 .from-black {
-  --tw-gradient-from: #000;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  --tw-gradient-from: #1E2431;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
 }
 
 .from-white {
@@ -4983,48 +5058,48 @@ video {
 }
 
 .from-gray-100 {
-  --tw-gradient-from: #f3f4f6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  --tw-gradient-from: #E0E8F2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
 }
 
 .from-gray-200 {
-  --tw-gradient-from: #e5e7eb;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  --tw-gradient-from: #C0C8D2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
 }
 
 .from-gray-300 {
-  --tw-gradient-from: #d1d5db;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  --tw-gradient-from: #919EB0;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
 }
 
 .from-gray-400 {
-  --tw-gradient-from: #9ca3af;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  --tw-gradient-from: #3D485B;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
 }
 
 .from-gray-500 {
-  --tw-gradient-from: #6b7280;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  --tw-gradient-from: #232B3A;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
 }
 
 .from-gray-600 {
-  --tw-gradient-from: #4b5563;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  --tw-gradient-from: #1E2431;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
 }
 
 .from-gray-700 {
-  --tw-gradient-from: #374151;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  --tw-gradient-from: #1A202C;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
 }
 
 .from-gray-800 {
-  --tw-gradient-from: #1f2937;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  --tw-gradient-from: #151A23;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
 }
 
 .from-gray-900 {
-  --tw-gradient-from: #111827;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  --tw-gradient-from: #11151C;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
 }
 
 .via-current {
@@ -5036,7 +5111,7 @@ video {
 }
 
 .via-black {
-  --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
 }
 
 .via-white {
@@ -5368,39 +5443,39 @@ video {
 }
 
 .via-gray-100 {
-  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
 }
 
 .via-gray-200 {
-  --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
 }
 
 .via-gray-300 {
-  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
 }
 
 .via-gray-400 {
-  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
 }
 
 .via-gray-500 {
-  --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
 }
 
 .via-gray-600 {
-  --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
 }
 
 .via-gray-700 {
-  --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
 }
 
 .via-gray-800 {
-  --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
 }
 
 .via-gray-900 {
-  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
 }
 
 .to-current {
@@ -5412,7 +5487,7 @@ video {
 }
 
 .to-black {
-  --tw-gradient-to: #000;
+  --tw-gradient-to: #1E2431;
 }
 
 .to-white {
@@ -5744,39 +5819,39 @@ video {
 }
 
 .to-gray-100 {
-  --tw-gradient-to: #f3f4f6;
+  --tw-gradient-to: #E0E8F2;
 }
 
 .to-gray-200 {
-  --tw-gradient-to: #e5e7eb;
+  --tw-gradient-to: #C0C8D2;
 }
 
 .to-gray-300 {
-  --tw-gradient-to: #d1d5db;
+  --tw-gradient-to: #919EB0;
 }
 
 .to-gray-400 {
-  --tw-gradient-to: #9ca3af;
+  --tw-gradient-to: #3D485B;
 }
 
 .to-gray-500 {
-  --tw-gradient-to: #6b7280;
+  --tw-gradient-to: #232B3A;
 }
 
 .to-gray-600 {
-  --tw-gradient-to: #4b5563;
+  --tw-gradient-to: #1E2431;
 }
 
 .to-gray-700 {
-  --tw-gradient-to: #374151;
+  --tw-gradient-to: #1A202C;
 }
 
 .to-gray-800 {
-  --tw-gradient-to: #1f2937;
+  --tw-gradient-to: #151A23;
 }
 
 .to-gray-900 {
-  --tw-gradient-to: #111827;
+  --tw-gradient-to: #11151C;
 }
 
 .hover\:from-current:hover {
@@ -5790,8 +5865,8 @@ video {
 }
 
 .hover\:from-black:hover {
-  --tw-gradient-from: #000;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  --tw-gradient-from: #1E2431;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
 }
 
 .hover\:from-white:hover {
@@ -6205,48 +6280,48 @@ video {
 }
 
 .hover\:from-gray-100:hover {
-  --tw-gradient-from: #f3f4f6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  --tw-gradient-from: #E0E8F2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
 }
 
 .hover\:from-gray-200:hover {
-  --tw-gradient-from: #e5e7eb;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  --tw-gradient-from: #C0C8D2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
 }
 
 .hover\:from-gray-300:hover {
-  --tw-gradient-from: #d1d5db;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  --tw-gradient-from: #919EB0;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
 }
 
 .hover\:from-gray-400:hover {
-  --tw-gradient-from: #9ca3af;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  --tw-gradient-from: #3D485B;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
 }
 
 .hover\:from-gray-500:hover {
-  --tw-gradient-from: #6b7280;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  --tw-gradient-from: #232B3A;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
 }
 
 .hover\:from-gray-600:hover {
-  --tw-gradient-from: #4b5563;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  --tw-gradient-from: #1E2431;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
 }
 
 .hover\:from-gray-700:hover {
-  --tw-gradient-from: #374151;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  --tw-gradient-from: #1A202C;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
 }
 
 .hover\:from-gray-800:hover {
-  --tw-gradient-from: #1f2937;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  --tw-gradient-from: #151A23;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
 }
 
 .hover\:from-gray-900:hover {
-  --tw-gradient-from: #111827;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  --tw-gradient-from: #11151C;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
 }
 
 .hover\:via-current:hover {
@@ -6258,7 +6333,7 @@ video {
 }
 
 .hover\:via-black:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
 }
 
 .hover\:via-white:hover {
@@ -6590,39 +6665,39 @@ video {
 }
 
 .hover\:via-gray-100:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
 }
 
 .hover\:via-gray-200:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
 }
 
 .hover\:via-gray-300:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
 }
 
 .hover\:via-gray-400:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
 }
 
 .hover\:via-gray-500:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
 }
 
 .hover\:via-gray-600:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
 }
 
 .hover\:via-gray-700:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
 }
 
 .hover\:via-gray-800:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
 }
 
 .hover\:via-gray-900:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
 }
 
 .hover\:to-current:hover {
@@ -6634,7 +6709,7 @@ video {
 }
 
 .hover\:to-black:hover {
-  --tw-gradient-to: #000;
+  --tw-gradient-to: #1E2431;
 }
 
 .hover\:to-white:hover {
@@ -6966,39 +7041,39 @@ video {
 }
 
 .hover\:to-gray-100:hover {
-  --tw-gradient-to: #f3f4f6;
+  --tw-gradient-to: #E0E8F2;
 }
 
 .hover\:to-gray-200:hover {
-  --tw-gradient-to: #e5e7eb;
+  --tw-gradient-to: #C0C8D2;
 }
 
 .hover\:to-gray-300:hover {
-  --tw-gradient-to: #d1d5db;
+  --tw-gradient-to: #919EB0;
 }
 
 .hover\:to-gray-400:hover {
-  --tw-gradient-to: #9ca3af;
+  --tw-gradient-to: #3D485B;
 }
 
 .hover\:to-gray-500:hover {
-  --tw-gradient-to: #6b7280;
+  --tw-gradient-to: #232B3A;
 }
 
 .hover\:to-gray-600:hover {
-  --tw-gradient-to: #4b5563;
+  --tw-gradient-to: #1E2431;
 }
 
 .hover\:to-gray-700:hover {
-  --tw-gradient-to: #374151;
+  --tw-gradient-to: #1A202C;
 }
 
 .hover\:to-gray-800:hover {
-  --tw-gradient-to: #1f2937;
+  --tw-gradient-to: #151A23;
 }
 
 .hover\:to-gray-900:hover {
-  --tw-gradient-to: #111827;
+  --tw-gradient-to: #11151C;
 }
 
 .focus\:from-current:focus {
@@ -7012,8 +7087,8 @@ video {
 }
 
 .focus\:from-black:focus {
-  --tw-gradient-from: #000;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  --tw-gradient-from: #1E2431;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
 }
 
 .focus\:from-white:focus {
@@ -7427,48 +7502,48 @@ video {
 }
 
 .focus\:from-gray-100:focus {
-  --tw-gradient-from: #f3f4f6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  --tw-gradient-from: #E0E8F2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
 }
 
 .focus\:from-gray-200:focus {
-  --tw-gradient-from: #e5e7eb;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  --tw-gradient-from: #C0C8D2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
 }
 
 .focus\:from-gray-300:focus {
-  --tw-gradient-from: #d1d5db;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  --tw-gradient-from: #919EB0;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
 }
 
 .focus\:from-gray-400:focus {
-  --tw-gradient-from: #9ca3af;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  --tw-gradient-from: #3D485B;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
 }
 
 .focus\:from-gray-500:focus {
-  --tw-gradient-from: #6b7280;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  --tw-gradient-from: #232B3A;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
 }
 
 .focus\:from-gray-600:focus {
-  --tw-gradient-from: #4b5563;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  --tw-gradient-from: #1E2431;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
 }
 
 .focus\:from-gray-700:focus {
-  --tw-gradient-from: #374151;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  --tw-gradient-from: #1A202C;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
 }
 
 .focus\:from-gray-800:focus {
-  --tw-gradient-from: #1f2937;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  --tw-gradient-from: #151A23;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
 }
 
 .focus\:from-gray-900:focus {
-  --tw-gradient-from: #111827;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  --tw-gradient-from: #11151C;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
 }
 
 .focus\:via-current:focus {
@@ -7480,7 +7555,7 @@ video {
 }
 
 .focus\:via-black:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
 }
 
 .focus\:via-white:focus {
@@ -7812,39 +7887,39 @@ video {
 }
 
 .focus\:via-gray-100:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
 }
 
 .focus\:via-gray-200:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
 }
 
 .focus\:via-gray-300:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
 }
 
 .focus\:via-gray-400:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
 }
 
 .focus\:via-gray-500:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
 }
 
 .focus\:via-gray-600:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
 }
 
 .focus\:via-gray-700:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
 }
 
 .focus\:via-gray-800:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
 }
 
 .focus\:via-gray-900:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
 }
 
 .focus\:to-current:focus {
@@ -7856,7 +7931,7 @@ video {
 }
 
 .focus\:to-black:focus {
-  --tw-gradient-to: #000;
+  --tw-gradient-to: #1E2431;
 }
 
 .focus\:to-white:focus {
@@ -8188,39 +8263,39 @@ video {
 }
 
 .focus\:to-gray-100:focus {
-  --tw-gradient-to: #f3f4f6;
+  --tw-gradient-to: #E0E8F2;
 }
 
 .focus\:to-gray-200:focus {
-  --tw-gradient-to: #e5e7eb;
+  --tw-gradient-to: #C0C8D2;
 }
 
 .focus\:to-gray-300:focus {
-  --tw-gradient-to: #d1d5db;
+  --tw-gradient-to: #919EB0;
 }
 
 .focus\:to-gray-400:focus {
-  --tw-gradient-to: #9ca3af;
+  --tw-gradient-to: #3D485B;
 }
 
 .focus\:to-gray-500:focus {
-  --tw-gradient-to: #6b7280;
+  --tw-gradient-to: #232B3A;
 }
 
 .focus\:to-gray-600:focus {
-  --tw-gradient-to: #4b5563;
+  --tw-gradient-to: #1E2431;
 }
 
 .focus\:to-gray-700:focus {
-  --tw-gradient-to: #374151;
+  --tw-gradient-to: #1A202C;
 }
 
 .focus\:to-gray-800:focus {
-  --tw-gradient-to: #1f2937;
+  --tw-gradient-to: #151A23;
 }
 
 .focus\:to-gray-900:focus {
-  --tw-gradient-to: #111827;
+  --tw-gradient-to: #11151C;
 }
 
 .bg-opacity-0 {
@@ -8613,7 +8688,7 @@ video {
 
 .border-black {
   --tw-border-opacity: 1;
-  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  border-color: rgba(30, 36, 49, var(--tw-border-opacity));
 }
 
 .border-white {
@@ -9001,6 +9076,11 @@ video {
   border-color: rgba(59, 130, 246, var(--tw-border-opacity));
 }
 
+.dark .dark\:hover\:border-blue-500:hover{
+  --tw-bg-opacity:1;
+  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+}
+
 .border-blue-600 {
   --tw-border-opacity: 1;
   border-color: rgba(53, 117, 221, var(--tw-border-opacity));
@@ -9028,47 +9108,68 @@ video {
 
 .border-gray-100 {
   --tw-border-opacity: 1;
-  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  border-color: rgba(224, 232, 242, var(--tw-border-opacity));
 }
 
 .border-gray-200 {
   --tw-border-opacity: 1;
-  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  border-color: rgba(192, 200, 210, var(--tw-border-opacity));
 }
 
 .border-gray-300 {
   --tw-border-opacity: 1;
-  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  border-color: rgba(145, 158, 176, var(--tw-border-opacity));
 }
 
 .border-gray-400 {
   --tw-border-opacity: 1;
-  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  border-color: rgba(61, 72, 91, var(--tw-border-opacity));
+}
+
+.dark .dark\:border-gray-400  {
+  --tw-border-opacity: 1;
+  border-color: rgba(61, 72, 91, var(--tw-border-opacity));
 }
 
 .border-gray-500 {
   --tw-border-opacity: 1;
-  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  border-color: rgba(35, 43, 58, var(--tw-border-opacity));
 }
 
+.dark .dark\:border-gray-500  {
+  --tw-border-opacity: 1;
+  border-color: rgba(35, 43, 58, var(--tw-border-opacity));
+}
+
+
 .border-gray-600 {
   --tw-border-opacity: 1;
-  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  border-color: rgba(30, 36, 49, var(--tw-border-opacity));
+}
+
+.dark .dark\:border-gray-600  {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 36, 49, var(--tw-border-opacity));
 }
 
 .border-gray-700 {
   --tw-border-opacity: 1;
-  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  border-color: rgba(26, 32, 44, var(--tw-border-opacity));
+}
+
+.dark .dark\:border-gray-700  {
+  --tw-border-opacity: 1;
+  border-color: rgba(26, 32, 44, var(--tw-border-opacity));
 }
 
 .border-gray-800 {
   --tw-border-opacity: 1;
-  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  border-color: rgba(21, 26, 35, var(--tw-border-opacity));
 }
 
 .border-gray-900 {
   --tw-border-opacity: 1;
-  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  border-color: rgba(17, 21, 28, var(--tw-border-opacity));
 }
 
 .group:hover .group-hover\:border-current {
@@ -9081,7 +9182,7 @@ video {
 
 .group:hover .group-hover\:border-black {
   --tw-border-opacity: 1;
-  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  border-color: rgba(30, 36, 49, var(--tw-border-opacity));
 }
 
 .group:hover .group-hover\:border-white {
@@ -9496,47 +9597,47 @@ video {
 
 .group:hover .group-hover\:border-gray-100 {
   --tw-border-opacity: 1;
-  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  border-color: rgba(224, 232, 242, var(--tw-border-opacity));
 }
 
 .group:hover .group-hover\:border-gray-200 {
   --tw-border-opacity: 1;
-  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  border-color: rgba(192, 200, 210, var(--tw-border-opacity));
 }
 
 .group:hover .group-hover\:border-gray-300 {
   --tw-border-opacity: 1;
-  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  border-color: rgba(145, 158, 176, var(--tw-border-opacity));
 }
 
 .group:hover .group-hover\:border-gray-400 {
   --tw-border-opacity: 1;
-  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  border-color: rgba(61, 72, 91, var(--tw-border-opacity));
 }
 
 .group:hover .group-hover\:border-gray-500 {
   --tw-border-opacity: 1;
-  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  border-color: rgba(35, 43, 58, var(--tw-border-opacity));
 }
 
 .group:hover .group-hover\:border-gray-600 {
   --tw-border-opacity: 1;
-  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  border-color: rgba(30, 36, 49, var(--tw-border-opacity));
 }
 
 .group:hover .group-hover\:border-gray-700 {
   --tw-border-opacity: 1;
-  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  border-color: rgba(26, 32, 44, var(--tw-border-opacity));
 }
 
 .group:hover .group-hover\:border-gray-800 {
   --tw-border-opacity: 1;
-  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  border-color: rgba(21, 26, 35, var(--tw-border-opacity));
 }
 
 .group:hover .group-hover\:border-gray-900 {
   --tw-border-opacity: 1;
-  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  border-color: rgba(17, 21, 28, var(--tw-border-opacity));
 }
 
 .focus-within\:border-current:focus-within {
@@ -9549,7 +9650,7 @@ video {
 
 .focus-within\:border-black:focus-within {
   --tw-border-opacity: 1;
-  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  border-color: rgba(30, 36, 49, var(--tw-border-opacity));
 }
 
 .focus-within\:border-white:focus-within {
@@ -9964,47 +10065,47 @@ video {
 
 .focus-within\:border-gray-100:focus-within {
   --tw-border-opacity: 1;
-  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  border-color: rgba(224, 232, 242, var(--tw-border-opacity));
 }
 
 .focus-within\:border-gray-200:focus-within {
   --tw-border-opacity: 1;
-  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  border-color: rgba(192, 200, 210, var(--tw-border-opacity));
 }
 
 .focus-within\:border-gray-300:focus-within {
   --tw-border-opacity: 1;
-  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  border-color: rgba(145, 158, 176, var(--tw-border-opacity));
 }
 
 .focus-within\:border-gray-400:focus-within {
   --tw-border-opacity: 1;
-  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  border-color: rgba(61, 72, 91, var(--tw-border-opacity));
 }
 
 .focus-within\:border-gray-500:focus-within {
   --tw-border-opacity: 1;
-  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  border-color: rgba(35, 43, 58, var(--tw-border-opacity));
 }
 
 .focus-within\:border-gray-600:focus-within {
   --tw-border-opacity: 1;
-  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  border-color: rgba(30, 36, 49, var(--tw-border-opacity));
 }
 
 .focus-within\:border-gray-700:focus-within {
   --tw-border-opacity: 1;
-  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  border-color: rgba(26, 32, 44, var(--tw-border-opacity));
 }
 
 .focus-within\:border-gray-800:focus-within {
   --tw-border-opacity: 1;
-  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  border-color: rgba(21, 26, 35, var(--tw-border-opacity));
 }
 
 .focus-within\:border-gray-900:focus-within {
   --tw-border-opacity: 1;
-  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  border-color: rgba(17, 21, 28, var(--tw-border-opacity));
 }
 
 .hover\:border-current:hover {
@@ -10017,7 +10118,7 @@ video {
 
 .hover\:border-black:hover {
   --tw-border-opacity: 1;
-  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  border-color: rgba(30, 36, 49, var(--tw-border-opacity));
 }
 
 .hover\:border-white:hover {
@@ -10432,47 +10533,47 @@ video {
 
 .hover\:border-gray-100:hover {
   --tw-border-opacity: 1;
-  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  border-color: rgba(224, 232, 242, var(--tw-border-opacity));
 }
 
 .hover\:border-gray-200:hover {
   --tw-border-opacity: 1;
-  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  border-color: rgba(192, 200, 210, var(--tw-border-opacity));
 }
 
 .hover\:border-gray-300:hover {
   --tw-border-opacity: 1;
-  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  border-color: rgba(145, 158, 176, var(--tw-border-opacity));
 }
 
 .hover\:border-gray-400:hover {
   --tw-border-opacity: 1;
-  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  border-color: rgba(61, 72, 91, var(--tw-border-opacity));
 }
 
 .hover\:border-gray-500:hover {
   --tw-border-opacity: 1;
-  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  border-color: rgba(35, 43, 58, var(--tw-border-opacity));
 }
 
 .hover\:border-gray-600:hover {
   --tw-border-opacity: 1;
-  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  border-color: rgba(30, 36, 49, var(--tw-border-opacity));
 }
 
 .hover\:border-gray-700:hover {
   --tw-border-opacity: 1;
-  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  border-color: rgba(26, 32, 44, var(--tw-border-opacity));
 }
 
 .hover\:border-gray-800:hover {
   --tw-border-opacity: 1;
-  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  border-color: rgba(21, 26, 35, var(--tw-border-opacity));
 }
 
 .hover\:border-gray-900:hover {
   --tw-border-opacity: 1;
-  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  border-color: rgba(17, 21, 28, var(--tw-border-opacity));
 }
 
 .focus\:border-current:focus {
@@ -10485,7 +10586,7 @@ video {
 
 .focus\:border-black:focus {
   --tw-border-opacity: 1;
-  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  border-color: rgba(30, 36, 49, var(--tw-border-opacity));
 }
 
 .focus\:border-white:focus {
@@ -10900,47 +11001,47 @@ video {
 
 .focus\:border-gray-100:focus {
   --tw-border-opacity: 1;
-  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  border-color: rgba(224, 232, 242, var(--tw-border-opacity));
 }
 
 .focus\:border-gray-200:focus {
   --tw-border-opacity: 1;
-  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  border-color: rgba(192, 200, 210, var(--tw-border-opacity));
 }
 
 .focus\:border-gray-300:focus {
   --tw-border-opacity: 1;
-  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  border-color: rgba(145, 158, 176, var(--tw-border-opacity));
 }
 
 .focus\:border-gray-400:focus {
   --tw-border-opacity: 1;
-  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  border-color: rgba(61, 72, 91, var(--tw-border-opacity));
 }
 
 .focus\:border-gray-500:focus {
   --tw-border-opacity: 1;
-  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  border-color: rgba(35, 43, 58, var(--tw-border-opacity));
 }
 
 .focus\:border-gray-600:focus {
   --tw-border-opacity: 1;
-  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  border-color: rgba(30, 36, 49, var(--tw-border-opacity));
 }
 
 .focus\:border-gray-700:focus {
   --tw-border-opacity: 1;
-  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  border-color: rgba(26, 32, 44, var(--tw-border-opacity));
 }
 
 .focus\:border-gray-800:focus {
   --tw-border-opacity: 1;
-  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  border-color: rgba(21, 26, 35, var(--tw-border-opacity));
 }
 
 .focus\:border-gray-900:focus {
   --tw-border-opacity: 1;
-  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  border-color: rgba(17, 21, 28, var(--tw-border-opacity));
 }
 
 .border-opacity-0 {
@@ -11991,6 +12092,10 @@ video {
   border-bottom-width: 2px;
 }
 
+.dark .dark\:border-b-2  {
+  border-bottom-width: 2px;
+}
+
 .border-l-2 {
   border-left-width: 2px;
 }
@@ -15030,13 +15135,11 @@ video {
 }
 
 .max-w-min {
-  max-width: -webkit-min-content;
   max-width: -moz-min-content;
   max-width: min-content;
 }
 
 .max-w-max {
-  max-width: -webkit-max-content;
   max-width: -moz-max-content;
   max-width: max-content;
 }
@@ -15529,18 +15632,15 @@ video {
 }
 
 .overscroll-auto {
-  -ms-scroll-chaining: chained;
-      overscroll-behavior: auto;
+  overscroll-behavior: auto;
 }
 
 .overscroll-contain {
-  -ms-scroll-chaining: none;
-      overscroll-behavior: contain;
+  overscroll-behavior: contain;
 }
 
 .overscroll-none {
-  -ms-scroll-chaining: none;
-      overscroll-behavior: none;
+  overscroll-behavior: none;
 }
 
 .overscroll-y-auto {
@@ -16617,74 +16717,30 @@ video {
   padding-left: 0.875rem;
 }
 
-.placeholder-current::-webkit-input-placeholder {
-  color: currentColor;
-}
-
 .placeholder-current::-moz-placeholder {
   color: currentColor;
 }
 
-.placeholder-current:-ms-input-placeholder {
-  color: currentColor;
-}
-
-.placeholder-current::-ms-input-placeholder {
-  color: currentColor;
-}
-
 .placeholder-current::placeholder {
   color: currentColor;
 }
 
-.placeholder-transparent::-webkit-input-placeholder {
-  color: transparent;
-}
-
 .placeholder-transparent::-moz-placeholder {
   color: transparent;
 }
 
-.placeholder-transparent:-ms-input-placeholder {
-  color: transparent;
-}
-
-.placeholder-transparent::-ms-input-placeholder {
-  color: transparent;
-}
-
 .placeholder-transparent::placeholder {
   color: transparent;
 }
 
-.placeholder-black::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
 .placeholder-black::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
-.placeholder-black:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
-.placeholder-black::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
 }
 
 .placeholder-black::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
-.placeholder-white::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
 }
 
 .placeholder-white::-moz-placeholder {
@@ -16692,2339 +16748,931 @@ video {
   color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-white:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-white::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-white::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-}
 
 .placeholder-darkCoolGray-50::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-50::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-100::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-100::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-200::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-200::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-300::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-300::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-400::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-400::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-500::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-500::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-600::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-600::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-700::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-700::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-800::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-800::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-900::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
 }
 
-.placeholder-darkCoolGray-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-}
-
 .placeholder-darkCoolGray-900::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-50::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-50::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-100::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-100::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-200::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-200::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-300::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-300::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-400::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-400::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-500::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-500::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-600::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-600::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-700::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-700::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-800::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-800::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-900::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
 }
 
-.placeholder-coolGray-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-}
-
 .placeholder-coolGray-900::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-50::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-50::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-100::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-100::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-200::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-200::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-300::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-300::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-400::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-400::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-500::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-500::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-600::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-600::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-700::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-700::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-800::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-800::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-900::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
 }
 
-.placeholder-indigo-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-}
-
 .placeholder-indigo-900::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-50::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-50::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-100::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-100::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-200::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-200::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-300::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-300::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-400::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-400::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-500::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-500::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-600::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-600::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-700::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-700::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-800::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-800::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-900::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
 }
 
-.placeholder-violet-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-}
-
 .placeholder-violet-900::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-50::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-50::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-100::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-100::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-200::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-200::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-300::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-300::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-400::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-400::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-500::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-500::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-600::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-600::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-700::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-700::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-800::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-800::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-900::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
 }
 
-.placeholder-yellow-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-}
-
 .placeholder-yellow-900::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-50::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-50::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-100::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-100::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-200::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-200::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-300::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-300::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-400::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-400::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-500::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-500::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-600::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-600::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-700::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-700::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-800::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-800::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-900::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
 }
 
-.placeholder-red-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-}
-
 .placeholder-red-900::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-50::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-50::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-100::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-100::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-200::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-200::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-300::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-300::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-400::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-400::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-500::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-500::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-600::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-600::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-700::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-700::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-800::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-800::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-900::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
 }
 
-.placeholder-green-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-}
-
 .placeholder-green-900::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-50::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-50::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-100::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-100::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-200::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-200::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-300::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-300::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-400::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-400::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-500::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-500::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-600::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-600::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-700::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-700::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-800::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-800::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-900::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
 }
 
-.placeholder-blue-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-}
-
 .placeholder-blue-900::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
 }
 
-.placeholder-gray-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-}
-
 .placeholder-gray-50::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
 }
 
-.placeholder-gray-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-}
-
 .placeholder-gray-50::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
 }
 
-.placeholder-gray-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
 .placeholder-gray-100::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-100::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-200::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-200::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-300::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-300::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-400::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-400::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-500::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-500::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-600::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-600::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-700::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-700::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-800::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-800::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-900::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-900::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-current:focus::-webkit-input-placeholder {
-  color: currentColor;
+  color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-current:focus::-moz-placeholder {
   color: currentColor;
 }
 
-.focus\:placeholder-current:focus:-ms-input-placeholder {
-  color: currentColor;
-}
-
-.focus\:placeholder-current:focus::-ms-input-placeholder {
-  color: currentColor;
-}
-
 .focus\:placeholder-current:focus::placeholder {
   color: currentColor;
 }
 
-.focus\:placeholder-transparent:focus::-webkit-input-placeholder {
-  color: transparent;
-}
-
 .focus\:placeholder-transparent:focus::-moz-placeholder {
   color: transparent;
 }
 
-.focus\:placeholder-transparent:focus:-ms-input-placeholder {
-  color: transparent;
-}
-
-.focus\:placeholder-transparent:focus::-ms-input-placeholder {
-  color: transparent;
-}
-
 .focus\:placeholder-transparent:focus::placeholder {
   color: transparent;
 }
 
-.focus\:placeholder-black:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-black:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-black:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-black:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-black:focus::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-white:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-white:focus::-moz-placeholder {
@@ -19032,2867 +17680,1147 @@ video {
   color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-white:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-white:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-white:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-50:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-50:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-100:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-100:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-200:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-200:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-300:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-300:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-400:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-400:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-500:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-500:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-600:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-600:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-700:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-700:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-800:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-800:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-900:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-darkCoolGray-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-darkCoolGray-900:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-50:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-50:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-100:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-100:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-200:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-200:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-300:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-300:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-400:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-400:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-500:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-500:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-600:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-600:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-700:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-700:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-800:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-800:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-900:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-coolGray-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-coolGray-900:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-50:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-50:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-100:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-100:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-200:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-200:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-300:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-300:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-400:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-400:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-500:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-500:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-600:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-600:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-700:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-700:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-800:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-800:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-900:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-indigo-900:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-50:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-50:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-100:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-100:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-200:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-200:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-300:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-300:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-400:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-400:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-500:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-500:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-600:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-600:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-700:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-700:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-800:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-800:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-900:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-violet-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-violet-900:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-50:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-50:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-100:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-100:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-200:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-200:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-300:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-300:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-400:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-400:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-500:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-500:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-600:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-600:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-700:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-700:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-800:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-800:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-900:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-yellow-900:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-50:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-50:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-100:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-100:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-200:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-200:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-300:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-300:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-400:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-400:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-500:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-500:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-600:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-600:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-700:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-700:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-800:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-800:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-900:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-red-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-red-900:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-50:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-50:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-100:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-100:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-200:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-200:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-300:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-300:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-400:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-400:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-500:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-500:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-600:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-600:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-700:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-700:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-800:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-800:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-900:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-green-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-green-900:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-50:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-50:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-100:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-100:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-200:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-200:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-300:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-300:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-400:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-400:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-500:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-500:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-600:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-600:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-700:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-700:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-800:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-800:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-900:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-blue-900:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-gray-50:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-gray-50:focus::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
 }
 
-.focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
 .focus\:placeholder-gray-100:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-100:focus::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-200:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-200:focus::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-300:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-300:focus::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-400:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-400:focus::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-500:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-500:focus::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-600:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-600:focus::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-700:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-700:focus::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-800:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-800:focus::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-900:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
 }
 
 .focus\:placeholder-gray-900:focus::placeholder {
   --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-}
-
-.placeholder-opacity-0::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0;
+  color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
 }
 
 .placeholder-opacity-0::-moz-placeholder {
   --tw-placeholder-opacity: 0;
 }
 
-.placeholder-opacity-0:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0;
-}
-
-.placeholder-opacity-0::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0;
-}
-
 .placeholder-opacity-0::placeholder {
   --tw-placeholder-opacity: 0;
 }
 
-.placeholder-opacity-5::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.05;
-}
-
 .placeholder-opacity-5::-moz-placeholder {
   --tw-placeholder-opacity: 0.05;
 }
 
-.placeholder-opacity-5:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.05;
-}
-
-.placeholder-opacity-5::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.05;
-}
-
 .placeholder-opacity-5::placeholder {
   --tw-placeholder-opacity: 0.05;
 }
 
-.placeholder-opacity-10::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.1;
-}
-
 .placeholder-opacity-10::-moz-placeholder {
   --tw-placeholder-opacity: 0.1;
 }
 
-.placeholder-opacity-10:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.1;
-}
-
-.placeholder-opacity-10::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.1;
-}
-
 .placeholder-opacity-10::placeholder {
   --tw-placeholder-opacity: 0.1;
 }
 
-.placeholder-opacity-20::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.2;
-}
-
 .placeholder-opacity-20::-moz-placeholder {
   --tw-placeholder-opacity: 0.2;
 }
 
-.placeholder-opacity-20:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.2;
-}
-
-.placeholder-opacity-20::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.2;
-}
-
 .placeholder-opacity-20::placeholder {
   --tw-placeholder-opacity: 0.2;
 }
 
-.placeholder-opacity-25::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.25;
-}
-
 .placeholder-opacity-25::-moz-placeholder {
   --tw-placeholder-opacity: 0.25;
 }
 
-.placeholder-opacity-25:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.25;
-}
-
-.placeholder-opacity-25::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.25;
-}
-
 .placeholder-opacity-25::placeholder {
   --tw-placeholder-opacity: 0.25;
 }
 
-.placeholder-opacity-30::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.3;
-}
-
 .placeholder-opacity-30::-moz-placeholder {
   --tw-placeholder-opacity: 0.3;
 }
 
-.placeholder-opacity-30:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.3;
-}
-
-.placeholder-opacity-30::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.3;
-}
-
 .placeholder-opacity-30::placeholder {
   --tw-placeholder-opacity: 0.3;
 }
 
-.placeholder-opacity-40::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.4;
-}
-
 .placeholder-opacity-40::-moz-placeholder {
   --tw-placeholder-opacity: 0.4;
 }
 
-.placeholder-opacity-40:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.4;
-}
-
-.placeholder-opacity-40::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.4;
-}
-
 .placeholder-opacity-40::placeholder {
   --tw-placeholder-opacity: 0.4;
 }
 
-.placeholder-opacity-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.5;
-}
-
 .placeholder-opacity-50::-moz-placeholder {
   --tw-placeholder-opacity: 0.5;
 }
 
-.placeholder-opacity-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.5;
-}
-
-.placeholder-opacity-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.5;
-}
-
 .placeholder-opacity-50::placeholder {
   --tw-placeholder-opacity: 0.5;
 }
 
-.placeholder-opacity-60::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.6;
-}
-
 .placeholder-opacity-60::-moz-placeholder {
   --tw-placeholder-opacity: 0.6;
 }
 
-.placeholder-opacity-60:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.6;
-}
-
-.placeholder-opacity-60::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.6;
-}
-
 .placeholder-opacity-60::placeholder {
   --tw-placeholder-opacity: 0.6;
 }
 
-.placeholder-opacity-70::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.7;
-}
-
 .placeholder-opacity-70::-moz-placeholder {
   --tw-placeholder-opacity: 0.7;
 }
 
-.placeholder-opacity-70:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.7;
-}
-
-.placeholder-opacity-70::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.7;
-}
-
 .placeholder-opacity-70::placeholder {
   --tw-placeholder-opacity: 0.7;
 }
 
-.placeholder-opacity-75::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.75;
-}
-
 .placeholder-opacity-75::-moz-placeholder {
   --tw-placeholder-opacity: 0.75;
 }
 
-.placeholder-opacity-75:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.75;
-}
-
-.placeholder-opacity-75::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.75;
-}
-
 .placeholder-opacity-75::placeholder {
   --tw-placeholder-opacity: 0.75;
 }
 
-.placeholder-opacity-80::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.8;
-}
-
 .placeholder-opacity-80::-moz-placeholder {
   --tw-placeholder-opacity: 0.8;
 }
 
-.placeholder-opacity-80:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.8;
-}
-
-.placeholder-opacity-80::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.8;
-}
-
 .placeholder-opacity-80::placeholder {
   --tw-placeholder-opacity: 0.8;
 }
 
-.placeholder-opacity-90::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.9;
-}
-
 .placeholder-opacity-90::-moz-placeholder {
   --tw-placeholder-opacity: 0.9;
 }
 
-.placeholder-opacity-90:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.9;
-}
-
-.placeholder-opacity-90::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.9;
-}
-
 .placeholder-opacity-90::placeholder {
   --tw-placeholder-opacity: 0.9;
 }
 
-.placeholder-opacity-95::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.95;
-}
-
 .placeholder-opacity-95::-moz-placeholder {
   --tw-placeholder-opacity: 0.95;
 }
 
-.placeholder-opacity-95:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.95;
-}
-
-.placeholder-opacity-95::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.95;
-}
-
 .placeholder-opacity-95::placeholder {
   --tw-placeholder-opacity: 0.95;
 }
 
-.placeholder-opacity-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-}
-
 .placeholder-opacity-100::-moz-placeholder {
   --tw-placeholder-opacity: 1;
 }
 
-.placeholder-opacity-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-}
-
-.placeholder-opacity-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-}
-
 .placeholder-opacity-100::placeholder {
   --tw-placeholder-opacity: 1;
 }
 
-.focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0;
-}
-
 .focus\:placeholder-opacity-0:focus::-moz-placeholder {
   --tw-placeholder-opacity: 0;
 }
 
-.focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0;
-}
-
-.focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0;
-}
-
 .focus\:placeholder-opacity-0:focus::placeholder {
   --tw-placeholder-opacity: 0;
 }
 
-.focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.05;
-}
-
 .focus\:placeholder-opacity-5:focus::-moz-placeholder {
   --tw-placeholder-opacity: 0.05;
 }
 
-.focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.05;
-}
-
-.focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.05;
-}
-
 .focus\:placeholder-opacity-5:focus::placeholder {
   --tw-placeholder-opacity: 0.05;
 }
 
-.focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.1;
-}
-
 .focus\:placeholder-opacity-10:focus::-moz-placeholder {
   --tw-placeholder-opacity: 0.1;
 }
 
-.focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.1;
-}
-
-.focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.1;
-}
-
 .focus\:placeholder-opacity-10:focus::placeholder {
   --tw-placeholder-opacity: 0.1;
 }
 
-.focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.2;
-}
-
 .focus\:placeholder-opacity-20:focus::-moz-placeholder {
   --tw-placeholder-opacity: 0.2;
 }
 
-.focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.2;
-}
-
-.focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.2;
-}
-
 .focus\:placeholder-opacity-20:focus::placeholder {
   --tw-placeholder-opacity: 0.2;
 }
 
-.focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.25;
-}
-
 .focus\:placeholder-opacity-25:focus::-moz-placeholder {
   --tw-placeholder-opacity: 0.25;
 }
 
-.focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.25;
-}
-
-.focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.25;
-}
-
 .focus\:placeholder-opacity-25:focus::placeholder {
   --tw-placeholder-opacity: 0.25;
 }
 
-.focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.3;
-}
-
 .focus\:placeholder-opacity-30:focus::-moz-placeholder {
   --tw-placeholder-opacity: 0.3;
 }
 
-.focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.3;
-}
-
-.focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.3;
-}
-
 .focus\:placeholder-opacity-30:focus::placeholder {
   --tw-placeholder-opacity: 0.3;
 }
 
-.focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.4;
-}
-
 .focus\:placeholder-opacity-40:focus::-moz-placeholder {
   --tw-placeholder-opacity: 0.4;
 }
 
-.focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.4;
-}
-
-.focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.4;
-}
-
 .focus\:placeholder-opacity-40:focus::placeholder {
   --tw-placeholder-opacity: 0.4;
 }
 
-.focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.5;
-}
-
 .focus\:placeholder-opacity-50:focus::-moz-placeholder {
   --tw-placeholder-opacity: 0.5;
 }
 
-.focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.5;
-}
-
-.focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.5;
-}
-
 .focus\:placeholder-opacity-50:focus::placeholder {
   --tw-placeholder-opacity: 0.5;
 }
 
-.focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.6;
-}
-
 .focus\:placeholder-opacity-60:focus::-moz-placeholder {
   --tw-placeholder-opacity: 0.6;
 }
 
-.focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.6;
-}
-
-.focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.6;
-}
-
 .focus\:placeholder-opacity-60:focus::placeholder {
   --tw-placeholder-opacity: 0.6;
 }
 
-.focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.7;
-}
-
 .focus\:placeholder-opacity-70:focus::-moz-placeholder {
   --tw-placeholder-opacity: 0.7;
 }
 
-.focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.7;
-}
-
-.focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.7;
-}
-
 .focus\:placeholder-opacity-70:focus::placeholder {
   --tw-placeholder-opacity: 0.7;
 }
 
-.focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.75;
-}
-
 .focus\:placeholder-opacity-75:focus::-moz-placeholder {
   --tw-placeholder-opacity: 0.75;
 }
 
-.focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.75;
-}
-
-.focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.75;
-}
-
 .focus\:placeholder-opacity-75:focus::placeholder {
   --tw-placeholder-opacity: 0.75;
 }
 
-.focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.8;
-}
-
 .focus\:placeholder-opacity-80:focus::-moz-placeholder {
   --tw-placeholder-opacity: 0.8;
 }
 
-.focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.8;
-}
-
-.focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.8;
-}
-
 .focus\:placeholder-opacity-80:focus::placeholder {
   --tw-placeholder-opacity: 0.8;
 }
 
-.focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.9;
-}
-
 .focus\:placeholder-opacity-90:focus::-moz-placeholder {
   --tw-placeholder-opacity: 0.9;
 }
 
-.focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.9;
-}
-
-.focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.9;
-}
-
 .focus\:placeholder-opacity-90:focus::placeholder {
   --tw-placeholder-opacity: 0.9;
 }
 
-.focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.95;
-}
-
 .focus\:placeholder-opacity-95:focus::-moz-placeholder {
   --tw-placeholder-opacity: 0.95;
 }
 
-.focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.95;
-}
-
-.focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.95;
-}
-
 .focus\:placeholder-opacity-95:focus::placeholder {
   --tw-placeholder-opacity: 0.95;
 }
 
-.focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-}
-
 .focus\:placeholder-opacity-100:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
 }
 
-.focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-}
-
-.focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-}
-
 .focus\:placeholder-opacity-100:focus::placeholder {
   --tw-placeholder-opacity: 1;
 }
@@ -21922,7 +18850,6 @@ video {
 }
 
 .sticky {
-  position: -webkit-sticky;
   position: sticky;
 }
 
@@ -25114,7 +22041,7 @@ video {
 }
 
 .ring-offset-black {
-  --tw-ring-offset-color: #000;
+  --tw-ring-offset-color: #1E2431;
 }
 
 .ring-offset-white {
@@ -25446,39 +22373,39 @@ video {
 }
 
 .ring-offset-gray-100 {
-  --tw-ring-offset-color: #f3f4f6;
+  --tw-ring-offset-color: #E0E8F2;
 }
 
 .ring-offset-gray-200 {
-  --tw-ring-offset-color: #e5e7eb;
+  --tw-ring-offset-color: #C0C8D2;
 }
 
 .ring-offset-gray-300 {
-  --tw-ring-offset-color: #d1d5db;
+  --tw-ring-offset-color: #919EB0;
 }
 
 .ring-offset-gray-400 {
-  --tw-ring-offset-color: #9ca3af;
+  --tw-ring-offset-color: #3D485B;
 }
 
 .ring-offset-gray-500 {
-  --tw-ring-offset-color: #6b7280;
+  --tw-ring-offset-color: #232B3A;
 }
 
 .ring-offset-gray-600 {
-  --tw-ring-offset-color: #4b5563;
+  --tw-ring-offset-color: #1E2431;
 }
 
 .ring-offset-gray-700 {
-  --tw-ring-offset-color: #374151;
+  --tw-ring-offset-color: #1A202C;
 }
 
 .ring-offset-gray-800 {
-  --tw-ring-offset-color: #1f2937;
+  --tw-ring-offset-color: #151A23;
 }
 
 .ring-offset-gray-900 {
-  --tw-ring-offset-color: #111827;
+  --tw-ring-offset-color: #11151C;
 }
 
 .focus-within\:ring-offset-current:focus-within {
@@ -25490,7 +22417,7 @@ video {
 }
 
 .focus-within\:ring-offset-black:focus-within {
-  --tw-ring-offset-color: #000;
+  --tw-ring-offset-color: #1E2431;
 }
 
 .focus-within\:ring-offset-white:focus-within {
@@ -25822,39 +22749,39 @@ video {
 }
 
 .focus-within\:ring-offset-gray-100:focus-within {
-  --tw-ring-offset-color: #f3f4f6;
+  --tw-ring-offset-color: #E0E8F2;
 }
 
 .focus-within\:ring-offset-gray-200:focus-within {
-  --tw-ring-offset-color: #e5e7eb;
+  --tw-ring-offset-color: #C0C8D2;
 }
 
 .focus-within\:ring-offset-gray-300:focus-within {
-  --tw-ring-offset-color: #d1d5db;
+  --tw-ring-offset-color: #919EB0;
 }
 
 .focus-within\:ring-offset-gray-400:focus-within {
-  --tw-ring-offset-color: #9ca3af;
+  --tw-ring-offset-color: #3D485B;
 }
 
 .focus-within\:ring-offset-gray-500:focus-within {
-  --tw-ring-offset-color: #6b7280;
+  --tw-ring-offset-color: #232B3A;
 }
 
 .focus-within\:ring-offset-gray-600:focus-within {
-  --tw-ring-offset-color: #4b5563;
+  --tw-ring-offset-color: #1E2431;
 }
 
 .focus-within\:ring-offset-gray-700:focus-within {
-  --tw-ring-offset-color: #374151;
+  --tw-ring-offset-color: #1A202C;
 }
 
 .focus-within\:ring-offset-gray-800:focus-within {
-  --tw-ring-offset-color: #1f2937;
+  --tw-ring-offset-color: #151A23;
 }
 
 .focus-within\:ring-offset-gray-900:focus-within {
-  --tw-ring-offset-color: #111827;
+  --tw-ring-offset-color: #11151C;
 }
 
 .focus\:ring-offset-current:focus {
@@ -25866,7 +22793,7 @@ video {
 }
 
 .focus\:ring-offset-black:focus {
-  --tw-ring-offset-color: #000;
+  --tw-ring-offset-color: #1E2431;
 }
 
 .focus\:ring-offset-white:focus {
@@ -26198,39 +23125,39 @@ video {
 }
 
 .focus\:ring-offset-gray-100:focus {
-  --tw-ring-offset-color: #f3f4f6;
+  --tw-ring-offset-color: #E0E8F2;
 }
 
 .focus\:ring-offset-gray-200:focus {
-  --tw-ring-offset-color: #e5e7eb;
+  --tw-ring-offset-color: #C0C8D2;
 }
 
 .focus\:ring-offset-gray-300:focus {
-  --tw-ring-offset-color: #d1d5db;
+  --tw-ring-offset-color: #919EB0;
 }
 
 .focus\:ring-offset-gray-400:focus {
-  --tw-ring-offset-color: #9ca3af;
+  --tw-ring-offset-color: #3D485B;
 }
 
 .focus\:ring-offset-gray-500:focus {
-  --tw-ring-offset-color: #6b7280;
+  --tw-ring-offset-color: #232B3A;
 }
 
 .focus\:ring-offset-gray-600:focus {
-  --tw-ring-offset-color: #4b5563;
+  --tw-ring-offset-color: #1E2431;
 }
 
 .focus\:ring-offset-gray-700:focus {
-  --tw-ring-offset-color: #374151;
+  --tw-ring-offset-color: #1A202C;
 }
 
 .focus\:ring-offset-gray-800:focus {
-  --tw-ring-offset-color: #1f2937;
+  --tw-ring-offset-color: #151A23;
 }
 
 .focus\:ring-offset-gray-900:focus {
-  --tw-ring-offset-color: #111827;
+  --tw-ring-offset-color: #11151C;
 }
 
 .ring-offset-0 {
@@ -26303,7 +23230,7 @@ video {
 
 .ring-black {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
 }
 
 .ring-white {
@@ -26718,47 +23645,47 @@ video {
 
 .ring-gray-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
 }
 
 .ring-gray-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
 }
 
 .ring-gray-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
 }
 
 .ring-gray-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
 }
 
 .ring-gray-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
 }
 
 .ring-gray-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
 }
 
 .ring-gray-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
 }
 
 .ring-gray-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
 }
 
 .ring-gray-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
 }
 
 .focus-within\:ring-current:focus-within {
@@ -26771,7 +23698,7 @@ video {
 
 .focus-within\:ring-black:focus-within {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
 }
 
 .focus-within\:ring-white:focus-within {
@@ -27186,47 +24113,47 @@ video {
 
 .focus-within\:ring-gray-100:focus-within {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
 }
 
 .focus-within\:ring-gray-200:focus-within {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
 }
 
 .focus-within\:ring-gray-300:focus-within {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
 }
 
 .focus-within\:ring-gray-400:focus-within {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
 }
 
 .focus-within\:ring-gray-500:focus-within {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
 }
 
 .focus-within\:ring-gray-600:focus-within {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
 }
 
 .focus-within\:ring-gray-700:focus-within {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
 }
 
 .focus-within\:ring-gray-800:focus-within {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
 }
 
 .focus-within\:ring-gray-900:focus-within {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
 }
 
 .focus\:ring-current:focus {
@@ -27239,7 +24166,7 @@ video {
 
 .focus\:ring-black:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
 }
 
 .focus\:ring-white:focus {
@@ -27654,47 +24581,47 @@ video {
 
 .focus\:ring-gray-100:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
 }
 
 .focus\:ring-gray-200:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
 }
 
 .focus\:ring-gray-300:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
 }
 
 .focus\:ring-gray-400:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
 }
 
 .focus\:ring-gray-500:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
 }
 
 .focus\:ring-gray-600:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
 }
 
 .focus\:ring-gray-700:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
 }
 
 .focus\:ring-gray-800:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
 }
 
 .focus\:ring-gray-900:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
 }
 
 .ring-opacity-0 {
@@ -27931,7 +24858,7 @@ video {
 
 .text-black {
   --tw-text-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-text-opacity));
+  color: rgba(30, 36, 49, var(--tw-text-opacity));
 }
 
 .text-white {
@@ -28346,52 +25273,62 @@ video {
 
 .text-gray-100 {
   --tw-text-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-text-opacity));
+  color: rgba(224, 232, 242, var(--tw-text-opacity));
+}
+
+.dark .dark\:hover\:text-gray-100:hover {
+    --tw-text-opacity: 1;
+  color: rgba(224, 232, 242, var(--tw-text-opacity));
 }
 
 .text-gray-200 {
   --tw-text-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-text-opacity));
+  color: rgba(192, 200, 210, var(--tw-text-opacity));
 }
 
 .text-gray-300 {
   --tw-text-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-text-opacity));
+  color: rgba(145, 158, 176, var(--tw-text-opacity));
+}
+
+.dark .dark\:text-gray-300 {
+  --tw-text-opacity: 1;
+  color: rgba(145, 158, 176, var(--tw-text-opacity));
 }
 
 .text-gray-400 {
   --tw-text-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-text-opacity));
+  color: rgba(61, 72, 91, var(--tw-text-opacity));
 }
 
 .text-gray-500 {
   --tw-text-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-text-opacity));
+  color: rgba(35, 43, 58, var(--tw-text-opacity));
 }
 
 .text-gray-600 {
   --tw-text-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-text-opacity));
+  color: rgba(30, 36, 49, var(--tw-text-opacity));
 }
 
 .text-gray-700 {
   --tw-text-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-text-opacity));
+  color: rgba(26, 32, 44, var(--tw-text-opacity));
 }
 
 .text-gray-800 {
   --tw-text-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-text-opacity));
+  color: rgba(21, 26, 35, var(--tw-text-opacity));
 }
 
 .text-gray-900 {
   --tw-text-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-text-opacity));
+  color: rgba(17, 21, 28, var(--tw-text-opacity));
 }
 
 .text-body {
   --tw-text-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-text-opacity));
+  color: rgba(12, 14, 18, var(--tw-text-opacity));
 }
 
 .group:hover .group-hover\:text-current {
@@ -28404,7 +25341,7 @@ video {
 
 .group:hover .group-hover\:text-black {
   --tw-text-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-text-opacity));
+  color: rgba(30, 36, 49, var(--tw-text-opacity));
 }
 
 .group:hover .group-hover\:text-white {
@@ -28819,52 +25756,56 @@ video {
 
 .group:hover .group-hover\:text-gray-100 {
   --tw-text-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-text-opacity));
+  color: rgba(224, 232, 242, var(--tw-text-opacity));
 }
 
+
+
+
+
 .group:hover .group-hover\:text-gray-200 {
   --tw-text-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-text-opacity));
+  color: rgba(192, 200, 210, var(--tw-text-opacity));
 }
 
 .group:hover .group-hover\:text-gray-300 {
   --tw-text-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-text-opacity));
+  color: rgba(145, 158, 176, var(--tw-text-opacity));
 }
 
 .group:hover .group-hover\:text-gray-400 {
   --tw-text-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-text-opacity));
+  color: rgba(61, 72, 91, var(--tw-text-opacity));
 }
 
 .group:hover .group-hover\:text-gray-500 {
   --tw-text-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-text-opacity));
+  color: rgba(35, 43, 58, var(--tw-text-opacity));
 }
 
 .group:hover .group-hover\:text-gray-600 {
   --tw-text-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-text-opacity));
+  color: rgba(30, 36, 49, var(--tw-text-opacity));
 }
 
 .group:hover .group-hover\:text-gray-700 {
   --tw-text-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-text-opacity));
+  color: rgba(26, 32, 44, var(--tw-text-opacity));
 }
 
 .group:hover .group-hover\:text-gray-800 {
   --tw-text-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-text-opacity));
+  color: rgba(21, 26, 35, var(--tw-text-opacity));
 }
 
 .group:hover .group-hover\:text-gray-900 {
   --tw-text-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-text-opacity));
+  color: rgba(17, 21, 28, var(--tw-text-opacity));
 }
 
 .group:hover .group-hover\:text-body {
   --tw-text-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-text-opacity));
+  color: rgba(12, 14, 18, var(--tw-text-opacity));
 }
 
 .focus-within\:text-current:focus-within {
@@ -28877,7 +25818,7 @@ video {
 
 .focus-within\:text-black:focus-within {
   --tw-text-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-text-opacity));
+  color: rgba(30, 36, 49, var(--tw-text-opacity));
 }
 
 .focus-within\:text-white:focus-within {
@@ -29292,52 +26233,52 @@ video {
 
 .focus-within\:text-gray-100:focus-within {
   --tw-text-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-text-opacity));
+  color: rgba(224, 232, 242, var(--tw-text-opacity));
 }
 
 .focus-within\:text-gray-200:focus-within {
   --tw-text-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-text-opacity));
+  color: rgba(192, 200, 210, var(--tw-text-opacity));
 }
 
 .focus-within\:text-gray-300:focus-within {
   --tw-text-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-text-opacity));
+  color: rgba(145, 158, 176, var(--tw-text-opacity));
 }
 
 .focus-within\:text-gray-400:focus-within {
   --tw-text-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-text-opacity));
+  color: rgba(61, 72, 91, var(--tw-text-opacity));
 }
 
 .focus-within\:text-gray-500:focus-within {
   --tw-text-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-text-opacity));
+  color: rgba(35, 43, 58, var(--tw-text-opacity));
 }
 
 .focus-within\:text-gray-600:focus-within {
   --tw-text-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-text-opacity));
+  color: rgba(30, 36, 49, var(--tw-text-opacity));
 }
 
 .focus-within\:text-gray-700:focus-within {
   --tw-text-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-text-opacity));
+  color: rgba(26, 32, 44, var(--tw-text-opacity));
 }
 
 .focus-within\:text-gray-800:focus-within {
   --tw-text-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-text-opacity));
+  color: rgba(21, 26, 35, var(--tw-text-opacity));
 }
 
 .focus-within\:text-gray-900:focus-within {
   --tw-text-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-text-opacity));
+  color: rgba(17, 21, 28, var(--tw-text-opacity));
 }
 
 .focus-within\:text-body:focus-within {
   --tw-text-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-text-opacity));
+  color: rgba(12, 14, 18, var(--tw-text-opacity));
 }
 
 .hover\:text-current:hover {
@@ -29350,7 +26291,7 @@ video {
 
 .hover\:text-black:hover {
   --tw-text-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-text-opacity));
+  color: rgba(30, 36, 49, var(--tw-text-opacity));
 }
 
 .hover\:text-white:hover {
@@ -29765,52 +26706,52 @@ video {
 
 .hover\:text-gray-100:hover {
   --tw-text-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-text-opacity));
+  color: rgba(224, 232, 242, var(--tw-text-opacity));
 }
 
 .hover\:text-gray-200:hover {
   --tw-text-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-text-opacity));
+  color: rgba(192, 200, 210, var(--tw-text-opacity));
 }
 
 .hover\:text-gray-300:hover {
   --tw-text-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-text-opacity));
+  color: rgba(145, 158, 176, var(--tw-text-opacity));
 }
 
 .hover\:text-gray-400:hover {
   --tw-text-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-text-opacity));
+  color: rgba(61, 72, 91, var(--tw-text-opacity));
 }
 
 .hover\:text-gray-500:hover {
   --tw-text-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-text-opacity));
+  color: rgba(35, 43, 58, var(--tw-text-opacity));
 }
 
 .hover\:text-gray-600:hover {
   --tw-text-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-text-opacity));
+  color: rgba(30, 36, 49, var(--tw-text-opacity));
 }
 
 .hover\:text-gray-700:hover {
   --tw-text-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-text-opacity));
+  color: rgba(26, 32, 44, var(--tw-text-opacity));
 }
 
 .hover\:text-gray-800:hover {
   --tw-text-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-text-opacity));
+  color: rgba(21, 26, 35, var(--tw-text-opacity));
 }
 
 .hover\:text-gray-900:hover {
   --tw-text-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-text-opacity));
+  color: rgba(17, 21, 28, var(--tw-text-opacity));
 }
 
 .hover\:text-body:hover {
   --tw-text-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-text-opacity));
+  color: rgba(12, 14, 18, var(--tw-text-opacity));
 }
 
 .focus\:text-current:focus {
@@ -29823,7 +26764,7 @@ video {
 
 .focus\:text-black:focus {
   --tw-text-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-text-opacity));
+  color: rgba(30, 36, 49, var(--tw-text-opacity));
 }
 
 .focus\:text-white:focus {
@@ -30238,52 +27179,52 @@ video {
 
 .focus\:text-gray-100:focus {
   --tw-text-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-text-opacity));
+  color: rgba(224, 232, 242, var(--tw-text-opacity));
 }
 
 .focus\:text-gray-200:focus {
   --tw-text-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-text-opacity));
+  color: rgba(192, 200, 210, var(--tw-text-opacity));
 }
 
 .focus\:text-gray-300:focus {
   --tw-text-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-text-opacity));
+  color: rgba(145, 158, 176, var(--tw-text-opacity));
 }
 
 .focus\:text-gray-400:focus {
   --tw-text-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-text-opacity));
+  color: rgba(61, 72, 91, var(--tw-text-opacity));
 }
 
 .focus\:text-gray-500:focus {
   --tw-text-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-text-opacity));
+  color: rgba(35, 43, 58, var(--tw-text-opacity));
 }
 
 .focus\:text-gray-600:focus {
   --tw-text-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-text-opacity));
+  color: rgba(30, 36, 49, var(--tw-text-opacity));
 }
 
 .focus\:text-gray-700:focus {
   --tw-text-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-text-opacity));
+  color: rgba(26, 32, 44, var(--tw-text-opacity));
 }
 
 .focus\:text-gray-800:focus {
   --tw-text-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-text-opacity));
+  color: rgba(21, 26, 35, var(--tw-text-opacity));
 }
 
 .focus\:text-gray-900:focus {
   --tw-text-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-text-opacity));
+  color: rgba(17, 21, 28, var(--tw-text-opacity));
 }
 
 .focus\:text-body:focus {
   --tw-text-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-text-opacity));
+  color: rgba(12, 14, 18, var(--tw-text-opacity));
 }
 
 .text-opacity-0 {
@@ -30766,28 +27707,24 @@ video {
 .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;
 }
 
@@ -31724,12 +28661,10 @@ video {
 }
 
 .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;
 }
 
@@ -31938,12 +28873,10 @@ video {
 }
 
 .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;
 }
 
@@ -35103,25 +32036,12 @@ video {
   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);
@@ -35129,69 +32049,42 @@ video {
   }
 }
 
-@-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);
+    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);
+    animation-timing-function: cubic-bezier(0,0,0.2,1);
   }
 }
 
 .animate-none {
-  -webkit-animation: none;
-          animation: none;
+  animation: none;
 }
 
 .animate-spin {
-  -webkit-animation: spin 1s linear infinite;
-          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;
+  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;
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
 
 .animate-bounce {
-  -webkit-animation: bounce 1s infinite;
-          animation: bounce 1s infinite;
+  animation: bounce 1s infinite;
 }
 
 @media (min-width: 640px) {
@@ -36155,7 +33048,7 @@ video {
 
   .sm\:divide-black > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-divide-opacity));
   }
 
   .sm\:divide-white > :not([hidden]) ~ :not([hidden]) {
@@ -36570,47 +33463,47 @@ video {
 
   .sm\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-divide-opacity));
   }
 
   .sm\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-divide-opacity));
   }
 
   .sm\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-divide-opacity));
   }
 
   .sm\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-divide-opacity));
   }
 
   .sm\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-divide-opacity));
   }
 
   .sm\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-divide-opacity));
   }
 
   .sm\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-divide-opacity));
   }
 
   .sm\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-divide-opacity));
   }
 
   .sm\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-divide-opacity));
   }
 
   .sm\:divide-solid > :not([hidden]) ~ :not([hidden]) {
@@ -36807,7 +33700,7 @@ video {
 
   .sm\:bg-black {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .sm\:bg-white {
@@ -37222,47 +34115,47 @@ video {
 
   .sm\:bg-gray-100 {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .sm\:bg-gray-200 {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .sm\:bg-gray-300 {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .sm\:bg-gray-400 {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .sm\:bg-gray-500 {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .sm\:bg-gray-600 {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .sm\:bg-gray-700 {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .sm\:bg-gray-800 {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .sm\:bg-gray-900 {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .sm\:bg-body {
@@ -37280,7 +34173,7 @@ video {
 
   .group:hover .sm\:group-hover\:bg-black {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .group:hover .sm\:group-hover\:bg-white {
@@ -37695,47 +34588,47 @@ video {
 
   .group:hover .sm\:group-hover\:bg-gray-100 {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .group:hover .sm\:group-hover\:bg-gray-200 {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .group:hover .sm\:group-hover\:bg-gray-300 {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .group:hover .sm\:group-hover\:bg-gray-400 {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .group:hover .sm\:group-hover\:bg-gray-500 {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .group:hover .sm\:group-hover\:bg-gray-600 {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .group:hover .sm\:group-hover\:bg-gray-700 {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .group:hover .sm\:group-hover\:bg-gray-800 {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .group:hover .sm\:group-hover\:bg-gray-900 {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .group:hover .sm\:group-hover\:bg-body {
@@ -37753,7 +34646,7 @@ video {
 
   .sm\:focus-within\:bg-black:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .sm\:focus-within\:bg-white:focus-within {
@@ -38168,47 +35061,47 @@ video {
 
   .sm\:focus-within\:bg-gray-100:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .sm\:focus-within\:bg-gray-200:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .sm\:focus-within\:bg-gray-300:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .sm\:focus-within\:bg-gray-400:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .sm\:focus-within\:bg-gray-500:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .sm\:focus-within\:bg-gray-600:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .sm\:focus-within\:bg-gray-700:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .sm\:focus-within\:bg-gray-800:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .sm\:focus-within\:bg-gray-900:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .sm\:focus-within\:bg-body:focus-within {
@@ -38226,7 +35119,7 @@ video {
 
   .sm\:hover\:bg-black:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .sm\:hover\:bg-white:hover {
@@ -38641,47 +35534,47 @@ video {
 
   .sm\:hover\:bg-gray-100:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .sm\:hover\:bg-gray-200:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .sm\:hover\:bg-gray-300:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .sm\:hover\:bg-gray-400:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .sm\:hover\:bg-gray-500:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .sm\:hover\:bg-gray-600:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .sm\:hover\:bg-gray-700:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .sm\:hover\:bg-gray-800:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .sm\:hover\:bg-gray-900:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .sm\:hover\:bg-body:hover {
@@ -38699,7 +35592,7 @@ video {
 
   .sm\:focus\:bg-black:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .sm\:focus\:bg-white:focus {
@@ -39114,47 +36007,47 @@ video {
 
   .sm\:focus\:bg-gray-100:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .sm\:focus\:bg-gray-200:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .sm\:focus\:bg-gray-300:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .sm\:focus\:bg-gray-400:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .sm\:focus\:bg-gray-500:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .sm\:focus\:bg-gray-600:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .sm\:focus\:bg-gray-700:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .sm\:focus\:bg-gray-800:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .sm\:focus\:bg-gray-900:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .sm\:focus\:bg-body:focus {
@@ -39209,8 +36102,8 @@ video {
   }
 
   .sm\:from-black {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .sm\:from-white {
@@ -39624,48 +36517,48 @@ video {
   }
 
   .sm\:from-gray-100 {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-from: #E0E8F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .sm\:from-gray-200 {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-from: #C0C8D2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .sm\:from-gray-300 {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-from: #919EB0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .sm\:from-gray-400 {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-from: #3D485B;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .sm\:from-gray-500 {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-from: #232B3A;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .sm\:from-gray-600 {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .sm\:from-gray-700 {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-from: #1A202C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .sm\:from-gray-800 {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-from: #151A23;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .sm\:from-gray-900 {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-from: #11151C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .sm\:via-current {
@@ -39677,7 +36570,7 @@ video {
   }
 
   .sm\:via-black {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .sm\:via-white {
@@ -40009,39 +36902,39 @@ video {
   }
 
   .sm\:via-gray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .sm\:via-gray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .sm\:via-gray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .sm\:via-gray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .sm\:via-gray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .sm\:via-gray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .sm\:via-gray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .sm\:via-gray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .sm\:via-gray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .sm\:to-current {
@@ -40053,7 +36946,7 @@ video {
   }
 
   .sm\:to-black {
-    --tw-gradient-to: #000;
+    --tw-gradient-to: #1E2431;
   }
 
   .sm\:to-white {
@@ -40385,39 +37278,39 @@ video {
   }
 
   .sm\:to-gray-100 {
-    --tw-gradient-to: #f3f4f6;
+    --tw-gradient-to: #E0E8F2;
   }
 
   .sm\:to-gray-200 {
-    --tw-gradient-to: #e5e7eb;
+    --tw-gradient-to: #C0C8D2;
   }
 
   .sm\:to-gray-300 {
-    --tw-gradient-to: #d1d5db;
+    --tw-gradient-to: #919EB0;
   }
 
   .sm\:to-gray-400 {
-    --tw-gradient-to: #9ca3af;
+    --tw-gradient-to: #3D485B;
   }
 
   .sm\:to-gray-500 {
-    --tw-gradient-to: #6b7280;
+    --tw-gradient-to: #232B3A;
   }
 
   .sm\:to-gray-600 {
-    --tw-gradient-to: #4b5563;
+    --tw-gradient-to: #1E2431;
   }
 
   .sm\:to-gray-700 {
-    --tw-gradient-to: #374151;
+    --tw-gradient-to: #1A202C;
   }
 
   .sm\:to-gray-800 {
-    --tw-gradient-to: #1f2937;
+    --tw-gradient-to: #151A23;
   }
 
   .sm\:to-gray-900 {
-    --tw-gradient-to: #111827;
+    --tw-gradient-to: #11151C;
   }
 
   .sm\:hover\:from-current:hover {
@@ -40431,8 +37324,8 @@ video {
   }
 
   .sm\:hover\:from-black:hover {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .sm\:hover\:from-white:hover {
@@ -40846,48 +37739,48 @@ video {
   }
 
   .sm\:hover\:from-gray-100:hover {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-from: #E0E8F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .sm\:hover\:from-gray-200:hover {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-from: #C0C8D2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .sm\:hover\:from-gray-300:hover {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-from: #919EB0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .sm\:hover\:from-gray-400:hover {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-from: #3D485B;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .sm\:hover\:from-gray-500:hover {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-from: #232B3A;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .sm\:hover\:from-gray-600:hover {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .sm\:hover\:from-gray-700:hover {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-from: #1A202C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .sm\:hover\:from-gray-800:hover {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-from: #151A23;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .sm\:hover\:from-gray-900:hover {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-from: #11151C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .sm\:hover\:via-current:hover {
@@ -40899,7 +37792,7 @@ video {
   }
 
   .sm\:hover\:via-black:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .sm\:hover\:via-white:hover {
@@ -41231,39 +38124,39 @@ video {
   }
 
   .sm\:hover\:via-gray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .sm\:hover\:via-gray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .sm\:hover\:via-gray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .sm\:hover\:via-gray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .sm\:hover\:via-gray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .sm\:hover\:via-gray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .sm\:hover\:via-gray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .sm\:hover\:via-gray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .sm\:hover\:via-gray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .sm\:hover\:to-current:hover {
@@ -41275,7 +38168,7 @@ video {
   }
 
   .sm\:hover\:to-black:hover {
-    --tw-gradient-to: #000;
+    --tw-gradient-to: #1E2431;
   }
 
   .sm\:hover\:to-white:hover {
@@ -41607,39 +38500,39 @@ video {
   }
 
   .sm\:hover\:to-gray-100:hover {
-    --tw-gradient-to: #f3f4f6;
+    --tw-gradient-to: #E0E8F2;
   }
 
   .sm\:hover\:to-gray-200:hover {
-    --tw-gradient-to: #e5e7eb;
+    --tw-gradient-to: #C0C8D2;
   }
 
   .sm\:hover\:to-gray-300:hover {
-    --tw-gradient-to: #d1d5db;
+    --tw-gradient-to: #919EB0;
   }
 
   .sm\:hover\:to-gray-400:hover {
-    --tw-gradient-to: #9ca3af;
+    --tw-gradient-to: #3D485B;
   }
 
   .sm\:hover\:to-gray-500:hover {
-    --tw-gradient-to: #6b7280;
+    --tw-gradient-to: #232B3A;
   }
 
   .sm\:hover\:to-gray-600:hover {
-    --tw-gradient-to: #4b5563;
+    --tw-gradient-to: #1E2431;
   }
 
   .sm\:hover\:to-gray-700:hover {
-    --tw-gradient-to: #374151;
+    --tw-gradient-to: #1A202C;
   }
 
   .sm\:hover\:to-gray-800:hover {
-    --tw-gradient-to: #1f2937;
+    --tw-gradient-to: #151A23;
   }
 
   .sm\:hover\:to-gray-900:hover {
-    --tw-gradient-to: #111827;
+    --tw-gradient-to: #11151C;
   }
 
   .sm\:focus\:from-current:focus {
@@ -41653,8 +38546,8 @@ video {
   }
 
   .sm\:focus\:from-black:focus {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .sm\:focus\:from-white:focus {
@@ -42068,48 +38961,48 @@ video {
   }
 
   .sm\:focus\:from-gray-100:focus {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-from: #E0E8F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .sm\:focus\:from-gray-200:focus {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-from: #C0C8D2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .sm\:focus\:from-gray-300:focus {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-from: #919EB0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .sm\:focus\:from-gray-400:focus {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-from: #3D485B;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .sm\:focus\:from-gray-500:focus {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-from: #232B3A;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .sm\:focus\:from-gray-600:focus {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .sm\:focus\:from-gray-700:focus {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-from: #1A202C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .sm\:focus\:from-gray-800:focus {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-from: #151A23;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .sm\:focus\:from-gray-900:focus {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-from: #11151C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .sm\:focus\:via-current:focus {
@@ -42121,7 +39014,7 @@ video {
   }
 
   .sm\:focus\:via-black:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .sm\:focus\:via-white:focus {
@@ -42453,39 +39346,39 @@ video {
   }
 
   .sm\:focus\:via-gray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .sm\:focus\:via-gray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .sm\:focus\:via-gray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .sm\:focus\:via-gray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .sm\:focus\:via-gray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .sm\:focus\:via-gray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .sm\:focus\:via-gray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .sm\:focus\:via-gray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .sm\:focus\:via-gray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .sm\:focus\:to-current:focus {
@@ -42497,7 +39390,7 @@ video {
   }
 
   .sm\:focus\:to-black:focus {
-    --tw-gradient-to: #000;
+    --tw-gradient-to: #1E2431;
   }
 
   .sm\:focus\:to-white:focus {
@@ -42829,39 +39722,39 @@ video {
   }
 
   .sm\:focus\:to-gray-100:focus {
-    --tw-gradient-to: #f3f4f6;
+    --tw-gradient-to: #E0E8F2;
   }
 
   .sm\:focus\:to-gray-200:focus {
-    --tw-gradient-to: #e5e7eb;
+    --tw-gradient-to: #C0C8D2;
   }
 
   .sm\:focus\:to-gray-300:focus {
-    --tw-gradient-to: #d1d5db;
+    --tw-gradient-to: #919EB0;
   }
 
   .sm\:focus\:to-gray-400:focus {
-    --tw-gradient-to: #9ca3af;
+    --tw-gradient-to: #3D485B;
   }
 
   .sm\:focus\:to-gray-500:focus {
-    --tw-gradient-to: #6b7280;
+    --tw-gradient-to: #232B3A;
   }
 
   .sm\:focus\:to-gray-600:focus {
-    --tw-gradient-to: #4b5563;
+    --tw-gradient-to: #1E2431;
   }
 
   .sm\:focus\:to-gray-700:focus {
-    --tw-gradient-to: #374151;
+    --tw-gradient-to: #1A202C;
   }
 
   .sm\:focus\:to-gray-800:focus {
-    --tw-gradient-to: #1f2937;
+    --tw-gradient-to: #151A23;
   }
 
   .sm\:focus\:to-gray-900:focus {
-    --tw-gradient-to: #111827;
+    --tw-gradient-to: #11151C;
   }
 
   .sm\:bg-opacity-0 {
@@ -43254,7 +40147,7 @@ video {
 
   .sm\:border-black {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .sm\:border-white {
@@ -43669,47 +40562,47 @@ video {
 
   .sm\:border-gray-100 {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .sm\:border-gray-200 {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .sm\:border-gray-300 {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .sm\:border-gray-400 {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .sm\:border-gray-500 {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .sm\:border-gray-600 {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .sm\:border-gray-700 {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .sm\:border-gray-800 {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .sm\:border-gray-900 {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .group:hover .sm\:group-hover\:border-current {
@@ -43722,7 +40615,7 @@ video {
 
   .group:hover .sm\:group-hover\:border-black {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .group:hover .sm\:group-hover\:border-white {
@@ -44137,47 +41030,47 @@ video {
 
   .group:hover .sm\:group-hover\:border-gray-100 {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .group:hover .sm\:group-hover\:border-gray-200 {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .group:hover .sm\:group-hover\:border-gray-300 {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .group:hover .sm\:group-hover\:border-gray-400 {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .group:hover .sm\:group-hover\:border-gray-500 {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .group:hover .sm\:group-hover\:border-gray-600 {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .group:hover .sm\:group-hover\:border-gray-700 {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .group:hover .sm\:group-hover\:border-gray-800 {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .group:hover .sm\:group-hover\:border-gray-900 {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .sm\:focus-within\:border-current:focus-within {
@@ -44190,7 +41083,7 @@ video {
 
   .sm\:focus-within\:border-black:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .sm\:focus-within\:border-white:focus-within {
@@ -44605,47 +41498,47 @@ video {
 
   .sm\:focus-within\:border-gray-100:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .sm\:focus-within\:border-gray-200:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .sm\:focus-within\:border-gray-300:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .sm\:focus-within\:border-gray-400:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .sm\:focus-within\:border-gray-500:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .sm\:focus-within\:border-gray-600:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .sm\:focus-within\:border-gray-700:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .sm\:focus-within\:border-gray-800:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .sm\:focus-within\:border-gray-900:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .sm\:hover\:border-current:hover {
@@ -44658,7 +41551,7 @@ video {
 
   .sm\:hover\:border-black:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .sm\:hover\:border-white:hover {
@@ -45073,47 +41966,47 @@ video {
 
   .sm\:hover\:border-gray-100:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .sm\:hover\:border-gray-200:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .sm\:hover\:border-gray-300:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .sm\:hover\:border-gray-400:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .sm\:hover\:border-gray-500:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .sm\:hover\:border-gray-600:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .sm\:hover\:border-gray-700:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .sm\:hover\:border-gray-800:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .sm\:hover\:border-gray-900:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .sm\:focus\:border-current:focus {
@@ -45126,7 +42019,7 @@ video {
 
   .sm\:focus\:border-black:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .sm\:focus\:border-white:focus {
@@ -45541,47 +42434,47 @@ video {
 
   .sm\:focus\:border-gray-100:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .sm\:focus\:border-gray-200:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .sm\:focus\:border-gray-300:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .sm\:focus\:border-gray-400:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .sm\:focus\:border-gray-500:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .sm\:focus\:border-gray-600:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .sm\:focus\:border-gray-700:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .sm\:focus\:border-gray-800:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .sm\:focus\:border-gray-900:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .sm\:border-opacity-0 {
@@ -49671,13 +46564,11 @@ video {
   }
 
   .sm\:max-w-min {
-    max-width: -webkit-min-content;
     max-width: -moz-min-content;
     max-width: min-content;
   }
 
   .sm\:max-w-max {
-    max-width: -webkit-max-content;
     max-width: -moz-max-content;
     max-width: max-content;
   }
@@ -50170,18 +47061,15 @@ video {
   }
 
   .sm\:overscroll-auto {
-    -ms-scroll-chaining: chained;
-        overscroll-behavior: auto;
+    overscroll-behavior: auto;
   }
 
   .sm\:overscroll-contain {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: contain;
+    overscroll-behavior: contain;
   }
 
   .sm\:overscroll-none {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: none;
+    overscroll-behavior: none;
   }
 
   .sm\:overscroll-y-auto {
@@ -51258,74 +48146,30 @@ video {
     padding-left: 0.875rem;
   }
 
-  .sm\:placeholder-current::-webkit-input-placeholder {
-    color: currentColor;
-  }
-
   .sm\:placeholder-current::-moz-placeholder {
     color: currentColor;
   }
 
-  .sm\:placeholder-current:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .sm\:placeholder-current::-ms-input-placeholder {
-    color: currentColor;
-  }
-
   .sm\:placeholder-current::placeholder {
     color: currentColor;
   }
 
-  .sm\:placeholder-transparent::-webkit-input-placeholder {
-    color: transparent;
-  }
-
   .sm\:placeholder-transparent::-moz-placeholder {
     color: transparent;
   }
 
-  .sm\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .sm\:placeholder-transparent::-ms-input-placeholder {
-    color: transparent;
-  }
-
   .sm\:placeholder-transparent::placeholder {
     color: transparent;
   }
 
-  .sm\:placeholder-black::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-black::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-black:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-black::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-black::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-white::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-white::-moz-placeholder {
@@ -51333,2339 +48177,935 @@ video {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-white:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-white::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-white::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-darkCoolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-darkCoolGray-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-coolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-coolGray-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-indigo-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-indigo-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-violet-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-violet-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-yellow-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-yellow-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-red-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-red-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-green-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-green-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-blue-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-blue-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-gray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-gray-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-gray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-gray-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .sm\:placeholder-gray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
   .sm\:placeholder-gray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-100::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-200::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-300::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-400::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-500::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-600::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-700::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-800::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-gray-900::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-current:focus::-webkit-input-placeholder {
-    color: currentColor;
+    color: rgba(17, 21, 28, var(--tw-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::-ms-input-placeholder {
-    color: currentColor;
-  }
-
   .sm\:focus\:placeholder-current:focus::placeholder {
     color: currentColor;
   }
 
-  .sm\:focus\:placeholder-transparent:focus::-webkit-input-placeholder {
-    color: transparent;
-  }
-
   .sm\:focus\:placeholder-transparent:focus::-moz-placeholder {
     color: transparent;
   }
 
-  .sm\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .sm\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
-    color: transparent;
-  }
-
   .sm\:focus\:placeholder-transparent:focus::placeholder {
     color: transparent;
   }
 
-  .sm\:focus\:placeholder-black:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-black:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-black:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-black:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-white:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-white:focus::-moz-placeholder {
@@ -53673,2867 +49113,1147 @@ video {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-white:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-white:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-darkCoolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-darkCoolGray-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-coolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-coolGray-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-indigo-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-violet-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-violet-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-yellow-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-red-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-green-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-blue-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-gray-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-gray-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .sm\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
   .sm\:focus\:placeholder-gray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-opacity-0::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
+    color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
   }
 
   .sm\:placeholder-opacity-0::-moz-placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .sm\:placeholder-opacity-0:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .sm\:placeholder-opacity-0::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
   .sm\:placeholder-opacity-0::placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .sm\:placeholder-opacity-5::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .sm\:placeholder-opacity-5::-moz-placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .sm\:placeholder-opacity-5:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .sm\:placeholder-opacity-5::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .sm\:placeholder-opacity-5::placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .sm\:placeholder-opacity-10::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .sm\:placeholder-opacity-10::-moz-placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .sm\:placeholder-opacity-10:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .sm\:placeholder-opacity-10::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .sm\:placeholder-opacity-10::placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .sm\:placeholder-opacity-20::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .sm\:placeholder-opacity-20::-moz-placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .sm\:placeholder-opacity-20:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .sm\:placeholder-opacity-20::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .sm\:placeholder-opacity-20::placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .sm\:placeholder-opacity-25::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .sm\:placeholder-opacity-25::-moz-placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .sm\:placeholder-opacity-25:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .sm\:placeholder-opacity-25::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .sm\:placeholder-opacity-25::placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .sm\:placeholder-opacity-30::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .sm\:placeholder-opacity-30::-moz-placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .sm\:placeholder-opacity-30:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .sm\:placeholder-opacity-30::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .sm\:placeholder-opacity-30::placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .sm\:placeholder-opacity-40::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .sm\:placeholder-opacity-40::-moz-placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .sm\:placeholder-opacity-40:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .sm\:placeholder-opacity-40::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .sm\:placeholder-opacity-40::placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .sm\:placeholder-opacity-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .sm\:placeholder-opacity-50::-moz-placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .sm\:placeholder-opacity-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .sm\:placeholder-opacity-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .sm\:placeholder-opacity-50::placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .sm\:placeholder-opacity-60::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .sm\:placeholder-opacity-60::-moz-placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .sm\:placeholder-opacity-60:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .sm\:placeholder-opacity-60::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .sm\:placeholder-opacity-60::placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .sm\:placeholder-opacity-70::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .sm\:placeholder-opacity-70::-moz-placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .sm\:placeholder-opacity-70:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .sm\:placeholder-opacity-70::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .sm\:placeholder-opacity-70::placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .sm\:placeholder-opacity-75::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .sm\:placeholder-opacity-75::-moz-placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .sm\:placeholder-opacity-75:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .sm\:placeholder-opacity-75::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .sm\:placeholder-opacity-75::placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .sm\:placeholder-opacity-80::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .sm\:placeholder-opacity-80::-moz-placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .sm\:placeholder-opacity-80:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .sm\:placeholder-opacity-80::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .sm\:placeholder-opacity-80::placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .sm\:placeholder-opacity-90::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .sm\:placeholder-opacity-90::-moz-placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .sm\:placeholder-opacity-90:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .sm\:placeholder-opacity-90::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .sm\:placeholder-opacity-90::placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .sm\:placeholder-opacity-95::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .sm\:placeholder-opacity-95::-moz-placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .sm\:placeholder-opacity-95:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .sm\:placeholder-opacity-95::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .sm\:placeholder-opacity-95::placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .sm\:placeholder-opacity-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .sm\:placeholder-opacity-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
   }
 
-  .sm\:placeholder-opacity-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .sm\:placeholder-opacity-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .sm\:placeholder-opacity-100::placeholder {
     --tw-placeholder-opacity: 1;
   }
 
-  .sm\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
   .sm\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .sm\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .sm\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
   .sm\:focus\:placeholder-opacity-0:focus::placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .sm\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .sm\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .sm\:focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .sm\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .sm\:focus\:placeholder-opacity-5:focus::placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .sm\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .sm\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .sm\:focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .sm\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .sm\:focus\:placeholder-opacity-10:focus::placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .sm\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .sm\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .sm\:focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .sm\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .sm\:focus\:placeholder-opacity-20:focus::placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .sm\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .sm\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .sm\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .sm\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .sm\:focus\:placeholder-opacity-25:focus::placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .sm\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .sm\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .sm\:focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .sm\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .sm\:focus\:placeholder-opacity-30:focus::placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .sm\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .sm\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .sm\:focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .sm\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .sm\:focus\:placeholder-opacity-40:focus::placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .sm\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .sm\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .sm\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .sm\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .sm\:focus\:placeholder-opacity-50:focus::placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .sm\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .sm\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .sm\:focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .sm\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .sm\:focus\:placeholder-opacity-60:focus::placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .sm\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .sm\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .sm\:focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .sm\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .sm\:focus\:placeholder-opacity-70:focus::placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .sm\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .sm\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .sm\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .sm\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .sm\:focus\:placeholder-opacity-75:focus::placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .sm\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .sm\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .sm\:focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .sm\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .sm\:focus\:placeholder-opacity-80:focus::placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .sm\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .sm\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .sm\:focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .sm\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .sm\:focus\:placeholder-opacity-90:focus::placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .sm\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .sm\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .sm\:focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .sm\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .sm\:focus\:placeholder-opacity-95:focus::placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .sm\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .sm\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
   }
 
-  .sm\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .sm\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .sm\:focus\:placeholder-opacity-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
   }
@@ -56563,7 +50283,6 @@ video {
   }
 
   .sm\:sticky {
-    position: -webkit-sticky;
     position: sticky;
   }
 
@@ -59742,7 +53461,7 @@ video {
   }
 
   .sm\:ring-offset-black {
-    --tw-ring-offset-color: #000;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .sm\:ring-offset-white {
@@ -60074,39 +53793,39 @@ video {
   }
 
   .sm\:ring-offset-gray-100 {
-    --tw-ring-offset-color: #f3f4f6;
+    --tw-ring-offset-color: #E0E8F2;
   }
 
   .sm\:ring-offset-gray-200 {
-    --tw-ring-offset-color: #e5e7eb;
+    --tw-ring-offset-color: #C0C8D2;
   }
 
   .sm\:ring-offset-gray-300 {
-    --tw-ring-offset-color: #d1d5db;
+    --tw-ring-offset-color: #919EB0;
   }
 
   .sm\:ring-offset-gray-400 {
-    --tw-ring-offset-color: #9ca3af;
+    --tw-ring-offset-color: #3D485B;
   }
 
   .sm\:ring-offset-gray-500 {
-    --tw-ring-offset-color: #6b7280;
+    --tw-ring-offset-color: #232B3A;
   }
 
   .sm\:ring-offset-gray-600 {
-    --tw-ring-offset-color: #4b5563;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .sm\:ring-offset-gray-700 {
-    --tw-ring-offset-color: #374151;
+    --tw-ring-offset-color: #1A202C;
   }
 
   .sm\:ring-offset-gray-800 {
-    --tw-ring-offset-color: #1f2937;
+    --tw-ring-offset-color: #151A23;
   }
 
   .sm\:ring-offset-gray-900 {
-    --tw-ring-offset-color: #111827;
+    --tw-ring-offset-color: #11151C;
   }
 
   .sm\:focus-within\:ring-offset-current:focus-within {
@@ -60118,7 +53837,7 @@ video {
   }
 
   .sm\:focus-within\:ring-offset-black:focus-within {
-    --tw-ring-offset-color: #000;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .sm\:focus-within\:ring-offset-white:focus-within {
@@ -60450,39 +54169,39 @@ video {
   }
 
   .sm\:focus-within\:ring-offset-gray-100:focus-within {
-    --tw-ring-offset-color: #f3f4f6;
+    --tw-ring-offset-color: #E0E8F2;
   }
 
   .sm\:focus-within\:ring-offset-gray-200:focus-within {
-    --tw-ring-offset-color: #e5e7eb;
+    --tw-ring-offset-color: #C0C8D2;
   }
 
   .sm\:focus-within\:ring-offset-gray-300:focus-within {
-    --tw-ring-offset-color: #d1d5db;
+    --tw-ring-offset-color: #919EB0;
   }
 
   .sm\:focus-within\:ring-offset-gray-400:focus-within {
-    --tw-ring-offset-color: #9ca3af;
+    --tw-ring-offset-color: #3D485B;
   }
 
   .sm\:focus-within\:ring-offset-gray-500:focus-within {
-    --tw-ring-offset-color: #6b7280;
+    --tw-ring-offset-color: #232B3A;
   }
 
   .sm\:focus-within\:ring-offset-gray-600:focus-within {
-    --tw-ring-offset-color: #4b5563;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .sm\:focus-within\:ring-offset-gray-700:focus-within {
-    --tw-ring-offset-color: #374151;
+    --tw-ring-offset-color: #1A202C;
   }
 
   .sm\:focus-within\:ring-offset-gray-800:focus-within {
-    --tw-ring-offset-color: #1f2937;
+    --tw-ring-offset-color: #151A23;
   }
 
   .sm\:focus-within\:ring-offset-gray-900:focus-within {
-    --tw-ring-offset-color: #111827;
+    --tw-ring-offset-color: #11151C;
   }
 
   .sm\:focus\:ring-offset-current:focus {
@@ -60494,7 +54213,7 @@ video {
   }
 
   .sm\:focus\:ring-offset-black:focus {
-    --tw-ring-offset-color: #000;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .sm\:focus\:ring-offset-white:focus {
@@ -60826,39 +54545,39 @@ video {
   }
 
   .sm\:focus\:ring-offset-gray-100:focus {
-    --tw-ring-offset-color: #f3f4f6;
+    --tw-ring-offset-color: #E0E8F2;
   }
 
   .sm\:focus\:ring-offset-gray-200:focus {
-    --tw-ring-offset-color: #e5e7eb;
+    --tw-ring-offset-color: #C0C8D2;
   }
 
   .sm\:focus\:ring-offset-gray-300:focus {
-    --tw-ring-offset-color: #d1d5db;
+    --tw-ring-offset-color: #919EB0;
   }
 
   .sm\:focus\:ring-offset-gray-400:focus {
-    --tw-ring-offset-color: #9ca3af;
+    --tw-ring-offset-color: #3D485B;
   }
 
   .sm\:focus\:ring-offset-gray-500:focus {
-    --tw-ring-offset-color: #6b7280;
+    --tw-ring-offset-color: #232B3A;
   }
 
   .sm\:focus\:ring-offset-gray-600:focus {
-    --tw-ring-offset-color: #4b5563;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .sm\:focus\:ring-offset-gray-700:focus {
-    --tw-ring-offset-color: #374151;
+    --tw-ring-offset-color: #1A202C;
   }
 
   .sm\:focus\:ring-offset-gray-800:focus {
-    --tw-ring-offset-color: #1f2937;
+    --tw-ring-offset-color: #151A23;
   }
 
   .sm\:focus\:ring-offset-gray-900:focus {
-    --tw-ring-offset-color: #111827;
+    --tw-ring-offset-color: #11151C;
   }
 
   .sm\:ring-offset-0 {
@@ -60931,7 +54650,7 @@ video {
 
   .sm\:ring-black {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .sm\:ring-white {
@@ -61346,47 +55065,47 @@ video {
 
   .sm\:ring-gray-100 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
   }
 
   .sm\:ring-gray-200 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
   }
 
   .sm\:ring-gray-300 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
   }
 
   .sm\:ring-gray-400 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
   }
 
   .sm\:ring-gray-500 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
   }
 
   .sm\:ring-gray-600 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .sm\:ring-gray-700 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
   }
 
   .sm\:ring-gray-800 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
   }
 
   .sm\:ring-gray-900 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
   }
 
   .sm\:focus-within\:ring-current:focus-within {
@@ -61399,7 +55118,7 @@ video {
 
   .sm\:focus-within\:ring-black:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .sm\:focus-within\:ring-white:focus-within {
@@ -61814,47 +55533,47 @@ video {
 
   .sm\:focus-within\:ring-gray-100:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
   }
 
   .sm\:focus-within\:ring-gray-200:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
   }
 
   .sm\:focus-within\:ring-gray-300:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
   }
 
   .sm\:focus-within\:ring-gray-400:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
   }
 
   .sm\:focus-within\:ring-gray-500:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
   }
 
   .sm\:focus-within\:ring-gray-600:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .sm\:focus-within\:ring-gray-700:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
   }
 
   .sm\:focus-within\:ring-gray-800:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
   }
 
   .sm\:focus-within\:ring-gray-900:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
   }
 
   .sm\:focus\:ring-current:focus {
@@ -61867,7 +55586,7 @@ video {
 
   .sm\:focus\:ring-black:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .sm\:focus\:ring-white:focus {
@@ -62282,47 +56001,47 @@ video {
 
   .sm\:focus\:ring-gray-100:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
   }
 
   .sm\:focus\:ring-gray-200:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
   }
 
   .sm\:focus\:ring-gray-300:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
   }
 
   .sm\:focus\:ring-gray-400:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
   }
 
   .sm\:focus\:ring-gray-500:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
   }
 
   .sm\:focus\:ring-gray-600:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .sm\:focus\:ring-gray-700:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
   }
 
   .sm\:focus\:ring-gray-800:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
   }
 
   .sm\:focus\:ring-gray-900:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
   }
 
   .sm\:ring-opacity-0 {
@@ -62559,7 +56278,7 @@ video {
 
   .sm\:text-black {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .sm\:text-white {
@@ -62974,52 +56693,52 @@ video {
 
   .sm\:text-gray-100 {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .sm\:text-gray-200 {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .sm\:text-gray-300 {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .sm\:text-gray-400 {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .sm\:text-gray-500 {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .sm\:text-gray-600 {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .sm\:text-gray-700 {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .sm\:text-gray-800 {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .sm\:text-gray-900 {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .sm\:text-body {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .group:hover .sm\:group-hover\:text-current {
@@ -63032,7 +56751,7 @@ video {
 
   .group:hover .sm\:group-hover\:text-black {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .group:hover .sm\:group-hover\:text-white {
@@ -63447,52 +57166,52 @@ video {
 
   .group:hover .sm\:group-hover\:text-gray-100 {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .group:hover .sm\:group-hover\:text-gray-200 {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .group:hover .sm\:group-hover\:text-gray-300 {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .group:hover .sm\:group-hover\:text-gray-400 {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .group:hover .sm\:group-hover\:text-gray-500 {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .group:hover .sm\:group-hover\:text-gray-600 {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .group:hover .sm\:group-hover\:text-gray-700 {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .group:hover .sm\:group-hover\:text-gray-800 {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .group:hover .sm\:group-hover\:text-gray-900 {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .group:hover .sm\:group-hover\:text-body {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .sm\:focus-within\:text-current:focus-within {
@@ -63505,7 +57224,7 @@ video {
 
   .sm\:focus-within\:text-black:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .sm\:focus-within\:text-white:focus-within {
@@ -63920,52 +57639,52 @@ video {
 
   .sm\:focus-within\:text-gray-100:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .sm\:focus-within\:text-gray-200:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .sm\:focus-within\:text-gray-300:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .sm\:focus-within\:text-gray-400:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .sm\:focus-within\:text-gray-500:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .sm\:focus-within\:text-gray-600:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .sm\:focus-within\:text-gray-700:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .sm\:focus-within\:text-gray-800:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .sm\:focus-within\:text-gray-900:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .sm\:focus-within\:text-body:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .sm\:hover\:text-current:hover {
@@ -63978,7 +57697,7 @@ video {
 
   .sm\:hover\:text-black:hover {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .sm\:hover\:text-white:hover {
@@ -64393,52 +58112,52 @@ video {
 
   .sm\:hover\:text-gray-100:hover {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .sm\:hover\:text-gray-200:hover {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .sm\:hover\:text-gray-300:hover {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .sm\:hover\:text-gray-400:hover {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .sm\:hover\:text-gray-500:hover {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .sm\:hover\:text-gray-600:hover {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .sm\:hover\:text-gray-700:hover {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .sm\:hover\:text-gray-800:hover {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .sm\:hover\:text-gray-900:hover {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .sm\:hover\:text-body:hover {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .sm\:focus\:text-current:focus {
@@ -64451,7 +58170,7 @@ video {
 
   .sm\:focus\:text-black:focus {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .sm\:focus\:text-white:focus {
@@ -64866,52 +58585,52 @@ video {
 
   .sm\:focus\:text-gray-100:focus {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .sm\:focus\:text-gray-200:focus {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .sm\:focus\:text-gray-300:focus {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .sm\:focus\:text-gray-400:focus {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .sm\:focus\:text-gray-500:focus {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .sm\:focus\:text-gray-600:focus {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .sm\:focus\:text-gray-700:focus {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .sm\:focus\:text-gray-800:focus {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .sm\:focus\:text-gray-900:focus {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .sm\:focus\:text-body:focus {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .sm\:text-opacity-0 {
@@ -65394,28 +59113,24 @@ video {
   .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;
   }
 
@@ -66352,12 +60067,10 @@ video {
   }
 
   .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;
   }
 
@@ -66566,12 +60279,10 @@ video {
   }
 
   .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;
   }
 
@@ -69732,28 +63443,23 @@ video {
   }
 
   .sm\:animate-none {
-    -webkit-animation: none;
-            animation: none;
+    animation: none;
   }
 
   .sm\:animate-spin {
-    -webkit-animation: spin 1s linear infinite;
-            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;
+    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;
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
   }
 
   .sm\:animate-bounce {
-    -webkit-animation: bounce 1s infinite;
-            animation: bounce 1s infinite;
+    animation: bounce 1s infinite;
   }
 }
 
@@ -70718,7 +64424,7 @@ video {
 
   .md\:divide-black > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-divide-opacity));
   }
 
   .md\:divide-white > :not([hidden]) ~ :not([hidden]) {
@@ -71133,47 +64839,47 @@ video {
 
   .md\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-divide-opacity));
   }
 
   .md\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-divide-opacity));
   }
 
   .md\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-divide-opacity));
   }
 
   .md\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-divide-opacity));
   }
 
   .md\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-divide-opacity));
   }
 
   .md\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-divide-opacity));
   }
 
   .md\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-divide-opacity));
   }
 
   .md\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-divide-opacity));
   }
 
   .md\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-divide-opacity));
   }
 
   .md\:divide-solid > :not([hidden]) ~ :not([hidden]) {
@@ -71370,7 +65076,7 @@ video {
 
   .md\:bg-black {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .md\:bg-white {
@@ -71785,47 +65491,47 @@ video {
 
   .md\:bg-gray-100 {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .md\:bg-gray-200 {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .md\:bg-gray-300 {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .md\:bg-gray-400 {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .md\:bg-gray-500 {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .md\:bg-gray-600 {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .md\:bg-gray-700 {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .md\:bg-gray-800 {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .md\:bg-gray-900 {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .md\:bg-body {
@@ -71843,7 +65549,7 @@ video {
 
   .group:hover .md\:group-hover\:bg-black {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .group:hover .md\:group-hover\:bg-white {
@@ -72258,47 +65964,47 @@ video {
 
   .group:hover .md\:group-hover\:bg-gray-100 {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .group:hover .md\:group-hover\:bg-gray-200 {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .group:hover .md\:group-hover\:bg-gray-300 {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .group:hover .md\:group-hover\:bg-gray-400 {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .group:hover .md\:group-hover\:bg-gray-500 {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .group:hover .md\:group-hover\:bg-gray-600 {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .group:hover .md\:group-hover\:bg-gray-700 {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .group:hover .md\:group-hover\:bg-gray-800 {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .group:hover .md\:group-hover\:bg-gray-900 {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .group:hover .md\:group-hover\:bg-body {
@@ -72316,7 +66022,7 @@ video {
 
   .md\:focus-within\:bg-black:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .md\:focus-within\:bg-white:focus-within {
@@ -72731,47 +66437,47 @@ video {
 
   .md\:focus-within\:bg-gray-100:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .md\:focus-within\:bg-gray-200:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .md\:focus-within\:bg-gray-300:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .md\:focus-within\:bg-gray-400:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .md\:focus-within\:bg-gray-500:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .md\:focus-within\:bg-gray-600:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .md\:focus-within\:bg-gray-700:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .md\:focus-within\:bg-gray-800:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .md\:focus-within\:bg-gray-900:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .md\:focus-within\:bg-body:focus-within {
@@ -72789,7 +66495,7 @@ video {
 
   .md\:hover\:bg-black:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .md\:hover\:bg-white:hover {
@@ -73204,47 +66910,47 @@ video {
 
   .md\:hover\:bg-gray-100:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .md\:hover\:bg-gray-200:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .md\:hover\:bg-gray-300:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .md\:hover\:bg-gray-400:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .md\:hover\:bg-gray-500:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .md\:hover\:bg-gray-600:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .md\:hover\:bg-gray-700:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .md\:hover\:bg-gray-800:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .md\:hover\:bg-gray-900:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .md\:hover\:bg-body:hover {
@@ -73262,7 +66968,7 @@ video {
 
   .md\:focus\:bg-black:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .md\:focus\:bg-white:focus {
@@ -73677,47 +67383,47 @@ video {
 
   .md\:focus\:bg-gray-100:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .md\:focus\:bg-gray-200:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .md\:focus\:bg-gray-300:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .md\:focus\:bg-gray-400:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .md\:focus\:bg-gray-500:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .md\:focus\:bg-gray-600:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .md\:focus\:bg-gray-700:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .md\:focus\:bg-gray-800:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .md\:focus\:bg-gray-900:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .md\:focus\:bg-body:focus {
@@ -73772,8 +67478,8 @@ video {
   }
 
   .md\:from-black {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .md\:from-white {
@@ -74187,48 +67893,48 @@ video {
   }
 
   .md\:from-gray-100 {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-from: #E0E8F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .md\:from-gray-200 {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-from: #C0C8D2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .md\:from-gray-300 {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-from: #919EB0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .md\:from-gray-400 {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-from: #3D485B;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .md\:from-gray-500 {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-from: #232B3A;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .md\:from-gray-600 {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .md\:from-gray-700 {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-from: #1A202C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .md\:from-gray-800 {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-from: #151A23;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .md\:from-gray-900 {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-from: #11151C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .md\:via-current {
@@ -74240,7 +67946,7 @@ video {
   }
 
   .md\:via-black {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .md\:via-white {
@@ -74572,39 +68278,39 @@ video {
   }
 
   .md\:via-gray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .md\:via-gray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .md\:via-gray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .md\:via-gray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .md\:via-gray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .md\:via-gray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .md\:via-gray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .md\:via-gray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .md\:via-gray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .md\:to-current {
@@ -74616,7 +68322,7 @@ video {
   }
 
   .md\:to-black {
-    --tw-gradient-to: #000;
+    --tw-gradient-to: #1E2431;
   }
 
   .md\:to-white {
@@ -74948,39 +68654,39 @@ video {
   }
 
   .md\:to-gray-100 {
-    --tw-gradient-to: #f3f4f6;
+    --tw-gradient-to: #E0E8F2;
   }
 
   .md\:to-gray-200 {
-    --tw-gradient-to: #e5e7eb;
+    --tw-gradient-to: #C0C8D2;
   }
 
   .md\:to-gray-300 {
-    --tw-gradient-to: #d1d5db;
+    --tw-gradient-to: #919EB0;
   }
 
   .md\:to-gray-400 {
-    --tw-gradient-to: #9ca3af;
+    --tw-gradient-to: #3D485B;
   }
 
   .md\:to-gray-500 {
-    --tw-gradient-to: #6b7280;
+    --tw-gradient-to: #232B3A;
   }
 
   .md\:to-gray-600 {
-    --tw-gradient-to: #4b5563;
+    --tw-gradient-to: #1E2431;
   }
 
   .md\:to-gray-700 {
-    --tw-gradient-to: #374151;
+    --tw-gradient-to: #1A202C;
   }
 
   .md\:to-gray-800 {
-    --tw-gradient-to: #1f2937;
+    --tw-gradient-to: #151A23;
   }
 
   .md\:to-gray-900 {
-    --tw-gradient-to: #111827;
+    --tw-gradient-to: #11151C;
   }
 
   .md\:hover\:from-current:hover {
@@ -74994,8 +68700,8 @@ video {
   }
 
   .md\:hover\:from-black:hover {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .md\:hover\:from-white:hover {
@@ -75409,48 +69115,48 @@ video {
   }
 
   .md\:hover\:from-gray-100:hover {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-from: #E0E8F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .md\:hover\:from-gray-200:hover {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-from: #C0C8D2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .md\:hover\:from-gray-300:hover {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-from: #919EB0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .md\:hover\:from-gray-400:hover {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-from: #3D485B;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .md\:hover\:from-gray-500:hover {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-from: #232B3A;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .md\:hover\:from-gray-600:hover {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .md\:hover\:from-gray-700:hover {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-from: #1A202C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .md\:hover\:from-gray-800:hover {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-from: #151A23;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .md\:hover\:from-gray-900:hover {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-from: #11151C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .md\:hover\:via-current:hover {
@@ -75462,7 +69168,7 @@ video {
   }
 
   .md\:hover\:via-black:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .md\:hover\:via-white:hover {
@@ -75794,39 +69500,39 @@ video {
   }
 
   .md\:hover\:via-gray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .md\:hover\:via-gray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .md\:hover\:via-gray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .md\:hover\:via-gray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .md\:hover\:via-gray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .md\:hover\:via-gray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .md\:hover\:via-gray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .md\:hover\:via-gray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .md\:hover\:via-gray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .md\:hover\:to-current:hover {
@@ -75838,7 +69544,7 @@ video {
   }
 
   .md\:hover\:to-black:hover {
-    --tw-gradient-to: #000;
+    --tw-gradient-to: #1E2431;
   }
 
   .md\:hover\:to-white:hover {
@@ -76170,39 +69876,39 @@ video {
   }
 
   .md\:hover\:to-gray-100:hover {
-    --tw-gradient-to: #f3f4f6;
+    --tw-gradient-to: #E0E8F2;
   }
 
   .md\:hover\:to-gray-200:hover {
-    --tw-gradient-to: #e5e7eb;
+    --tw-gradient-to: #C0C8D2;
   }
 
   .md\:hover\:to-gray-300:hover {
-    --tw-gradient-to: #d1d5db;
+    --tw-gradient-to: #919EB0;
   }
 
   .md\:hover\:to-gray-400:hover {
-    --tw-gradient-to: #9ca3af;
+    --tw-gradient-to: #3D485B;
   }
 
   .md\:hover\:to-gray-500:hover {
-    --tw-gradient-to: #6b7280;
+    --tw-gradient-to: #232B3A;
   }
 
   .md\:hover\:to-gray-600:hover {
-    --tw-gradient-to: #4b5563;
+    --tw-gradient-to: #1E2431;
   }
 
   .md\:hover\:to-gray-700:hover {
-    --tw-gradient-to: #374151;
+    --tw-gradient-to: #1A202C;
   }
 
   .md\:hover\:to-gray-800:hover {
-    --tw-gradient-to: #1f2937;
+    --tw-gradient-to: #151A23;
   }
 
   .md\:hover\:to-gray-900:hover {
-    --tw-gradient-to: #111827;
+    --tw-gradient-to: #11151C;
   }
 
   .md\:focus\:from-current:focus {
@@ -76216,8 +69922,8 @@ video {
   }
 
   .md\:focus\:from-black:focus {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .md\:focus\:from-white:focus {
@@ -76631,48 +70337,48 @@ video {
   }
 
   .md\:focus\:from-gray-100:focus {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-from: #E0E8F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .md\:focus\:from-gray-200:focus {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-from: #C0C8D2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .md\:focus\:from-gray-300:focus {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-from: #919EB0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .md\:focus\:from-gray-400:focus {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-from: #3D485B;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .md\:focus\:from-gray-500:focus {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-from: #232B3A;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .md\:focus\:from-gray-600:focus {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .md\:focus\:from-gray-700:focus {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-from: #1A202C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .md\:focus\:from-gray-800:focus {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-from: #151A23;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .md\:focus\:from-gray-900:focus {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-from: #11151C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .md\:focus\:via-current:focus {
@@ -76684,7 +70390,7 @@ video {
   }
 
   .md\:focus\:via-black:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .md\:focus\:via-white:focus {
@@ -77016,39 +70722,39 @@ video {
   }
 
   .md\:focus\:via-gray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .md\:focus\:via-gray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .md\:focus\:via-gray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .md\:focus\:via-gray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .md\:focus\:via-gray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .md\:focus\:via-gray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .md\:focus\:via-gray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .md\:focus\:via-gray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .md\:focus\:via-gray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .md\:focus\:to-current:focus {
@@ -77060,7 +70766,7 @@ video {
   }
 
   .md\:focus\:to-black:focus {
-    --tw-gradient-to: #000;
+    --tw-gradient-to: #1E2431;
   }
 
   .md\:focus\:to-white:focus {
@@ -77392,39 +71098,39 @@ video {
   }
 
   .md\:focus\:to-gray-100:focus {
-    --tw-gradient-to: #f3f4f6;
+    --tw-gradient-to: #E0E8F2;
   }
 
   .md\:focus\:to-gray-200:focus {
-    --tw-gradient-to: #e5e7eb;
+    --tw-gradient-to: #C0C8D2;
   }
 
   .md\:focus\:to-gray-300:focus {
-    --tw-gradient-to: #d1d5db;
+    --tw-gradient-to: #919EB0;
   }
 
   .md\:focus\:to-gray-400:focus {
-    --tw-gradient-to: #9ca3af;
+    --tw-gradient-to: #3D485B;
   }
 
   .md\:focus\:to-gray-500:focus {
-    --tw-gradient-to: #6b7280;
+    --tw-gradient-to: #232B3A;
   }
 
   .md\:focus\:to-gray-600:focus {
-    --tw-gradient-to: #4b5563;
+    --tw-gradient-to: #1E2431;
   }
 
   .md\:focus\:to-gray-700:focus {
-    --tw-gradient-to: #374151;
+    --tw-gradient-to: #1A202C;
   }
 
   .md\:focus\:to-gray-800:focus {
-    --tw-gradient-to: #1f2937;
+    --tw-gradient-to: #151A23;
   }
 
   .md\:focus\:to-gray-900:focus {
-    --tw-gradient-to: #111827;
+    --tw-gradient-to: #11151C;
   }
 
   .md\:bg-opacity-0 {
@@ -77817,7 +71523,7 @@ video {
 
   .md\:border-black {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .md\:border-white {
@@ -78232,47 +71938,47 @@ video {
 
   .md\:border-gray-100 {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .md\:border-gray-200 {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .md\:border-gray-300 {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .md\:border-gray-400 {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .md\:border-gray-500 {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .md\:border-gray-600 {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .md\:border-gray-700 {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .md\:border-gray-800 {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .md\:border-gray-900 {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .group:hover .md\:group-hover\:border-current {
@@ -78285,7 +71991,7 @@ video {
 
   .group:hover .md\:group-hover\:border-black {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .group:hover .md\:group-hover\:border-white {
@@ -78700,47 +72406,47 @@ video {
 
   .group:hover .md\:group-hover\:border-gray-100 {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .group:hover .md\:group-hover\:border-gray-200 {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .group:hover .md\:group-hover\:border-gray-300 {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .group:hover .md\:group-hover\:border-gray-400 {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .group:hover .md\:group-hover\:border-gray-500 {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .group:hover .md\:group-hover\:border-gray-600 {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .group:hover .md\:group-hover\:border-gray-700 {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .group:hover .md\:group-hover\:border-gray-800 {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .group:hover .md\:group-hover\:border-gray-900 {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .md\:focus-within\:border-current:focus-within {
@@ -78753,7 +72459,7 @@ video {
 
   .md\:focus-within\:border-black:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .md\:focus-within\:border-white:focus-within {
@@ -79168,47 +72874,47 @@ video {
 
   .md\:focus-within\:border-gray-100:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .md\:focus-within\:border-gray-200:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .md\:focus-within\:border-gray-300:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .md\:focus-within\:border-gray-400:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .md\:focus-within\:border-gray-500:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .md\:focus-within\:border-gray-600:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .md\:focus-within\:border-gray-700:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .md\:focus-within\:border-gray-800:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .md\:focus-within\:border-gray-900:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .md\:hover\:border-current:hover {
@@ -79221,7 +72927,7 @@ video {
 
   .md\:hover\:border-black:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .md\:hover\:border-white:hover {
@@ -79636,47 +73342,47 @@ video {
 
   .md\:hover\:border-gray-100:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .md\:hover\:border-gray-200:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .md\:hover\:border-gray-300:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .md\:hover\:border-gray-400:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .md\:hover\:border-gray-500:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .md\:hover\:border-gray-600:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .md\:hover\:border-gray-700:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .md\:hover\:border-gray-800:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .md\:hover\:border-gray-900:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .md\:focus\:border-current:focus {
@@ -79689,7 +73395,7 @@ video {
 
   .md\:focus\:border-black:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .md\:focus\:border-white:focus {
@@ -80104,47 +73810,47 @@ video {
 
   .md\:focus\:border-gray-100:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .md\:focus\:border-gray-200:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .md\:focus\:border-gray-300:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .md\:focus\:border-gray-400:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .md\:focus\:border-gray-500:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .md\:focus\:border-gray-600:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .md\:focus\:border-gray-700:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .md\:focus\:border-gray-800:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .md\:focus\:border-gray-900:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .md\:border-opacity-0 {
@@ -84234,13 +77940,11 @@ video {
   }
 
   .md\:max-w-min {
-    max-width: -webkit-min-content;
     max-width: -moz-min-content;
     max-width: min-content;
   }
 
   .md\:max-w-max {
-    max-width: -webkit-max-content;
     max-width: -moz-max-content;
     max-width: max-content;
   }
@@ -84733,18 +78437,15 @@ video {
   }
 
   .md\:overscroll-auto {
-    -ms-scroll-chaining: chained;
-        overscroll-behavior: auto;
+    overscroll-behavior: auto;
   }
 
   .md\:overscroll-contain {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: contain;
+    overscroll-behavior: contain;
   }
 
   .md\:overscroll-none {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: none;
+    overscroll-behavior: none;
   }
 
   .md\:overscroll-y-auto {
@@ -85821,74 +79522,30 @@ video {
     padding-left: 0.875rem;
   }
 
-  .md\:placeholder-current::-webkit-input-placeholder {
-    color: currentColor;
-  }
-
   .md\:placeholder-current::-moz-placeholder {
     color: currentColor;
   }
 
-  .md\:placeholder-current:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .md\:placeholder-current::-ms-input-placeholder {
-    color: currentColor;
-  }
-
   .md\:placeholder-current::placeholder {
     color: currentColor;
   }
 
-  .md\:placeholder-transparent::-webkit-input-placeholder {
-    color: transparent;
-  }
-
   .md\:placeholder-transparent::-moz-placeholder {
     color: transparent;
   }
 
-  .md\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .md\:placeholder-transparent::-ms-input-placeholder {
-    color: transparent;
-  }
-
   .md\:placeholder-transparent::placeholder {
     color: transparent;
   }
 
-  .md\:placeholder-black::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-black::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-black:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-black::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-black::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-white::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-white::-moz-placeholder {
@@ -85896,2339 +79553,935 @@ video {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-white:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-white::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-white::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-darkCoolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-darkCoolGray-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-coolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-coolGray-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-indigo-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-indigo-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-violet-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-violet-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-yellow-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-yellow-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-red-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-red-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-green-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-green-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-blue-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-blue-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-gray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-gray-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-gray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-gray-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .md\:placeholder-gray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
   .md\:placeholder-gray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-100::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-200::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-300::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-400::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-500::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-600::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-700::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-800::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-gray-900::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-current:focus::-webkit-input-placeholder {
-    color: currentColor;
+    color: rgba(17, 21, 28, var(--tw-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::-ms-input-placeholder {
-    color: currentColor;
-  }
-
   .md\:focus\:placeholder-current:focus::placeholder {
     color: currentColor;
   }
 
-  .md\:focus\:placeholder-transparent:focus::-webkit-input-placeholder {
-    color: transparent;
-  }
-
   .md\:focus\:placeholder-transparent:focus::-moz-placeholder {
     color: transparent;
   }
 
-  .md\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .md\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
-    color: transparent;
-  }
-
   .md\:focus\:placeholder-transparent:focus::placeholder {
     color: transparent;
   }
 
-  .md\:focus\:placeholder-black:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-black:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-black:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-black:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-white:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-white:focus::-moz-placeholder {
@@ -88236,2867 +80489,1147 @@ video {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-white:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-white:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-darkCoolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-darkCoolGray-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-coolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-coolGray-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-indigo-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-violet-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-violet-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-yellow-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-red-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-green-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-blue-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-gray-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-gray-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .md\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
   .md\:focus\:placeholder-gray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-opacity-0::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
+    color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
   }
 
   .md\:placeholder-opacity-0::-moz-placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .md\:placeholder-opacity-0:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .md\:placeholder-opacity-0::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
   .md\:placeholder-opacity-0::placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .md\:placeholder-opacity-5::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .md\:placeholder-opacity-5::-moz-placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .md\:placeholder-opacity-5:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .md\:placeholder-opacity-5::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .md\:placeholder-opacity-5::placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .md\:placeholder-opacity-10::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .md\:placeholder-opacity-10::-moz-placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .md\:placeholder-opacity-10:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .md\:placeholder-opacity-10::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .md\:placeholder-opacity-10::placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .md\:placeholder-opacity-20::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .md\:placeholder-opacity-20::-moz-placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .md\:placeholder-opacity-20:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .md\:placeholder-opacity-20::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .md\:placeholder-opacity-20::placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .md\:placeholder-opacity-25::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .md\:placeholder-opacity-25::-moz-placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .md\:placeholder-opacity-25:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .md\:placeholder-opacity-25::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .md\:placeholder-opacity-25::placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .md\:placeholder-opacity-30::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .md\:placeholder-opacity-30::-moz-placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .md\:placeholder-opacity-30:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .md\:placeholder-opacity-30::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .md\:placeholder-opacity-30::placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .md\:placeholder-opacity-40::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .md\:placeholder-opacity-40::-moz-placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .md\:placeholder-opacity-40:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .md\:placeholder-opacity-40::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .md\:placeholder-opacity-40::placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .md\:placeholder-opacity-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .md\:placeholder-opacity-50::-moz-placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .md\:placeholder-opacity-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .md\:placeholder-opacity-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .md\:placeholder-opacity-50::placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .md\:placeholder-opacity-60::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .md\:placeholder-opacity-60::-moz-placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .md\:placeholder-opacity-60:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .md\:placeholder-opacity-60::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .md\:placeholder-opacity-60::placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .md\:placeholder-opacity-70::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .md\:placeholder-opacity-70::-moz-placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .md\:placeholder-opacity-70:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .md\:placeholder-opacity-70::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .md\:placeholder-opacity-70::placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .md\:placeholder-opacity-75::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .md\:placeholder-opacity-75::-moz-placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .md\:placeholder-opacity-75:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .md\:placeholder-opacity-75::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .md\:placeholder-opacity-75::placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .md\:placeholder-opacity-80::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .md\:placeholder-opacity-80::-moz-placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .md\:placeholder-opacity-80:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .md\:placeholder-opacity-80::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .md\:placeholder-opacity-80::placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .md\:placeholder-opacity-90::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .md\:placeholder-opacity-90::-moz-placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .md\:placeholder-opacity-90:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .md\:placeholder-opacity-90::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .md\:placeholder-opacity-90::placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .md\:placeholder-opacity-95::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .md\:placeholder-opacity-95::-moz-placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .md\:placeholder-opacity-95:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .md\:placeholder-opacity-95::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .md\:placeholder-opacity-95::placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .md\:placeholder-opacity-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .md\:placeholder-opacity-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
   }
 
-  .md\:placeholder-opacity-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .md\:placeholder-opacity-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .md\:placeholder-opacity-100::placeholder {
     --tw-placeholder-opacity: 1;
   }
 
-  .md\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
   .md\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .md\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .md\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
   .md\:focus\:placeholder-opacity-0:focus::placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .md\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .md\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .md\:focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .md\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .md\:focus\:placeholder-opacity-5:focus::placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .md\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .md\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .md\:focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .md\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .md\:focus\:placeholder-opacity-10:focus::placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .md\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .md\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .md\:focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .md\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .md\:focus\:placeholder-opacity-20:focus::placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .md\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .md\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .md\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .md\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .md\:focus\:placeholder-opacity-25:focus::placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .md\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .md\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .md\:focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .md\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .md\:focus\:placeholder-opacity-30:focus::placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .md\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .md\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .md\:focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .md\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .md\:focus\:placeholder-opacity-40:focus::placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .md\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .md\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .md\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .md\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .md\:focus\:placeholder-opacity-50:focus::placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .md\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .md\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .md\:focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .md\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .md\:focus\:placeholder-opacity-60:focus::placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .md\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .md\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .md\:focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .md\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .md\:focus\:placeholder-opacity-70:focus::placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .md\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .md\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .md\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .md\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .md\:focus\:placeholder-opacity-75:focus::placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .md\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .md\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .md\:focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .md\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .md\:focus\:placeholder-opacity-80:focus::placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .md\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .md\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .md\:focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .md\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .md\:focus\:placeholder-opacity-90:focus::placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .md\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .md\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .md\:focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .md\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .md\:focus\:placeholder-opacity-95:focus::placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .md\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .md\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
   }
 
-  .md\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .md\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .md\:focus\:placeholder-opacity-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
   }
@@ -91126,7 +81659,6 @@ video {
   }
 
   .md\:sticky {
-    position: -webkit-sticky;
     position: sticky;
   }
 
@@ -94305,7 +84837,7 @@ video {
   }
 
   .md\:ring-offset-black {
-    --tw-ring-offset-color: #000;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .md\:ring-offset-white {
@@ -94637,39 +85169,39 @@ video {
   }
 
   .md\:ring-offset-gray-100 {
-    --tw-ring-offset-color: #f3f4f6;
+    --tw-ring-offset-color: #E0E8F2;
   }
 
   .md\:ring-offset-gray-200 {
-    --tw-ring-offset-color: #e5e7eb;
+    --tw-ring-offset-color: #C0C8D2;
   }
 
   .md\:ring-offset-gray-300 {
-    --tw-ring-offset-color: #d1d5db;
+    --tw-ring-offset-color: #919EB0;
   }
 
   .md\:ring-offset-gray-400 {
-    --tw-ring-offset-color: #9ca3af;
+    --tw-ring-offset-color: #3D485B;
   }
 
   .md\:ring-offset-gray-500 {
-    --tw-ring-offset-color: #6b7280;
+    --tw-ring-offset-color: #232B3A;
   }
 
   .md\:ring-offset-gray-600 {
-    --tw-ring-offset-color: #4b5563;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .md\:ring-offset-gray-700 {
-    --tw-ring-offset-color: #374151;
+    --tw-ring-offset-color: #1A202C;
   }
 
   .md\:ring-offset-gray-800 {
-    --tw-ring-offset-color: #1f2937;
+    --tw-ring-offset-color: #151A23;
   }
 
   .md\:ring-offset-gray-900 {
-    --tw-ring-offset-color: #111827;
+    --tw-ring-offset-color: #11151C;
   }
 
   .md\:focus-within\:ring-offset-current:focus-within {
@@ -94681,7 +85213,7 @@ video {
   }
 
   .md\:focus-within\:ring-offset-black:focus-within {
-    --tw-ring-offset-color: #000;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .md\:focus-within\:ring-offset-white:focus-within {
@@ -95013,39 +85545,39 @@ video {
   }
 
   .md\:focus-within\:ring-offset-gray-100:focus-within {
-    --tw-ring-offset-color: #f3f4f6;
+    --tw-ring-offset-color: #E0E8F2;
   }
 
   .md\:focus-within\:ring-offset-gray-200:focus-within {
-    --tw-ring-offset-color: #e5e7eb;
+    --tw-ring-offset-color: #C0C8D2;
   }
 
   .md\:focus-within\:ring-offset-gray-300:focus-within {
-    --tw-ring-offset-color: #d1d5db;
+    --tw-ring-offset-color: #919EB0;
   }
 
   .md\:focus-within\:ring-offset-gray-400:focus-within {
-    --tw-ring-offset-color: #9ca3af;
+    --tw-ring-offset-color: #3D485B;
   }
 
   .md\:focus-within\:ring-offset-gray-500:focus-within {
-    --tw-ring-offset-color: #6b7280;
+    --tw-ring-offset-color: #232B3A;
   }
 
   .md\:focus-within\:ring-offset-gray-600:focus-within {
-    --tw-ring-offset-color: #4b5563;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .md\:focus-within\:ring-offset-gray-700:focus-within {
-    --tw-ring-offset-color: #374151;
+    --tw-ring-offset-color: #1A202C;
   }
 
   .md\:focus-within\:ring-offset-gray-800:focus-within {
-    --tw-ring-offset-color: #1f2937;
+    --tw-ring-offset-color: #151A23;
   }
 
   .md\:focus-within\:ring-offset-gray-900:focus-within {
-    --tw-ring-offset-color: #111827;
+    --tw-ring-offset-color: #11151C;
   }
 
   .md\:focus\:ring-offset-current:focus {
@@ -95057,7 +85589,7 @@ video {
   }
 
   .md\:focus\:ring-offset-black:focus {
-    --tw-ring-offset-color: #000;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .md\:focus\:ring-offset-white:focus {
@@ -95389,39 +85921,39 @@ video {
   }
 
   .md\:focus\:ring-offset-gray-100:focus {
-    --tw-ring-offset-color: #f3f4f6;
+    --tw-ring-offset-color: #E0E8F2;
   }
 
   .md\:focus\:ring-offset-gray-200:focus {
-    --tw-ring-offset-color: #e5e7eb;
+    --tw-ring-offset-color: #C0C8D2;
   }
 
   .md\:focus\:ring-offset-gray-300:focus {
-    --tw-ring-offset-color: #d1d5db;
+    --tw-ring-offset-color: #919EB0;
   }
 
   .md\:focus\:ring-offset-gray-400:focus {
-    --tw-ring-offset-color: #9ca3af;
+    --tw-ring-offset-color: #3D485B;
   }
 
   .md\:focus\:ring-offset-gray-500:focus {
-    --tw-ring-offset-color: #6b7280;
+    --tw-ring-offset-color: #232B3A;
   }
 
   .md\:focus\:ring-offset-gray-600:focus {
-    --tw-ring-offset-color: #4b5563;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .md\:focus\:ring-offset-gray-700:focus {
-    --tw-ring-offset-color: #374151;
+    --tw-ring-offset-color: #1A202C;
   }
 
   .md\:focus\:ring-offset-gray-800:focus {
-    --tw-ring-offset-color: #1f2937;
+    --tw-ring-offset-color: #151A23;
   }
 
   .md\:focus\:ring-offset-gray-900:focus {
-    --tw-ring-offset-color: #111827;
+    --tw-ring-offset-color: #11151C;
   }
 
   .md\:ring-offset-0 {
@@ -95494,7 +86026,7 @@ video {
 
   .md\:ring-black {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .md\:ring-white {
@@ -95909,47 +86441,47 @@ video {
 
   .md\:ring-gray-100 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
   }
 
   .md\:ring-gray-200 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
   }
 
   .md\:ring-gray-300 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
   }
 
   .md\:ring-gray-400 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
   }
 
   .md\:ring-gray-500 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
   }
 
   .md\:ring-gray-600 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .md\:ring-gray-700 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
   }
 
   .md\:ring-gray-800 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
   }
 
   .md\:ring-gray-900 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
   }
 
   .md\:focus-within\:ring-current:focus-within {
@@ -95962,7 +86494,7 @@ video {
 
   .md\:focus-within\:ring-black:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .md\:focus-within\:ring-white:focus-within {
@@ -96377,47 +86909,47 @@ video {
 
   .md\:focus-within\:ring-gray-100:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
   }
 
   .md\:focus-within\:ring-gray-200:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
   }
 
   .md\:focus-within\:ring-gray-300:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
   }
 
   .md\:focus-within\:ring-gray-400:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
   }
 
   .md\:focus-within\:ring-gray-500:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
   }
 
   .md\:focus-within\:ring-gray-600:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .md\:focus-within\:ring-gray-700:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
   }
 
   .md\:focus-within\:ring-gray-800:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
   }
 
   .md\:focus-within\:ring-gray-900:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
   }
 
   .md\:focus\:ring-current:focus {
@@ -96430,7 +86962,7 @@ video {
 
   .md\:focus\:ring-black:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .md\:focus\:ring-white:focus {
@@ -96845,47 +87377,47 @@ video {
 
   .md\:focus\:ring-gray-100:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
   }
 
   .md\:focus\:ring-gray-200:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
   }
 
   .md\:focus\:ring-gray-300:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
   }
 
   .md\:focus\:ring-gray-400:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
   }
 
   .md\:focus\:ring-gray-500:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
   }
 
   .md\:focus\:ring-gray-600:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .md\:focus\:ring-gray-700:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
   }
 
   .md\:focus\:ring-gray-800:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
   }
 
   .md\:focus\:ring-gray-900:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
   }
 
   .md\:ring-opacity-0 {
@@ -97122,7 +87654,7 @@ video {
 
   .md\:text-black {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .md\:text-white {
@@ -97537,52 +88069,52 @@ video {
 
   .md\:text-gray-100 {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .md\:text-gray-200 {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .md\:text-gray-300 {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .md\:text-gray-400 {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .md\:text-gray-500 {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .md\:text-gray-600 {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .md\:text-gray-700 {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .md\:text-gray-800 {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .md\:text-gray-900 {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .md\:text-body {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .group:hover .md\:group-hover\:text-current {
@@ -97595,7 +88127,7 @@ video {
 
   .group:hover .md\:group-hover\:text-black {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .group:hover .md\:group-hover\:text-white {
@@ -98010,52 +88542,52 @@ video {
 
   .group:hover .md\:group-hover\:text-gray-100 {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .group:hover .md\:group-hover\:text-gray-200 {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .group:hover .md\:group-hover\:text-gray-300 {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .group:hover .md\:group-hover\:text-gray-400 {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .group:hover .md\:group-hover\:text-gray-500 {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .group:hover .md\:group-hover\:text-gray-600 {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .group:hover .md\:group-hover\:text-gray-700 {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .group:hover .md\:group-hover\:text-gray-800 {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .group:hover .md\:group-hover\:text-gray-900 {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .group:hover .md\:group-hover\:text-body {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .md\:focus-within\:text-current:focus-within {
@@ -98068,7 +88600,7 @@ video {
 
   .md\:focus-within\:text-black:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .md\:focus-within\:text-white:focus-within {
@@ -98483,52 +89015,52 @@ video {
 
   .md\:focus-within\:text-gray-100:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .md\:focus-within\:text-gray-200:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .md\:focus-within\:text-gray-300:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .md\:focus-within\:text-gray-400:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .md\:focus-within\:text-gray-500:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .md\:focus-within\:text-gray-600:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .md\:focus-within\:text-gray-700:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .md\:focus-within\:text-gray-800:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .md\:focus-within\:text-gray-900:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .md\:focus-within\:text-body:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .md\:hover\:text-current:hover {
@@ -98541,7 +89073,7 @@ video {
 
   .md\:hover\:text-black:hover {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .md\:hover\:text-white:hover {
@@ -98956,52 +89488,52 @@ video {
 
   .md\:hover\:text-gray-100:hover {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .md\:hover\:text-gray-200:hover {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .md\:hover\:text-gray-300:hover {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .md\:hover\:text-gray-400:hover {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .md\:hover\:text-gray-500:hover {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .md\:hover\:text-gray-600:hover {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .md\:hover\:text-gray-700:hover {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .md\:hover\:text-gray-800:hover {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .md\:hover\:text-gray-900:hover {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .md\:hover\:text-body:hover {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .md\:focus\:text-current:focus {
@@ -99014,7 +89546,7 @@ video {
 
   .md\:focus\:text-black:focus {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .md\:focus\:text-white:focus {
@@ -99429,52 +89961,52 @@ video {
 
   .md\:focus\:text-gray-100:focus {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .md\:focus\:text-gray-200:focus {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .md\:focus\:text-gray-300:focus {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .md\:focus\:text-gray-400:focus {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .md\:focus\:text-gray-500:focus {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .md\:focus\:text-gray-600:focus {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .md\:focus\:text-gray-700:focus {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .md\:focus\:text-gray-800:focus {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .md\:focus\:text-gray-900:focus {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .md\:focus\:text-body:focus {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .md\:text-opacity-0 {
@@ -99957,28 +90489,24 @@ video {
   .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;
   }
 
@@ -100915,12 +91443,10 @@ video {
   }
 
   .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;
   }
 
@@ -101129,12 +91655,10 @@ video {
   }
 
   .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;
   }
 
@@ -104295,28 +94819,23 @@ video {
   }
 
   .md\:animate-none {
-    -webkit-animation: none;
-            animation: none;
+    animation: none;
   }
 
   .md\:animate-spin {
-    -webkit-animation: spin 1s linear infinite;
-            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;
+    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;
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
   }
 
   .md\:animate-bounce {
-    -webkit-animation: bounce 1s infinite;
-            animation: bounce 1s infinite;
+    animation: bounce 1s infinite;
   }
 }
 
@@ -105281,7 +95800,7 @@ video {
 
   .lg\:divide-black > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-divide-opacity));
   }
 
   .lg\:divide-white > :not([hidden]) ~ :not([hidden]) {
@@ -105696,47 +96215,47 @@ video {
 
   .lg\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-divide-opacity));
   }
 
   .lg\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-divide-opacity));
   }
 
   .lg\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-divide-opacity));
   }
 
   .lg\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-divide-opacity));
   }
 
   .lg\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-divide-opacity));
   }
 
   .lg\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-divide-opacity));
   }
 
   .lg\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-divide-opacity));
   }
 
   .lg\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-divide-opacity));
   }
 
   .lg\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-divide-opacity));
   }
 
   .lg\:divide-solid > :not([hidden]) ~ :not([hidden]) {
@@ -105933,7 +96452,7 @@ video {
 
   .lg\:bg-black {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .lg\:bg-white {
@@ -106348,47 +96867,47 @@ video {
 
   .lg\:bg-gray-100 {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .lg\:bg-gray-200 {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .lg\:bg-gray-300 {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .lg\:bg-gray-400 {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .lg\:bg-gray-500 {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .lg\:bg-gray-600 {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .lg\:bg-gray-700 {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .lg\:bg-gray-800 {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .lg\:bg-gray-900 {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .lg\:bg-body {
@@ -106406,7 +96925,7 @@ video {
 
   .group:hover .lg\:group-hover\:bg-black {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .group:hover .lg\:group-hover\:bg-white {
@@ -106821,47 +97340,47 @@ video {
 
   .group:hover .lg\:group-hover\:bg-gray-100 {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .group:hover .lg\:group-hover\:bg-gray-200 {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .group:hover .lg\:group-hover\:bg-gray-300 {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .group:hover .lg\:group-hover\:bg-gray-400 {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .group:hover .lg\:group-hover\:bg-gray-500 {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .group:hover .lg\:group-hover\:bg-gray-600 {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .group:hover .lg\:group-hover\:bg-gray-700 {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .group:hover .lg\:group-hover\:bg-gray-800 {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .group:hover .lg\:group-hover\:bg-gray-900 {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .group:hover .lg\:group-hover\:bg-body {
@@ -106879,7 +97398,7 @@ video {
 
   .lg\:focus-within\:bg-black:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .lg\:focus-within\:bg-white:focus-within {
@@ -107294,47 +97813,47 @@ video {
 
   .lg\:focus-within\:bg-gray-100:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .lg\:focus-within\:bg-gray-200:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .lg\:focus-within\:bg-gray-300:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .lg\:focus-within\:bg-gray-400:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .lg\:focus-within\:bg-gray-500:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .lg\:focus-within\:bg-gray-600:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .lg\:focus-within\:bg-gray-700:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .lg\:focus-within\:bg-gray-800:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .lg\:focus-within\:bg-gray-900:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .lg\:focus-within\:bg-body:focus-within {
@@ -107352,7 +97871,7 @@ video {
 
   .lg\:hover\:bg-black:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .lg\:hover\:bg-white:hover {
@@ -107767,47 +98286,47 @@ video {
 
   .lg\:hover\:bg-gray-100:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .lg\:hover\:bg-gray-200:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .lg\:hover\:bg-gray-300:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .lg\:hover\:bg-gray-400:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .lg\:hover\:bg-gray-500:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .lg\:hover\:bg-gray-600:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .lg\:hover\:bg-gray-700:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .lg\:hover\:bg-gray-800:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .lg\:hover\:bg-gray-900:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .lg\:hover\:bg-body:hover {
@@ -107825,7 +98344,7 @@ video {
 
   .lg\:focus\:bg-black:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .lg\:focus\:bg-white:focus {
@@ -108240,47 +98759,47 @@ video {
 
   .lg\:focus\:bg-gray-100:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .lg\:focus\:bg-gray-200:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .lg\:focus\:bg-gray-300:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .lg\:focus\:bg-gray-400:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .lg\:focus\:bg-gray-500:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .lg\:focus\:bg-gray-600:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .lg\:focus\:bg-gray-700:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .lg\:focus\:bg-gray-800:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .lg\:focus\:bg-gray-900:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .lg\:focus\:bg-body:focus {
@@ -108335,8 +98854,8 @@ video {
   }
 
   .lg\:from-black {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .lg\:from-white {
@@ -108750,48 +99269,48 @@ video {
   }
 
   .lg\:from-gray-100 {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-from: #E0E8F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .lg\:from-gray-200 {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-from: #C0C8D2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .lg\:from-gray-300 {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-from: #919EB0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .lg\:from-gray-400 {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-from: #3D485B;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .lg\:from-gray-500 {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-from: #232B3A;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .lg\:from-gray-600 {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .lg\:from-gray-700 {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-from: #1A202C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .lg\:from-gray-800 {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-from: #151A23;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .lg\:from-gray-900 {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-from: #11151C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .lg\:via-current {
@@ -108803,7 +99322,7 @@ video {
   }
 
   .lg\:via-black {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .lg\:via-white {
@@ -109135,39 +99654,39 @@ video {
   }
 
   .lg\:via-gray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .lg\:via-gray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .lg\:via-gray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .lg\:via-gray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .lg\:via-gray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .lg\:via-gray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .lg\:via-gray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .lg\:via-gray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .lg\:via-gray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .lg\:to-current {
@@ -109179,7 +99698,7 @@ video {
   }
 
   .lg\:to-black {
-    --tw-gradient-to: #000;
+    --tw-gradient-to: #1E2431;
   }
 
   .lg\:to-white {
@@ -109511,39 +100030,39 @@ video {
   }
 
   .lg\:to-gray-100 {
-    --tw-gradient-to: #f3f4f6;
+    --tw-gradient-to: #E0E8F2;
   }
 
   .lg\:to-gray-200 {
-    --tw-gradient-to: #e5e7eb;
+    --tw-gradient-to: #C0C8D2;
   }
 
   .lg\:to-gray-300 {
-    --tw-gradient-to: #d1d5db;
+    --tw-gradient-to: #919EB0;
   }
 
   .lg\:to-gray-400 {
-    --tw-gradient-to: #9ca3af;
+    --tw-gradient-to: #3D485B;
   }
 
   .lg\:to-gray-500 {
-    --tw-gradient-to: #6b7280;
+    --tw-gradient-to: #232B3A;
   }
 
   .lg\:to-gray-600 {
-    --tw-gradient-to: #4b5563;
+    --tw-gradient-to: #1E2431;
   }
 
   .lg\:to-gray-700 {
-    --tw-gradient-to: #374151;
+    --tw-gradient-to: #1A202C;
   }
 
   .lg\:to-gray-800 {
-    --tw-gradient-to: #1f2937;
+    --tw-gradient-to: #151A23;
   }
 
   .lg\:to-gray-900 {
-    --tw-gradient-to: #111827;
+    --tw-gradient-to: #11151C;
   }
 
   .lg\:hover\:from-current:hover {
@@ -109557,8 +100076,8 @@ video {
   }
 
   .lg\:hover\:from-black:hover {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .lg\:hover\:from-white:hover {
@@ -109972,48 +100491,48 @@ video {
   }
 
   .lg\:hover\:from-gray-100:hover {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-from: #E0E8F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .lg\:hover\:from-gray-200:hover {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-from: #C0C8D2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .lg\:hover\:from-gray-300:hover {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-from: #919EB0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .lg\:hover\:from-gray-400:hover {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-from: #3D485B;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .lg\:hover\:from-gray-500:hover {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-from: #232B3A;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .lg\:hover\:from-gray-600:hover {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .lg\:hover\:from-gray-700:hover {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-from: #1A202C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .lg\:hover\:from-gray-800:hover {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-from: #151A23;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .lg\:hover\:from-gray-900:hover {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-from: #11151C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .lg\:hover\:via-current:hover {
@@ -110025,7 +100544,7 @@ video {
   }
 
   .lg\:hover\:via-black:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .lg\:hover\:via-white:hover {
@@ -110357,39 +100876,39 @@ video {
   }
 
   .lg\:hover\:via-gray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .lg\:hover\:via-gray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .lg\:hover\:via-gray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .lg\:hover\:via-gray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .lg\:hover\:via-gray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .lg\:hover\:via-gray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .lg\:hover\:via-gray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .lg\:hover\:via-gray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .lg\:hover\:via-gray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .lg\:hover\:to-current:hover {
@@ -110401,7 +100920,7 @@ video {
   }
 
   .lg\:hover\:to-black:hover {
-    --tw-gradient-to: #000;
+    --tw-gradient-to: #1E2431;
   }
 
   .lg\:hover\:to-white:hover {
@@ -110733,39 +101252,39 @@ video {
   }
 
   .lg\:hover\:to-gray-100:hover {
-    --tw-gradient-to: #f3f4f6;
+    --tw-gradient-to: #E0E8F2;
   }
 
   .lg\:hover\:to-gray-200:hover {
-    --tw-gradient-to: #e5e7eb;
+    --tw-gradient-to: #C0C8D2;
   }
 
   .lg\:hover\:to-gray-300:hover {
-    --tw-gradient-to: #d1d5db;
+    --tw-gradient-to: #919EB0;
   }
 
   .lg\:hover\:to-gray-400:hover {
-    --tw-gradient-to: #9ca3af;
+    --tw-gradient-to: #3D485B;
   }
 
   .lg\:hover\:to-gray-500:hover {
-    --tw-gradient-to: #6b7280;
+    --tw-gradient-to: #232B3A;
   }
 
   .lg\:hover\:to-gray-600:hover {
-    --tw-gradient-to: #4b5563;
+    --tw-gradient-to: #1E2431;
   }
 
   .lg\:hover\:to-gray-700:hover {
-    --tw-gradient-to: #374151;
+    --tw-gradient-to: #1A202C;
   }
 
   .lg\:hover\:to-gray-800:hover {
-    --tw-gradient-to: #1f2937;
+    --tw-gradient-to: #151A23;
   }
 
   .lg\:hover\:to-gray-900:hover {
-    --tw-gradient-to: #111827;
+    --tw-gradient-to: #11151C;
   }
 
   .lg\:focus\:from-current:focus {
@@ -110779,8 +101298,8 @@ video {
   }
 
   .lg\:focus\:from-black:focus {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .lg\:focus\:from-white:focus {
@@ -111194,48 +101713,48 @@ video {
   }
 
   .lg\:focus\:from-gray-100:focus {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-from: #E0E8F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .lg\:focus\:from-gray-200:focus {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-from: #C0C8D2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .lg\:focus\:from-gray-300:focus {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-from: #919EB0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .lg\:focus\:from-gray-400:focus {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-from: #3D485B;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .lg\:focus\:from-gray-500:focus {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-from: #232B3A;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .lg\:focus\:from-gray-600:focus {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .lg\:focus\:from-gray-700:focus {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-from: #1A202C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .lg\:focus\:from-gray-800:focus {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-from: #151A23;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .lg\:focus\:from-gray-900:focus {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-from: #11151C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .lg\:focus\:via-current:focus {
@@ -111247,7 +101766,7 @@ video {
   }
 
   .lg\:focus\:via-black:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .lg\:focus\:via-white:focus {
@@ -111579,39 +102098,39 @@ video {
   }
 
   .lg\:focus\:via-gray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .lg\:focus\:via-gray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .lg\:focus\:via-gray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .lg\:focus\:via-gray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .lg\:focus\:via-gray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .lg\:focus\:via-gray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .lg\:focus\:via-gray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .lg\:focus\:via-gray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .lg\:focus\:via-gray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .lg\:focus\:to-current:focus {
@@ -111623,7 +102142,7 @@ video {
   }
 
   .lg\:focus\:to-black:focus {
-    --tw-gradient-to: #000;
+    --tw-gradient-to: #1E2431;
   }
 
   .lg\:focus\:to-white:focus {
@@ -111955,39 +102474,39 @@ video {
   }
 
   .lg\:focus\:to-gray-100:focus {
-    --tw-gradient-to: #f3f4f6;
+    --tw-gradient-to: #E0E8F2;
   }
 
   .lg\:focus\:to-gray-200:focus {
-    --tw-gradient-to: #e5e7eb;
+    --tw-gradient-to: #C0C8D2;
   }
 
   .lg\:focus\:to-gray-300:focus {
-    --tw-gradient-to: #d1d5db;
+    --tw-gradient-to: #919EB0;
   }
 
   .lg\:focus\:to-gray-400:focus {
-    --tw-gradient-to: #9ca3af;
+    --tw-gradient-to: #3D485B;
   }
 
   .lg\:focus\:to-gray-500:focus {
-    --tw-gradient-to: #6b7280;
+    --tw-gradient-to: #232B3A;
   }
 
   .lg\:focus\:to-gray-600:focus {
-    --tw-gradient-to: #4b5563;
+    --tw-gradient-to: #1E2431;
   }
 
   .lg\:focus\:to-gray-700:focus {
-    --tw-gradient-to: #374151;
+    --tw-gradient-to: #1A202C;
   }
 
   .lg\:focus\:to-gray-800:focus {
-    --tw-gradient-to: #1f2937;
+    --tw-gradient-to: #151A23;
   }
 
   .lg\:focus\:to-gray-900:focus {
-    --tw-gradient-to: #111827;
+    --tw-gradient-to: #11151C;
   }
 
   .lg\:bg-opacity-0 {
@@ -112380,7 +102899,7 @@ video {
 
   .lg\:border-black {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .lg\:border-white {
@@ -112795,47 +103314,47 @@ video {
 
   .lg\:border-gray-100 {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .lg\:border-gray-200 {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .lg\:border-gray-300 {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .lg\:border-gray-400 {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .lg\:border-gray-500 {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .lg\:border-gray-600 {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .lg\:border-gray-700 {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .lg\:border-gray-800 {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .lg\:border-gray-900 {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .group:hover .lg\:group-hover\:border-current {
@@ -112848,7 +103367,7 @@ video {
 
   .group:hover .lg\:group-hover\:border-black {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .group:hover .lg\:group-hover\:border-white {
@@ -113263,47 +103782,47 @@ video {
 
   .group:hover .lg\:group-hover\:border-gray-100 {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .group:hover .lg\:group-hover\:border-gray-200 {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .group:hover .lg\:group-hover\:border-gray-300 {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .group:hover .lg\:group-hover\:border-gray-400 {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .group:hover .lg\:group-hover\:border-gray-500 {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .group:hover .lg\:group-hover\:border-gray-600 {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .group:hover .lg\:group-hover\:border-gray-700 {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .group:hover .lg\:group-hover\:border-gray-800 {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .group:hover .lg\:group-hover\:border-gray-900 {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .lg\:focus-within\:border-current:focus-within {
@@ -113316,7 +103835,7 @@ video {
 
   .lg\:focus-within\:border-black:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .lg\:focus-within\:border-white:focus-within {
@@ -113731,47 +104250,47 @@ video {
 
   .lg\:focus-within\:border-gray-100:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .lg\:focus-within\:border-gray-200:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .lg\:focus-within\:border-gray-300:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .lg\:focus-within\:border-gray-400:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .lg\:focus-within\:border-gray-500:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .lg\:focus-within\:border-gray-600:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .lg\:focus-within\:border-gray-700:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .lg\:focus-within\:border-gray-800:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .lg\:focus-within\:border-gray-900:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .lg\:hover\:border-current:hover {
@@ -113784,7 +104303,7 @@ video {
 
   .lg\:hover\:border-black:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .lg\:hover\:border-white:hover {
@@ -114199,47 +104718,47 @@ video {
 
   .lg\:hover\:border-gray-100:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .lg\:hover\:border-gray-200:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .lg\:hover\:border-gray-300:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .lg\:hover\:border-gray-400:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .lg\:hover\:border-gray-500:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .lg\:hover\:border-gray-600:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .lg\:hover\:border-gray-700:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .lg\:hover\:border-gray-800:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .lg\:hover\:border-gray-900:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .lg\:focus\:border-current:focus {
@@ -114252,7 +104771,7 @@ video {
 
   .lg\:focus\:border-black:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .lg\:focus\:border-white:focus {
@@ -114667,47 +105186,47 @@ video {
 
   .lg\:focus\:border-gray-100:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .lg\:focus\:border-gray-200:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .lg\:focus\:border-gray-300:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .lg\:focus\:border-gray-400:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .lg\:focus\:border-gray-500:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .lg\:focus\:border-gray-600:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .lg\:focus\:border-gray-700:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .lg\:focus\:border-gray-800:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .lg\:focus\:border-gray-900:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .lg\:border-opacity-0 {
@@ -118797,13 +109316,11 @@ video {
   }
 
   .lg\:max-w-min {
-    max-width: -webkit-min-content;
     max-width: -moz-min-content;
     max-width: min-content;
   }
 
   .lg\:max-w-max {
-    max-width: -webkit-max-content;
     max-width: -moz-max-content;
     max-width: max-content;
   }
@@ -119296,18 +109813,15 @@ video {
   }
 
   .lg\:overscroll-auto {
-    -ms-scroll-chaining: chained;
-        overscroll-behavior: auto;
+    overscroll-behavior: auto;
   }
 
   .lg\:overscroll-contain {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: contain;
+    overscroll-behavior: contain;
   }
 
   .lg\:overscroll-none {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: none;
+    overscroll-behavior: none;
   }
 
   .lg\:overscroll-y-auto {
@@ -120384,74 +110898,30 @@ video {
     padding-left: 0.875rem;
   }
 
-  .lg\:placeholder-current::-webkit-input-placeholder {
-    color: currentColor;
-  }
-
   .lg\:placeholder-current::-moz-placeholder {
     color: currentColor;
   }
 
-  .lg\:placeholder-current:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .lg\:placeholder-current::-ms-input-placeholder {
-    color: currentColor;
-  }
-
   .lg\:placeholder-current::placeholder {
     color: currentColor;
   }
 
-  .lg\:placeholder-transparent::-webkit-input-placeholder {
-    color: transparent;
-  }
-
   .lg\:placeholder-transparent::-moz-placeholder {
     color: transparent;
   }
 
-  .lg\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .lg\:placeholder-transparent::-ms-input-placeholder {
-    color: transparent;
-  }
-
   .lg\:placeholder-transparent::placeholder {
     color: transparent;
   }
 
-  .lg\:placeholder-black::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-black::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-black:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-black::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-black::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-white::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-white::-moz-placeholder {
@@ -120459,2339 +110929,935 @@ video {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-white:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-white::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-white::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-darkCoolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-darkCoolGray-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-coolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-coolGray-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-indigo-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-indigo-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-violet-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-violet-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-yellow-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-yellow-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-red-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-red-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-green-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-green-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-blue-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-blue-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-gray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-gray-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-gray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-gray-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .lg\:placeholder-gray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
   .lg\:placeholder-gray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-100::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-200::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-300::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-400::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-500::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-600::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-700::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-800::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-gray-900::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-current:focus::-webkit-input-placeholder {
-    color: currentColor;
+    color: rgba(17, 21, 28, var(--tw-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::-ms-input-placeholder {
-    color: currentColor;
-  }
-
   .lg\:focus\:placeholder-current:focus::placeholder {
     color: currentColor;
   }
 
-  .lg\:focus\:placeholder-transparent:focus::-webkit-input-placeholder {
-    color: transparent;
-  }
-
   .lg\:focus\:placeholder-transparent:focus::-moz-placeholder {
     color: transparent;
   }
 
-  .lg\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .lg\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
-    color: transparent;
-  }
-
   .lg\:focus\:placeholder-transparent:focus::placeholder {
     color: transparent;
   }
 
-  .lg\:focus\:placeholder-black:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-black:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-black:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-black:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-white:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-white:focus::-moz-placeholder {
@@ -122799,2867 +111865,1147 @@ video {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-white:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-white:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-darkCoolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-darkCoolGray-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-coolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-coolGray-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-indigo-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-violet-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-violet-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-yellow-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-red-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-green-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-blue-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-gray-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-gray-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .lg\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
   .lg\:focus\:placeholder-gray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-opacity-0::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
+    color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
   }
 
   .lg\:placeholder-opacity-0::-moz-placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .lg\:placeholder-opacity-0:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .lg\:placeholder-opacity-0::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
   .lg\:placeholder-opacity-0::placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .lg\:placeholder-opacity-5::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .lg\:placeholder-opacity-5::-moz-placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .lg\:placeholder-opacity-5:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .lg\:placeholder-opacity-5::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .lg\:placeholder-opacity-5::placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .lg\:placeholder-opacity-10::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .lg\:placeholder-opacity-10::-moz-placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .lg\:placeholder-opacity-10:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .lg\:placeholder-opacity-10::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .lg\:placeholder-opacity-10::placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .lg\:placeholder-opacity-20::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .lg\:placeholder-opacity-20::-moz-placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .lg\:placeholder-opacity-20:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .lg\:placeholder-opacity-20::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .lg\:placeholder-opacity-20::placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .lg\:placeholder-opacity-25::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .lg\:placeholder-opacity-25::-moz-placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .lg\:placeholder-opacity-25:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .lg\:placeholder-opacity-25::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .lg\:placeholder-opacity-25::placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .lg\:placeholder-opacity-30::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .lg\:placeholder-opacity-30::-moz-placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .lg\:placeholder-opacity-30:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .lg\:placeholder-opacity-30::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .lg\:placeholder-opacity-30::placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .lg\:placeholder-opacity-40::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .lg\:placeholder-opacity-40::-moz-placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .lg\:placeholder-opacity-40:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .lg\:placeholder-opacity-40::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .lg\:placeholder-opacity-40::placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .lg\:placeholder-opacity-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .lg\:placeholder-opacity-50::-moz-placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .lg\:placeholder-opacity-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .lg\:placeholder-opacity-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .lg\:placeholder-opacity-50::placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .lg\:placeholder-opacity-60::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .lg\:placeholder-opacity-60::-moz-placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .lg\:placeholder-opacity-60:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .lg\:placeholder-opacity-60::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .lg\:placeholder-opacity-60::placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .lg\:placeholder-opacity-70::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .lg\:placeholder-opacity-70::-moz-placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .lg\:placeholder-opacity-70:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .lg\:placeholder-opacity-70::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .lg\:placeholder-opacity-70::placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .lg\:placeholder-opacity-75::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .lg\:placeholder-opacity-75::-moz-placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .lg\:placeholder-opacity-75:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .lg\:placeholder-opacity-75::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .lg\:placeholder-opacity-75::placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .lg\:placeholder-opacity-80::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .lg\:placeholder-opacity-80::-moz-placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .lg\:placeholder-opacity-80:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .lg\:placeholder-opacity-80::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .lg\:placeholder-opacity-80::placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .lg\:placeholder-opacity-90::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .lg\:placeholder-opacity-90::-moz-placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .lg\:placeholder-opacity-90:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .lg\:placeholder-opacity-90::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .lg\:placeholder-opacity-90::placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .lg\:placeholder-opacity-95::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .lg\:placeholder-opacity-95::-moz-placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .lg\:placeholder-opacity-95:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .lg\:placeholder-opacity-95::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .lg\:placeholder-opacity-95::placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .lg\:placeholder-opacity-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .lg\:placeholder-opacity-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
   }
 
-  .lg\:placeholder-opacity-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .lg\:placeholder-opacity-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .lg\:placeholder-opacity-100::placeholder {
     --tw-placeholder-opacity: 1;
   }
 
-  .lg\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
   .lg\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .lg\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .lg\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
   .lg\:focus\:placeholder-opacity-0:focus::placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .lg\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .lg\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .lg\:focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .lg\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .lg\:focus\:placeholder-opacity-5:focus::placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .lg\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .lg\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .lg\:focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .lg\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .lg\:focus\:placeholder-opacity-10:focus::placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .lg\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .lg\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .lg\:focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .lg\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .lg\:focus\:placeholder-opacity-20:focus::placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .lg\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .lg\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .lg\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .lg\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .lg\:focus\:placeholder-opacity-25:focus::placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .lg\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .lg\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .lg\:focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .lg\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .lg\:focus\:placeholder-opacity-30:focus::placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .lg\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .lg\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .lg\:focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .lg\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .lg\:focus\:placeholder-opacity-40:focus::placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .lg\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .lg\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .lg\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .lg\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .lg\:focus\:placeholder-opacity-50:focus::placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .lg\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .lg\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .lg\:focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .lg\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .lg\:focus\:placeholder-opacity-60:focus::placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .lg\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .lg\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .lg\:focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .lg\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .lg\:focus\:placeholder-opacity-70:focus::placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .lg\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .lg\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .lg\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .lg\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .lg\:focus\:placeholder-opacity-75:focus::placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .lg\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .lg\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .lg\:focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .lg\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .lg\:focus\:placeholder-opacity-80:focus::placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .lg\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .lg\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .lg\:focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .lg\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .lg\:focus\:placeholder-opacity-90:focus::placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .lg\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .lg\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .lg\:focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .lg\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .lg\:focus\:placeholder-opacity-95:focus::placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .lg\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .lg\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
   }
 
-  .lg\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .lg\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .lg\:focus\:placeholder-opacity-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
   }
@@ -125689,7 +113035,6 @@ video {
   }
 
   .lg\:sticky {
-    position: -webkit-sticky;
     position: sticky;
   }
 
@@ -128868,7 +116213,7 @@ video {
   }
 
   .lg\:ring-offset-black {
-    --tw-ring-offset-color: #000;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .lg\:ring-offset-white {
@@ -129200,39 +116545,39 @@ video {
   }
 
   .lg\:ring-offset-gray-100 {
-    --tw-ring-offset-color: #f3f4f6;
+    --tw-ring-offset-color: #E0E8F2;
   }
 
   .lg\:ring-offset-gray-200 {
-    --tw-ring-offset-color: #e5e7eb;
+    --tw-ring-offset-color: #C0C8D2;
   }
 
   .lg\:ring-offset-gray-300 {
-    --tw-ring-offset-color: #d1d5db;
+    --tw-ring-offset-color: #919EB0;
   }
 
   .lg\:ring-offset-gray-400 {
-    --tw-ring-offset-color: #9ca3af;
+    --tw-ring-offset-color: #3D485B;
   }
 
   .lg\:ring-offset-gray-500 {
-    --tw-ring-offset-color: #6b7280;
+    --tw-ring-offset-color: #232B3A;
   }
 
   .lg\:ring-offset-gray-600 {
-    --tw-ring-offset-color: #4b5563;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .lg\:ring-offset-gray-700 {
-    --tw-ring-offset-color: #374151;
+    --tw-ring-offset-color: #1A202C;
   }
 
   .lg\:ring-offset-gray-800 {
-    --tw-ring-offset-color: #1f2937;
+    --tw-ring-offset-color: #151A23;
   }
 
   .lg\:ring-offset-gray-900 {
-    --tw-ring-offset-color: #111827;
+    --tw-ring-offset-color: #11151C;
   }
 
   .lg\:focus-within\:ring-offset-current:focus-within {
@@ -129244,7 +116589,7 @@ video {
   }
 
   .lg\:focus-within\:ring-offset-black:focus-within {
-    --tw-ring-offset-color: #000;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .lg\:focus-within\:ring-offset-white:focus-within {
@@ -129576,39 +116921,39 @@ video {
   }
 
   .lg\:focus-within\:ring-offset-gray-100:focus-within {
-    --tw-ring-offset-color: #f3f4f6;
+    --tw-ring-offset-color: #E0E8F2;
   }
 
   .lg\:focus-within\:ring-offset-gray-200:focus-within {
-    --tw-ring-offset-color: #e5e7eb;
+    --tw-ring-offset-color: #C0C8D2;
   }
 
   .lg\:focus-within\:ring-offset-gray-300:focus-within {
-    --tw-ring-offset-color: #d1d5db;
+    --tw-ring-offset-color: #919EB0;
   }
 
   .lg\:focus-within\:ring-offset-gray-400:focus-within {
-    --tw-ring-offset-color: #9ca3af;
+    --tw-ring-offset-color: #3D485B;
   }
 
   .lg\:focus-within\:ring-offset-gray-500:focus-within {
-    --tw-ring-offset-color: #6b7280;
+    --tw-ring-offset-color: #232B3A;
   }
 
   .lg\:focus-within\:ring-offset-gray-600:focus-within {
-    --tw-ring-offset-color: #4b5563;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .lg\:focus-within\:ring-offset-gray-700:focus-within {
-    --tw-ring-offset-color: #374151;
+    --tw-ring-offset-color: #1A202C;
   }
 
   .lg\:focus-within\:ring-offset-gray-800:focus-within {
-    --tw-ring-offset-color: #1f2937;
+    --tw-ring-offset-color: #151A23;
   }
 
   .lg\:focus-within\:ring-offset-gray-900:focus-within {
-    --tw-ring-offset-color: #111827;
+    --tw-ring-offset-color: #11151C;
   }
 
   .lg\:focus\:ring-offset-current:focus {
@@ -129620,7 +116965,7 @@ video {
   }
 
   .lg\:focus\:ring-offset-black:focus {
-    --tw-ring-offset-color: #000;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .lg\:focus\:ring-offset-white:focus {
@@ -129952,39 +117297,39 @@ video {
   }
 
   .lg\:focus\:ring-offset-gray-100:focus {
-    --tw-ring-offset-color: #f3f4f6;
+    --tw-ring-offset-color: #E0E8F2;
   }
 
   .lg\:focus\:ring-offset-gray-200:focus {
-    --tw-ring-offset-color: #e5e7eb;
+    --tw-ring-offset-color: #C0C8D2;
   }
 
   .lg\:focus\:ring-offset-gray-300:focus {
-    --tw-ring-offset-color: #d1d5db;
+    --tw-ring-offset-color: #919EB0;
   }
 
   .lg\:focus\:ring-offset-gray-400:focus {
-    --tw-ring-offset-color: #9ca3af;
+    --tw-ring-offset-color: #3D485B;
   }
 
   .lg\:focus\:ring-offset-gray-500:focus {
-    --tw-ring-offset-color: #6b7280;
+    --tw-ring-offset-color: #232B3A;
   }
 
   .lg\:focus\:ring-offset-gray-600:focus {
-    --tw-ring-offset-color: #4b5563;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .lg\:focus\:ring-offset-gray-700:focus {
-    --tw-ring-offset-color: #374151;
+    --tw-ring-offset-color: #1A202C;
   }
 
   .lg\:focus\:ring-offset-gray-800:focus {
-    --tw-ring-offset-color: #1f2937;
+    --tw-ring-offset-color: #151A23;
   }
 
   .lg\:focus\:ring-offset-gray-900:focus {
-    --tw-ring-offset-color: #111827;
+    --tw-ring-offset-color: #11151C;
   }
 
   .lg\:ring-offset-0 {
@@ -130057,7 +117402,7 @@ video {
 
   .lg\:ring-black {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .lg\:ring-white {
@@ -130472,47 +117817,47 @@ video {
 
   .lg\:ring-gray-100 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
   }
 
   .lg\:ring-gray-200 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
   }
 
   .lg\:ring-gray-300 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
   }
 
   .lg\:ring-gray-400 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
   }
 
   .lg\:ring-gray-500 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
   }
 
   .lg\:ring-gray-600 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .lg\:ring-gray-700 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
   }
 
   .lg\:ring-gray-800 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
   }
 
   .lg\:ring-gray-900 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
   }
 
   .lg\:focus-within\:ring-current:focus-within {
@@ -130525,7 +117870,7 @@ video {
 
   .lg\:focus-within\:ring-black:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .lg\:focus-within\:ring-white:focus-within {
@@ -130940,47 +118285,47 @@ video {
 
   .lg\:focus-within\:ring-gray-100:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
   }
 
   .lg\:focus-within\:ring-gray-200:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
   }
 
   .lg\:focus-within\:ring-gray-300:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
   }
 
   .lg\:focus-within\:ring-gray-400:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
   }
 
   .lg\:focus-within\:ring-gray-500:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
   }
 
   .lg\:focus-within\:ring-gray-600:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .lg\:focus-within\:ring-gray-700:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
   }
 
   .lg\:focus-within\:ring-gray-800:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
   }
 
   .lg\:focus-within\:ring-gray-900:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
   }
 
   .lg\:focus\:ring-current:focus {
@@ -130993,7 +118338,7 @@ video {
 
   .lg\:focus\:ring-black:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .lg\:focus\:ring-white:focus {
@@ -131408,47 +118753,47 @@ video {
 
   .lg\:focus\:ring-gray-100:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
   }
 
   .lg\:focus\:ring-gray-200:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
   }
 
   .lg\:focus\:ring-gray-300:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
   }
 
   .lg\:focus\:ring-gray-400:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
   }
 
   .lg\:focus\:ring-gray-500:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
   }
 
   .lg\:focus\:ring-gray-600:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .lg\:focus\:ring-gray-700:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
   }
 
   .lg\:focus\:ring-gray-800:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
   }
 
   .lg\:focus\:ring-gray-900:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
   }
 
   .lg\:ring-opacity-0 {
@@ -131685,7 +119030,7 @@ video {
 
   .lg\:text-black {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .lg\:text-white {
@@ -132100,52 +119445,52 @@ video {
 
   .lg\:text-gray-100 {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .lg\:text-gray-200 {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .lg\:text-gray-300 {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .lg\:text-gray-400 {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .lg\:text-gray-500 {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .lg\:text-gray-600 {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .lg\:text-gray-700 {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .lg\:text-gray-800 {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .lg\:text-gray-900 {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .lg\:text-body {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .group:hover .lg\:group-hover\:text-current {
@@ -132158,7 +119503,7 @@ video {
 
   .group:hover .lg\:group-hover\:text-black {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .group:hover .lg\:group-hover\:text-white {
@@ -132573,52 +119918,52 @@ video {
 
   .group:hover .lg\:group-hover\:text-gray-100 {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .group:hover .lg\:group-hover\:text-gray-200 {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .group:hover .lg\:group-hover\:text-gray-300 {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .group:hover .lg\:group-hover\:text-gray-400 {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .group:hover .lg\:group-hover\:text-gray-500 {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .group:hover .lg\:group-hover\:text-gray-600 {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .group:hover .lg\:group-hover\:text-gray-700 {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .group:hover .lg\:group-hover\:text-gray-800 {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .group:hover .lg\:group-hover\:text-gray-900 {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .group:hover .lg\:group-hover\:text-body {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .lg\:focus-within\:text-current:focus-within {
@@ -132631,7 +119976,7 @@ video {
 
   .lg\:focus-within\:text-black:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .lg\:focus-within\:text-white:focus-within {
@@ -133046,52 +120391,52 @@ video {
 
   .lg\:focus-within\:text-gray-100:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .lg\:focus-within\:text-gray-200:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .lg\:focus-within\:text-gray-300:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .lg\:focus-within\:text-gray-400:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .lg\:focus-within\:text-gray-500:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .lg\:focus-within\:text-gray-600:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .lg\:focus-within\:text-gray-700:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .lg\:focus-within\:text-gray-800:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .lg\:focus-within\:text-gray-900:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .lg\:focus-within\:text-body:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .lg\:hover\:text-current:hover {
@@ -133104,7 +120449,7 @@ video {
 
   .lg\:hover\:text-black:hover {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .lg\:hover\:text-white:hover {
@@ -133519,52 +120864,52 @@ video {
 
   .lg\:hover\:text-gray-100:hover {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .lg\:hover\:text-gray-200:hover {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .lg\:hover\:text-gray-300:hover {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .lg\:hover\:text-gray-400:hover {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .lg\:hover\:text-gray-500:hover {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .lg\:hover\:text-gray-600:hover {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .lg\:hover\:text-gray-700:hover {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .lg\:hover\:text-gray-800:hover {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .lg\:hover\:text-gray-900:hover {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .lg\:hover\:text-body:hover {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .lg\:focus\:text-current:focus {
@@ -133577,7 +120922,7 @@ video {
 
   .lg\:focus\:text-black:focus {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .lg\:focus\:text-white:focus {
@@ -133992,52 +121337,52 @@ video {
 
   .lg\:focus\:text-gray-100:focus {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .lg\:focus\:text-gray-200:focus {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .lg\:focus\:text-gray-300:focus {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .lg\:focus\:text-gray-400:focus {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .lg\:focus\:text-gray-500:focus {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .lg\:focus\:text-gray-600:focus {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .lg\:focus\:text-gray-700:focus {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .lg\:focus\:text-gray-800:focus {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .lg\:focus\:text-gray-900:focus {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .lg\:focus\:text-body:focus {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .lg\:text-opacity-0 {
@@ -134520,28 +121865,24 @@ video {
   .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;
   }
 
@@ -135478,12 +122819,10 @@ video {
   }
 
   .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;
   }
 
@@ -135692,12 +123031,10 @@ video {
   }
 
   .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;
   }
 
@@ -138858,28 +126195,23 @@ video {
   }
 
   .lg\:animate-none {
-    -webkit-animation: none;
-            animation: none;
+    animation: none;
   }
 
   .lg\:animate-spin {
-    -webkit-animation: spin 1s linear infinite;
-            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;
+    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;
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
   }
 
   .lg\:animate-bounce {
-    -webkit-animation: bounce 1s infinite;
-            animation: bounce 1s infinite;
+    animation: bounce 1s infinite;
   }
 }
 
@@ -139844,7 +127176,7 @@ video {
 
   .xl\:divide-black > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-divide-opacity));
   }
 
   .xl\:divide-white > :not([hidden]) ~ :not([hidden]) {
@@ -140259,47 +127591,47 @@ video {
 
   .xl\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-divide-opacity));
   }
 
   .xl\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-divide-opacity));
   }
 
   .xl\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-divide-opacity));
   }
 
   .xl\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-divide-opacity));
   }
 
   .xl\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-divide-opacity));
   }
 
   .xl\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-divide-opacity));
   }
 
   .xl\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-divide-opacity));
   }
 
   .xl\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-divide-opacity));
   }
 
   .xl\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-divide-opacity));
   }
 
   .xl\:divide-solid > :not([hidden]) ~ :not([hidden]) {
@@ -140496,7 +127828,7 @@ video {
 
   .xl\:bg-black {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .xl\:bg-white {
@@ -140911,47 +128243,47 @@ video {
 
   .xl\:bg-gray-100 {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .xl\:bg-gray-200 {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .xl\:bg-gray-300 {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .xl\:bg-gray-400 {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .xl\:bg-gray-500 {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .xl\:bg-gray-600 {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .xl\:bg-gray-700 {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .xl\:bg-gray-800 {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .xl\:bg-gray-900 {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .xl\:bg-body {
@@ -140969,7 +128301,7 @@ video {
 
   .group:hover .xl\:group-hover\:bg-black {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .group:hover .xl\:group-hover\:bg-white {
@@ -141384,47 +128716,47 @@ video {
 
   .group:hover .xl\:group-hover\:bg-gray-100 {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .group:hover .xl\:group-hover\:bg-gray-200 {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .group:hover .xl\:group-hover\:bg-gray-300 {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .group:hover .xl\:group-hover\:bg-gray-400 {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .group:hover .xl\:group-hover\:bg-gray-500 {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .group:hover .xl\:group-hover\:bg-gray-600 {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .group:hover .xl\:group-hover\:bg-gray-700 {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .group:hover .xl\:group-hover\:bg-gray-800 {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .group:hover .xl\:group-hover\:bg-gray-900 {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .group:hover .xl\:group-hover\:bg-body {
@@ -141442,7 +128774,7 @@ video {
 
   .xl\:focus-within\:bg-black:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .xl\:focus-within\:bg-white:focus-within {
@@ -141857,47 +129189,47 @@ video {
 
   .xl\:focus-within\:bg-gray-100:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .xl\:focus-within\:bg-gray-200:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .xl\:focus-within\:bg-gray-300:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .xl\:focus-within\:bg-gray-400:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .xl\:focus-within\:bg-gray-500:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .xl\:focus-within\:bg-gray-600:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .xl\:focus-within\:bg-gray-700:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .xl\:focus-within\:bg-gray-800:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .xl\:focus-within\:bg-gray-900:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .xl\:focus-within\:bg-body:focus-within {
@@ -141915,7 +129247,7 @@ video {
 
   .xl\:hover\:bg-black:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .xl\:hover\:bg-white:hover {
@@ -142330,47 +129662,47 @@ video {
 
   .xl\:hover\:bg-gray-100:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .xl\:hover\:bg-gray-200:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .xl\:hover\:bg-gray-300:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .xl\:hover\:bg-gray-400:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .xl\:hover\:bg-gray-500:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .xl\:hover\:bg-gray-600:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .xl\:hover\:bg-gray-700:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .xl\:hover\:bg-gray-800:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .xl\:hover\:bg-gray-900:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .xl\:hover\:bg-body:hover {
@@ -142388,7 +129720,7 @@ video {
 
   .xl\:focus\:bg-black:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .xl\:focus\:bg-white:focus {
@@ -142803,47 +130135,47 @@ video {
 
   .xl\:focus\:bg-gray-100:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .xl\:focus\:bg-gray-200:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .xl\:focus\:bg-gray-300:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .xl\:focus\:bg-gray-400:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .xl\:focus\:bg-gray-500:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .xl\:focus\:bg-gray-600:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .xl\:focus\:bg-gray-700:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .xl\:focus\:bg-gray-800:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .xl\:focus\:bg-gray-900:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .xl\:focus\:bg-body:focus {
@@ -142898,8 +130230,8 @@ video {
   }
 
   .xl\:from-black {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .xl\:from-white {
@@ -143313,48 +130645,48 @@ video {
   }
 
   .xl\:from-gray-100 {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-from: #E0E8F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .xl\:from-gray-200 {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-from: #C0C8D2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .xl\:from-gray-300 {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-from: #919EB0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .xl\:from-gray-400 {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-from: #3D485B;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .xl\:from-gray-500 {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-from: #232B3A;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .xl\:from-gray-600 {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .xl\:from-gray-700 {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-from: #1A202C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .xl\:from-gray-800 {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-from: #151A23;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .xl\:from-gray-900 {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-from: #11151C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .xl\:via-current {
@@ -143366,7 +130698,7 @@ video {
   }
 
   .xl\:via-black {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .xl\:via-white {
@@ -143698,39 +131030,39 @@ video {
   }
 
   .xl\:via-gray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .xl\:via-gray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .xl\:via-gray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .xl\:via-gray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .xl\:via-gray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .xl\:via-gray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .xl\:via-gray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .xl\:via-gray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .xl\:via-gray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .xl\:to-current {
@@ -143742,7 +131074,7 @@ video {
   }
 
   .xl\:to-black {
-    --tw-gradient-to: #000;
+    --tw-gradient-to: #1E2431;
   }
 
   .xl\:to-white {
@@ -144074,39 +131406,39 @@ video {
   }
 
   .xl\:to-gray-100 {
-    --tw-gradient-to: #f3f4f6;
+    --tw-gradient-to: #E0E8F2;
   }
 
   .xl\:to-gray-200 {
-    --tw-gradient-to: #e5e7eb;
+    --tw-gradient-to: #C0C8D2;
   }
 
   .xl\:to-gray-300 {
-    --tw-gradient-to: #d1d5db;
+    --tw-gradient-to: #919EB0;
   }
 
   .xl\:to-gray-400 {
-    --tw-gradient-to: #9ca3af;
+    --tw-gradient-to: #3D485B;
   }
 
   .xl\:to-gray-500 {
-    --tw-gradient-to: #6b7280;
+    --tw-gradient-to: #232B3A;
   }
 
   .xl\:to-gray-600 {
-    --tw-gradient-to: #4b5563;
+    --tw-gradient-to: #1E2431;
   }
 
   .xl\:to-gray-700 {
-    --tw-gradient-to: #374151;
+    --tw-gradient-to: #1A202C;
   }
 
   .xl\:to-gray-800 {
-    --tw-gradient-to: #1f2937;
+    --tw-gradient-to: #151A23;
   }
 
   .xl\:to-gray-900 {
-    --tw-gradient-to: #111827;
+    --tw-gradient-to: #11151C;
   }
 
   .xl\:hover\:from-current:hover {
@@ -144120,8 +131452,8 @@ video {
   }
 
   .xl\:hover\:from-black:hover {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .xl\:hover\:from-white:hover {
@@ -144535,48 +131867,48 @@ video {
   }
 
   .xl\:hover\:from-gray-100:hover {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-from: #E0E8F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .xl\:hover\:from-gray-200:hover {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-from: #C0C8D2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .xl\:hover\:from-gray-300:hover {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-from: #919EB0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .xl\:hover\:from-gray-400:hover {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-from: #3D485B;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .xl\:hover\:from-gray-500:hover {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-from: #232B3A;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .xl\:hover\:from-gray-600:hover {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .xl\:hover\:from-gray-700:hover {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-from: #1A202C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .xl\:hover\:from-gray-800:hover {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-from: #151A23;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .xl\:hover\:from-gray-900:hover {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-from: #11151C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .xl\:hover\:via-current:hover {
@@ -144588,7 +131920,7 @@ video {
   }
 
   .xl\:hover\:via-black:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .xl\:hover\:via-white:hover {
@@ -144920,39 +132252,39 @@ video {
   }
 
   .xl\:hover\:via-gray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .xl\:hover\:via-gray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .xl\:hover\:via-gray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .xl\:hover\:via-gray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .xl\:hover\:via-gray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .xl\:hover\:via-gray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .xl\:hover\:via-gray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .xl\:hover\:via-gray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .xl\:hover\:via-gray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .xl\:hover\:to-current:hover {
@@ -144964,7 +132296,7 @@ video {
   }
 
   .xl\:hover\:to-black:hover {
-    --tw-gradient-to: #000;
+    --tw-gradient-to: #1E2431;
   }
 
   .xl\:hover\:to-white:hover {
@@ -145296,39 +132628,39 @@ video {
   }
 
   .xl\:hover\:to-gray-100:hover {
-    --tw-gradient-to: #f3f4f6;
+    --tw-gradient-to: #E0E8F2;
   }
 
   .xl\:hover\:to-gray-200:hover {
-    --tw-gradient-to: #e5e7eb;
+    --tw-gradient-to: #C0C8D2;
   }
 
   .xl\:hover\:to-gray-300:hover {
-    --tw-gradient-to: #d1d5db;
+    --tw-gradient-to: #919EB0;
   }
 
   .xl\:hover\:to-gray-400:hover {
-    --tw-gradient-to: #9ca3af;
+    --tw-gradient-to: #3D485B;
   }
 
   .xl\:hover\:to-gray-500:hover {
-    --tw-gradient-to: #6b7280;
+    --tw-gradient-to: #232B3A;
   }
 
   .xl\:hover\:to-gray-600:hover {
-    --tw-gradient-to: #4b5563;
+    --tw-gradient-to: #1E2431;
   }
 
   .xl\:hover\:to-gray-700:hover {
-    --tw-gradient-to: #374151;
+    --tw-gradient-to: #1A202C;
   }
 
   .xl\:hover\:to-gray-800:hover {
-    --tw-gradient-to: #1f2937;
+    --tw-gradient-to: #151A23;
   }
 
   .xl\:hover\:to-gray-900:hover {
-    --tw-gradient-to: #111827;
+    --tw-gradient-to: #11151C;
   }
 
   .xl\:focus\:from-current:focus {
@@ -145342,8 +132674,8 @@ video {
   }
 
   .xl\:focus\:from-black:focus {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .xl\:focus\:from-white:focus {
@@ -145757,48 +133089,48 @@ video {
   }
 
   .xl\:focus\:from-gray-100:focus {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-from: #E0E8F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .xl\:focus\:from-gray-200:focus {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-from: #C0C8D2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .xl\:focus\:from-gray-300:focus {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-from: #919EB0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .xl\:focus\:from-gray-400:focus {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-from: #3D485B;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .xl\:focus\:from-gray-500:focus {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-from: #232B3A;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .xl\:focus\:from-gray-600:focus {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .xl\:focus\:from-gray-700:focus {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-from: #1A202C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .xl\:focus\:from-gray-800:focus {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-from: #151A23;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .xl\:focus\:from-gray-900:focus {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-from: #11151C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .xl\:focus\:via-current:focus {
@@ -145810,7 +133142,7 @@ video {
   }
 
   .xl\:focus\:via-black:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .xl\:focus\:via-white:focus {
@@ -146142,39 +133474,39 @@ video {
   }
 
   .xl\:focus\:via-gray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .xl\:focus\:via-gray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .xl\:focus\:via-gray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .xl\:focus\:via-gray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .xl\:focus\:via-gray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .xl\:focus\:via-gray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .xl\:focus\:via-gray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .xl\:focus\:via-gray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .xl\:focus\:via-gray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .xl\:focus\:to-current:focus {
@@ -146186,7 +133518,7 @@ video {
   }
 
   .xl\:focus\:to-black:focus {
-    --tw-gradient-to: #000;
+    --tw-gradient-to: #1E2431;
   }
 
   .xl\:focus\:to-white:focus {
@@ -146518,39 +133850,39 @@ video {
   }
 
   .xl\:focus\:to-gray-100:focus {
-    --tw-gradient-to: #f3f4f6;
+    --tw-gradient-to: #E0E8F2;
   }
 
   .xl\:focus\:to-gray-200:focus {
-    --tw-gradient-to: #e5e7eb;
+    --tw-gradient-to: #C0C8D2;
   }
 
   .xl\:focus\:to-gray-300:focus {
-    --tw-gradient-to: #d1d5db;
+    --tw-gradient-to: #919EB0;
   }
 
   .xl\:focus\:to-gray-400:focus {
-    --tw-gradient-to: #9ca3af;
+    --tw-gradient-to: #3D485B;
   }
 
   .xl\:focus\:to-gray-500:focus {
-    --tw-gradient-to: #6b7280;
+    --tw-gradient-to: #232B3A;
   }
 
   .xl\:focus\:to-gray-600:focus {
-    --tw-gradient-to: #4b5563;
+    --tw-gradient-to: #1E2431;
   }
 
   .xl\:focus\:to-gray-700:focus {
-    --tw-gradient-to: #374151;
+    --tw-gradient-to: #1A202C;
   }
 
   .xl\:focus\:to-gray-800:focus {
-    --tw-gradient-to: #1f2937;
+    --tw-gradient-to: #151A23;
   }
 
   .xl\:focus\:to-gray-900:focus {
-    --tw-gradient-to: #111827;
+    --tw-gradient-to: #11151C;
   }
 
   .xl\:bg-opacity-0 {
@@ -146943,7 +134275,7 @@ video {
 
   .xl\:border-black {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .xl\:border-white {
@@ -147358,47 +134690,47 @@ video {
 
   .xl\:border-gray-100 {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .xl\:border-gray-200 {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .xl\:border-gray-300 {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .xl\:border-gray-400 {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .xl\:border-gray-500 {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .xl\:border-gray-600 {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .xl\:border-gray-700 {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .xl\:border-gray-800 {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .xl\:border-gray-900 {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .group:hover .xl\:group-hover\:border-current {
@@ -147411,7 +134743,7 @@ video {
 
   .group:hover .xl\:group-hover\:border-black {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .group:hover .xl\:group-hover\:border-white {
@@ -147826,47 +135158,47 @@ video {
 
   .group:hover .xl\:group-hover\:border-gray-100 {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .group:hover .xl\:group-hover\:border-gray-200 {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .group:hover .xl\:group-hover\:border-gray-300 {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .group:hover .xl\:group-hover\:border-gray-400 {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .group:hover .xl\:group-hover\:border-gray-500 {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .group:hover .xl\:group-hover\:border-gray-600 {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .group:hover .xl\:group-hover\:border-gray-700 {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .group:hover .xl\:group-hover\:border-gray-800 {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .group:hover .xl\:group-hover\:border-gray-900 {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .xl\:focus-within\:border-current:focus-within {
@@ -147879,7 +135211,7 @@ video {
 
   .xl\:focus-within\:border-black:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .xl\:focus-within\:border-white:focus-within {
@@ -148294,47 +135626,47 @@ video {
 
   .xl\:focus-within\:border-gray-100:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .xl\:focus-within\:border-gray-200:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .xl\:focus-within\:border-gray-300:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .xl\:focus-within\:border-gray-400:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .xl\:focus-within\:border-gray-500:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .xl\:focus-within\:border-gray-600:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .xl\:focus-within\:border-gray-700:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .xl\:focus-within\:border-gray-800:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .xl\:focus-within\:border-gray-900:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .xl\:hover\:border-current:hover {
@@ -148347,7 +135679,7 @@ video {
 
   .xl\:hover\:border-black:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .xl\:hover\:border-white:hover {
@@ -148762,47 +136094,47 @@ video {
 
   .xl\:hover\:border-gray-100:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .xl\:hover\:border-gray-200:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .xl\:hover\:border-gray-300:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .xl\:hover\:border-gray-400:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .xl\:hover\:border-gray-500:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .xl\:hover\:border-gray-600:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .xl\:hover\:border-gray-700:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .xl\:hover\:border-gray-800:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .xl\:hover\:border-gray-900:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .xl\:focus\:border-current:focus {
@@ -148815,7 +136147,7 @@ video {
 
   .xl\:focus\:border-black:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .xl\:focus\:border-white:focus {
@@ -149230,47 +136562,47 @@ video {
 
   .xl\:focus\:border-gray-100:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .xl\:focus\:border-gray-200:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .xl\:focus\:border-gray-300:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .xl\:focus\:border-gray-400:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .xl\:focus\:border-gray-500:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .xl\:focus\:border-gray-600:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .xl\:focus\:border-gray-700:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .xl\:focus\:border-gray-800:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .xl\:focus\:border-gray-900:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .xl\:border-opacity-0 {
@@ -153360,13 +140692,11 @@ video {
   }
 
   .xl\:max-w-min {
-    max-width: -webkit-min-content;
     max-width: -moz-min-content;
     max-width: min-content;
   }
 
   .xl\:max-w-max {
-    max-width: -webkit-max-content;
     max-width: -moz-max-content;
     max-width: max-content;
   }
@@ -153859,18 +141189,15 @@ video {
   }
 
   .xl\:overscroll-auto {
-    -ms-scroll-chaining: chained;
-        overscroll-behavior: auto;
+    overscroll-behavior: auto;
   }
 
   .xl\:overscroll-contain {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: contain;
+    overscroll-behavior: contain;
   }
 
   .xl\:overscroll-none {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: none;
+    overscroll-behavior: none;
   }
 
   .xl\:overscroll-y-auto {
@@ -154947,74 +142274,30 @@ video {
     padding-left: 0.875rem;
   }
 
-  .xl\:placeholder-current::-webkit-input-placeholder {
-    color: currentColor;
-  }
-
   .xl\:placeholder-current::-moz-placeholder {
     color: currentColor;
   }
 
-  .xl\:placeholder-current:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .xl\:placeholder-current::-ms-input-placeholder {
-    color: currentColor;
-  }
-
   .xl\:placeholder-current::placeholder {
     color: currentColor;
   }
 
-  .xl\:placeholder-transparent::-webkit-input-placeholder {
-    color: transparent;
-  }
-
   .xl\:placeholder-transparent::-moz-placeholder {
     color: transparent;
   }
 
-  .xl\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .xl\:placeholder-transparent::-ms-input-placeholder {
-    color: transparent;
-  }
-
   .xl\:placeholder-transparent::placeholder {
     color: transparent;
   }
 
-  .xl\:placeholder-black::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-black::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-black:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-black::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-black::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-white::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-white::-moz-placeholder {
@@ -155022,2339 +142305,935 @@ video {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-white:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-white::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-white::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-darkCoolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-darkCoolGray-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-coolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-coolGray-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-indigo-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-indigo-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-violet-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-violet-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-yellow-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-yellow-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-red-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-red-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-green-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-green-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-blue-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-blue-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-gray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-gray-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-gray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-gray-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .xl\:placeholder-gray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
   .xl\:placeholder-gray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-100::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-200::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-300::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-400::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-500::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-600::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-700::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-800::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-gray-900::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-current:focus::-webkit-input-placeholder {
-    color: currentColor;
+    color: rgba(17, 21, 28, var(--tw-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::-ms-input-placeholder {
-    color: currentColor;
-  }
-
   .xl\:focus\:placeholder-current:focus::placeholder {
     color: currentColor;
   }
 
-  .xl\:focus\:placeholder-transparent:focus::-webkit-input-placeholder {
-    color: transparent;
-  }
-
   .xl\:focus\:placeholder-transparent:focus::-moz-placeholder {
     color: transparent;
   }
 
-  .xl\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .xl\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
-    color: transparent;
-  }
-
   .xl\:focus\:placeholder-transparent:focus::placeholder {
     color: transparent;
   }
 
-  .xl\:focus\:placeholder-black:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-black:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-black:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-black:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-white:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-white:focus::-moz-placeholder {
@@ -157362,2867 +143241,1147 @@ video {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-white:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-white:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-darkCoolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-darkCoolGray-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-coolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-coolGray-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-indigo-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-violet-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-violet-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-yellow-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-red-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-green-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-blue-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-gray-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-gray-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .xl\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
   .xl\:focus\:placeholder-gray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-opacity-0::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
+    color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
   }
 
   .xl\:placeholder-opacity-0::-moz-placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .xl\:placeholder-opacity-0:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .xl\:placeholder-opacity-0::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
   .xl\:placeholder-opacity-0::placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .xl\:placeholder-opacity-5::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .xl\:placeholder-opacity-5::-moz-placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .xl\:placeholder-opacity-5:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .xl\:placeholder-opacity-5::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .xl\:placeholder-opacity-5::placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .xl\:placeholder-opacity-10::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .xl\:placeholder-opacity-10::-moz-placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .xl\:placeholder-opacity-10:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .xl\:placeholder-opacity-10::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .xl\:placeholder-opacity-10::placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .xl\:placeholder-opacity-20::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .xl\:placeholder-opacity-20::-moz-placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .xl\:placeholder-opacity-20:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .xl\:placeholder-opacity-20::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .xl\:placeholder-opacity-20::placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .xl\:placeholder-opacity-25::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .xl\:placeholder-opacity-25::-moz-placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .xl\:placeholder-opacity-25:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .xl\:placeholder-opacity-25::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .xl\:placeholder-opacity-25::placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .xl\:placeholder-opacity-30::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .xl\:placeholder-opacity-30::-moz-placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .xl\:placeholder-opacity-30:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .xl\:placeholder-opacity-30::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .xl\:placeholder-opacity-30::placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .xl\:placeholder-opacity-40::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .xl\:placeholder-opacity-40::-moz-placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .xl\:placeholder-opacity-40:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .xl\:placeholder-opacity-40::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .xl\:placeholder-opacity-40::placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .xl\:placeholder-opacity-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .xl\:placeholder-opacity-50::-moz-placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .xl\:placeholder-opacity-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .xl\:placeholder-opacity-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .xl\:placeholder-opacity-50::placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .xl\:placeholder-opacity-60::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .xl\:placeholder-opacity-60::-moz-placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .xl\:placeholder-opacity-60:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .xl\:placeholder-opacity-60::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .xl\:placeholder-opacity-60::placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .xl\:placeholder-opacity-70::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .xl\:placeholder-opacity-70::-moz-placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .xl\:placeholder-opacity-70:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .xl\:placeholder-opacity-70::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .xl\:placeholder-opacity-70::placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .xl\:placeholder-opacity-75::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .xl\:placeholder-opacity-75::-moz-placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .xl\:placeholder-opacity-75:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .xl\:placeholder-opacity-75::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .xl\:placeholder-opacity-75::placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .xl\:placeholder-opacity-80::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .xl\:placeholder-opacity-80::-moz-placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .xl\:placeholder-opacity-80:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .xl\:placeholder-opacity-80::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .xl\:placeholder-opacity-80::placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .xl\:placeholder-opacity-90::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .xl\:placeholder-opacity-90::-moz-placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .xl\:placeholder-opacity-90:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .xl\:placeholder-opacity-90::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .xl\:placeholder-opacity-90::placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .xl\:placeholder-opacity-95::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .xl\:placeholder-opacity-95::-moz-placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .xl\:placeholder-opacity-95:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .xl\:placeholder-opacity-95::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .xl\:placeholder-opacity-95::placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .xl\:placeholder-opacity-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .xl\:placeholder-opacity-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
   }
 
-  .xl\:placeholder-opacity-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .xl\:placeholder-opacity-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .xl\:placeholder-opacity-100::placeholder {
     --tw-placeholder-opacity: 1;
   }
 
-  .xl\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
   .xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .xl\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .xl\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
   .xl\:focus\:placeholder-opacity-0:focus::placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .xl\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .xl\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .xl\:focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .xl\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .xl\:focus\:placeholder-opacity-5:focus::placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .xl\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .xl\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .xl\:focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .xl\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .xl\:focus\:placeholder-opacity-10:focus::placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .xl\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .xl\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .xl\:focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .xl\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .xl\:focus\:placeholder-opacity-20:focus::placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .xl\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .xl\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .xl\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .xl\:focus\:placeholder-opacity-25:focus::placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .xl\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .xl\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .xl\:focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .xl\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .xl\:focus\:placeholder-opacity-30:focus::placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .xl\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .xl\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .xl\:focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .xl\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .xl\:focus\:placeholder-opacity-40:focus::placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .xl\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .xl\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .xl\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .xl\:focus\:placeholder-opacity-50:focus::placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .xl\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .xl\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .xl\:focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .xl\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .xl\:focus\:placeholder-opacity-60:focus::placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .xl\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .xl\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .xl\:focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .xl\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .xl\:focus\:placeholder-opacity-70:focus::placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .xl\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .xl\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .xl\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .xl\:focus\:placeholder-opacity-75:focus::placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .xl\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .xl\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .xl\:focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .xl\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .xl\:focus\:placeholder-opacity-80:focus::placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .xl\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .xl\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .xl\:focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .xl\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .xl\:focus\:placeholder-opacity-90:focus::placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .xl\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .xl\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .xl\:focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .xl\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .xl\:focus\:placeholder-opacity-95:focus::placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .xl\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
   }
 
-  .xl\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .xl\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .xl\:focus\:placeholder-opacity-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
   }
@@ -160252,7 +144411,6 @@ video {
   }
 
   .xl\:sticky {
-    position: -webkit-sticky;
     position: sticky;
   }
 
@@ -163431,7 +147589,7 @@ video {
   }
 
   .xl\:ring-offset-black {
-    --tw-ring-offset-color: #000;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .xl\:ring-offset-white {
@@ -163763,39 +147921,39 @@ video {
   }
 
   .xl\:ring-offset-gray-100 {
-    --tw-ring-offset-color: #f3f4f6;
+    --tw-ring-offset-color: #E0E8F2;
   }
 
   .xl\:ring-offset-gray-200 {
-    --tw-ring-offset-color: #e5e7eb;
+    --tw-ring-offset-color: #C0C8D2;
   }
 
   .xl\:ring-offset-gray-300 {
-    --tw-ring-offset-color: #d1d5db;
+    --tw-ring-offset-color: #919EB0;
   }
 
   .xl\:ring-offset-gray-400 {
-    --tw-ring-offset-color: #9ca3af;
+    --tw-ring-offset-color: #3D485B;
   }
 
   .xl\:ring-offset-gray-500 {
-    --tw-ring-offset-color: #6b7280;
+    --tw-ring-offset-color: #232B3A;
   }
 
   .xl\:ring-offset-gray-600 {
-    --tw-ring-offset-color: #4b5563;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .xl\:ring-offset-gray-700 {
-    --tw-ring-offset-color: #374151;
+    --tw-ring-offset-color: #1A202C;
   }
 
   .xl\:ring-offset-gray-800 {
-    --tw-ring-offset-color: #1f2937;
+    --tw-ring-offset-color: #151A23;
   }
 
   .xl\:ring-offset-gray-900 {
-    --tw-ring-offset-color: #111827;
+    --tw-ring-offset-color: #11151C;
   }
 
   .xl\:focus-within\:ring-offset-current:focus-within {
@@ -163807,7 +147965,7 @@ video {
   }
 
   .xl\:focus-within\:ring-offset-black:focus-within {
-    --tw-ring-offset-color: #000;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .xl\:focus-within\:ring-offset-white:focus-within {
@@ -164139,39 +148297,39 @@ video {
   }
 
   .xl\:focus-within\:ring-offset-gray-100:focus-within {
-    --tw-ring-offset-color: #f3f4f6;
+    --tw-ring-offset-color: #E0E8F2;
   }
 
   .xl\:focus-within\:ring-offset-gray-200:focus-within {
-    --tw-ring-offset-color: #e5e7eb;
+    --tw-ring-offset-color: #C0C8D2;
   }
 
   .xl\:focus-within\:ring-offset-gray-300:focus-within {
-    --tw-ring-offset-color: #d1d5db;
+    --tw-ring-offset-color: #919EB0;
   }
 
   .xl\:focus-within\:ring-offset-gray-400:focus-within {
-    --tw-ring-offset-color: #9ca3af;
+    --tw-ring-offset-color: #3D485B;
   }
 
   .xl\:focus-within\:ring-offset-gray-500:focus-within {
-    --tw-ring-offset-color: #6b7280;
+    --tw-ring-offset-color: #232B3A;
   }
 
   .xl\:focus-within\:ring-offset-gray-600:focus-within {
-    --tw-ring-offset-color: #4b5563;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .xl\:focus-within\:ring-offset-gray-700:focus-within {
-    --tw-ring-offset-color: #374151;
+    --tw-ring-offset-color: #1A202C;
   }
 
   .xl\:focus-within\:ring-offset-gray-800:focus-within {
-    --tw-ring-offset-color: #1f2937;
+    --tw-ring-offset-color: #151A23;
   }
 
   .xl\:focus-within\:ring-offset-gray-900:focus-within {
-    --tw-ring-offset-color: #111827;
+    --tw-ring-offset-color: #11151C;
   }
 
   .xl\:focus\:ring-offset-current:focus {
@@ -164183,7 +148341,7 @@ video {
   }
 
   .xl\:focus\:ring-offset-black:focus {
-    --tw-ring-offset-color: #000;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .xl\:focus\:ring-offset-white:focus {
@@ -164515,39 +148673,39 @@ video {
   }
 
   .xl\:focus\:ring-offset-gray-100:focus {
-    --tw-ring-offset-color: #f3f4f6;
+    --tw-ring-offset-color: #E0E8F2;
   }
 
   .xl\:focus\:ring-offset-gray-200:focus {
-    --tw-ring-offset-color: #e5e7eb;
+    --tw-ring-offset-color: #C0C8D2;
   }
 
   .xl\:focus\:ring-offset-gray-300:focus {
-    --tw-ring-offset-color: #d1d5db;
+    --tw-ring-offset-color: #919EB0;
   }
 
   .xl\:focus\:ring-offset-gray-400:focus {
-    --tw-ring-offset-color: #9ca3af;
+    --tw-ring-offset-color: #3D485B;
   }
 
   .xl\:focus\:ring-offset-gray-500:focus {
-    --tw-ring-offset-color: #6b7280;
+    --tw-ring-offset-color: #232B3A;
   }
 
   .xl\:focus\:ring-offset-gray-600:focus {
-    --tw-ring-offset-color: #4b5563;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .xl\:focus\:ring-offset-gray-700:focus {
-    --tw-ring-offset-color: #374151;
+    --tw-ring-offset-color: #1A202C;
   }
 
   .xl\:focus\:ring-offset-gray-800:focus {
-    --tw-ring-offset-color: #1f2937;
+    --tw-ring-offset-color: #151A23;
   }
 
   .xl\:focus\:ring-offset-gray-900:focus {
-    --tw-ring-offset-color: #111827;
+    --tw-ring-offset-color: #11151C;
   }
 
   .xl\:ring-offset-0 {
@@ -164620,7 +148778,7 @@ video {
 
   .xl\:ring-black {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .xl\:ring-white {
@@ -165035,47 +149193,47 @@ video {
 
   .xl\:ring-gray-100 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
   }
 
   .xl\:ring-gray-200 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
   }
 
   .xl\:ring-gray-300 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
   }
 
   .xl\:ring-gray-400 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
   }
 
   .xl\:ring-gray-500 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
   }
 
   .xl\:ring-gray-600 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .xl\:ring-gray-700 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
   }
 
   .xl\:ring-gray-800 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
   }
 
   .xl\:ring-gray-900 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
   }
 
   .xl\:focus-within\:ring-current:focus-within {
@@ -165088,7 +149246,7 @@ video {
 
   .xl\:focus-within\:ring-black:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .xl\:focus-within\:ring-white:focus-within {
@@ -165503,47 +149661,47 @@ video {
 
   .xl\:focus-within\:ring-gray-100:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
   }
 
   .xl\:focus-within\:ring-gray-200:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
   }
 
   .xl\:focus-within\:ring-gray-300:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
   }
 
   .xl\:focus-within\:ring-gray-400:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
   }
 
   .xl\:focus-within\:ring-gray-500:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
   }
 
   .xl\:focus-within\:ring-gray-600:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .xl\:focus-within\:ring-gray-700:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
   }
 
   .xl\:focus-within\:ring-gray-800:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
   }
 
   .xl\:focus-within\:ring-gray-900:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
   }
 
   .xl\:focus\:ring-current:focus {
@@ -165556,7 +149714,7 @@ video {
 
   .xl\:focus\:ring-black:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .xl\:focus\:ring-white:focus {
@@ -165971,47 +150129,47 @@ video {
 
   .xl\:focus\:ring-gray-100:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
   }
 
   .xl\:focus\:ring-gray-200:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
   }
 
   .xl\:focus\:ring-gray-300:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
   }
 
   .xl\:focus\:ring-gray-400:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
   }
 
   .xl\:focus\:ring-gray-500:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
   }
 
   .xl\:focus\:ring-gray-600:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .xl\:focus\:ring-gray-700:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
   }
 
   .xl\:focus\:ring-gray-800:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
   }
 
   .xl\:focus\:ring-gray-900:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
   }
 
   .xl\:ring-opacity-0 {
@@ -166248,7 +150406,7 @@ video {
 
   .xl\:text-black {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .xl\:text-white {
@@ -166663,52 +150821,52 @@ video {
 
   .xl\:text-gray-100 {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .xl\:text-gray-200 {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .xl\:text-gray-300 {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .xl\:text-gray-400 {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .xl\:text-gray-500 {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .xl\:text-gray-600 {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .xl\:text-gray-700 {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .xl\:text-gray-800 {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .xl\:text-gray-900 {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .xl\:text-body {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .group:hover .xl\:group-hover\:text-current {
@@ -166721,7 +150879,7 @@ video {
 
   .group:hover .xl\:group-hover\:text-black {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .group:hover .xl\:group-hover\:text-white {
@@ -167136,52 +151294,52 @@ video {
 
   .group:hover .xl\:group-hover\:text-gray-100 {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .group:hover .xl\:group-hover\:text-gray-200 {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .group:hover .xl\:group-hover\:text-gray-300 {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .group:hover .xl\:group-hover\:text-gray-400 {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .group:hover .xl\:group-hover\:text-gray-500 {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .group:hover .xl\:group-hover\:text-gray-600 {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .group:hover .xl\:group-hover\:text-gray-700 {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .group:hover .xl\:group-hover\:text-gray-800 {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .group:hover .xl\:group-hover\:text-gray-900 {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .group:hover .xl\:group-hover\:text-body {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .xl\:focus-within\:text-current:focus-within {
@@ -167194,7 +151352,7 @@ video {
 
   .xl\:focus-within\:text-black:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .xl\:focus-within\:text-white:focus-within {
@@ -167609,52 +151767,52 @@ video {
 
   .xl\:focus-within\:text-gray-100:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .xl\:focus-within\:text-gray-200:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .xl\:focus-within\:text-gray-300:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .xl\:focus-within\:text-gray-400:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .xl\:focus-within\:text-gray-500:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .xl\:focus-within\:text-gray-600:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .xl\:focus-within\:text-gray-700:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .xl\:focus-within\:text-gray-800:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .xl\:focus-within\:text-gray-900:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .xl\:focus-within\:text-body:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .xl\:hover\:text-current:hover {
@@ -167667,7 +151825,7 @@ video {
 
   .xl\:hover\:text-black:hover {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .xl\:hover\:text-white:hover {
@@ -168082,52 +152240,52 @@ video {
 
   .xl\:hover\:text-gray-100:hover {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .xl\:hover\:text-gray-200:hover {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .xl\:hover\:text-gray-300:hover {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .xl\:hover\:text-gray-400:hover {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .xl\:hover\:text-gray-500:hover {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .xl\:hover\:text-gray-600:hover {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .xl\:hover\:text-gray-700:hover {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .xl\:hover\:text-gray-800:hover {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .xl\:hover\:text-gray-900:hover {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .xl\:hover\:text-body:hover {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .xl\:focus\:text-current:focus {
@@ -168140,7 +152298,7 @@ video {
 
   .xl\:focus\:text-black:focus {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .xl\:focus\:text-white:focus {
@@ -168555,52 +152713,52 @@ video {
 
   .xl\:focus\:text-gray-100:focus {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .xl\:focus\:text-gray-200:focus {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .xl\:focus\:text-gray-300:focus {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .xl\:focus\:text-gray-400:focus {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .xl\:focus\:text-gray-500:focus {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .xl\:focus\:text-gray-600:focus {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .xl\:focus\:text-gray-700:focus {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .xl\:focus\:text-gray-800:focus {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .xl\:focus\:text-gray-900:focus {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .xl\:focus\:text-body:focus {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .xl\:text-opacity-0 {
@@ -169083,28 +153241,24 @@ video {
   .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;
   }
 
@@ -170041,12 +154195,10 @@ video {
   }
 
   .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;
   }
 
@@ -170255,12 +154407,10 @@ video {
   }
 
   .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;
   }
 
@@ -173421,28 +157571,23 @@ video {
   }
 
   .xl\:animate-none {
-    -webkit-animation: none;
-            animation: none;
+    animation: none;
   }
 
   .xl\:animate-spin {
-    -webkit-animation: spin 1s linear infinite;
-            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;
+    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;
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
   }
 
   .xl\:animate-bounce {
-    -webkit-animation: bounce 1s infinite;
-            animation: bounce 1s infinite;
+    animation: bounce 1s infinite;
   }
 }
 
@@ -174407,7 +158552,7 @@ video {
 
   .\32xl\:divide-black > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-divide-opacity));
   }
 
   .\32xl\:divide-white > :not([hidden]) ~ :not([hidden]) {
@@ -174822,47 +158967,47 @@ video {
 
   .\32xl\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-divide-opacity));
   }
 
   .\32xl\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-divide-opacity));
   }
 
   .\32xl\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-divide-opacity));
   }
 
   .\32xl\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-divide-opacity));
   }
 
   .\32xl\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-divide-opacity));
   }
 
   .\32xl\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-divide-opacity));
   }
 
   .\32xl\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-divide-opacity));
   }
 
   .\32xl\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-divide-opacity));
   }
 
   .\32xl\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-divide-opacity));
   }
 
   .\32xl\:divide-solid > :not([hidden]) ~ :not([hidden]) {
@@ -175059,7 +159204,7 @@ video {
 
   .\32xl\:bg-black {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .\32xl\:bg-white {
@@ -175474,47 +159619,47 @@ video {
 
   .\32xl\:bg-gray-100 {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .\32xl\:bg-gray-200 {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .\32xl\:bg-gray-300 {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .\32xl\:bg-gray-400 {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .\32xl\:bg-gray-500 {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .\32xl\:bg-gray-600 {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .\32xl\:bg-gray-700 {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .\32xl\:bg-gray-800 {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .\32xl\:bg-gray-900 {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .\32xl\:bg-body {
@@ -175532,7 +159677,7 @@ video {
 
   .group:hover .\32xl\:group-hover\:bg-black {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:bg-white {
@@ -175947,47 +160092,47 @@ video {
 
   .group:hover .\32xl\:group-hover\:bg-gray-100 {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:bg-gray-200 {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:bg-gray-300 {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:bg-gray-400 {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:bg-gray-500 {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:bg-gray-600 {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:bg-gray-700 {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:bg-gray-800 {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:bg-gray-900 {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:bg-body {
@@ -176005,7 +160150,7 @@ video {
 
   .\32xl\:focus-within\:bg-black:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus-within\:bg-white:focus-within {
@@ -176420,47 +160565,47 @@ video {
 
   .\32xl\:focus-within\:bg-gray-100:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus-within\:bg-gray-200:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus-within\:bg-gray-300:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus-within\:bg-gray-400:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus-within\:bg-gray-500:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus-within\:bg-gray-600:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus-within\:bg-gray-700:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus-within\:bg-gray-800:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus-within\:bg-gray-900:focus-within {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus-within\:bg-body:focus-within {
@@ -176478,7 +160623,7 @@ video {
 
   .\32xl\:hover\:bg-black:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .\32xl\:hover\:bg-white:hover {
@@ -176893,47 +161038,47 @@ video {
 
   .\32xl\:hover\:bg-gray-100:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .\32xl\:hover\:bg-gray-200:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .\32xl\:hover\:bg-gray-300:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .\32xl\:hover\:bg-gray-400:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .\32xl\:hover\:bg-gray-500:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .\32xl\:hover\:bg-gray-600:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .\32xl\:hover\:bg-gray-700:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .\32xl\:hover\:bg-gray-800:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .\32xl\:hover\:bg-gray-900:hover {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .\32xl\:hover\:bg-body:hover {
@@ -176951,7 +161096,7 @@ video {
 
   .\32xl\:focus\:bg-black:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus\:bg-white:focus {
@@ -177366,47 +161511,47 @@ video {
 
   .\32xl\:focus\:bg-gray-100:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+    background-color: rgba(224, 232, 242, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus\:bg-gray-200:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+    background-color: rgba(192, 200, 210, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus\:bg-gray-300:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+    background-color: rgba(145, 158, 176, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus\:bg-gray-400:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+    background-color: rgba(61, 72, 91, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus\:bg-gray-500:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+    background-color: rgba(35, 43, 58, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus\:bg-gray-600:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+    background-color: rgba(30, 36, 49, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus\:bg-gray-700:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus\:bg-gray-800:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+    background-color: rgba(21, 26, 35, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus\:bg-gray-900:focus {
     --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+    background-color: rgba(17, 21, 28, var(--tw-bg-opacity));
   }
 
   .\32xl\:focus\:bg-body:focus {
@@ -177461,8 +161606,8 @@ video {
   }
 
   .\32xl\:from-black {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .\32xl\:from-white {
@@ -177876,48 +162021,48 @@ video {
   }
 
   .\32xl\:from-gray-100 {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-from: #E0E8F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .\32xl\:from-gray-200 {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-from: #C0C8D2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .\32xl\:from-gray-300 {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-from: #919EB0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .\32xl\:from-gray-400 {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-from: #3D485B;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .\32xl\:from-gray-500 {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-from: #232B3A;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .\32xl\:from-gray-600 {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .\32xl\:from-gray-700 {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-from: #1A202C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .\32xl\:from-gray-800 {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-from: #151A23;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .\32xl\:from-gray-900 {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-from: #11151C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .\32xl\:via-current {
@@ -177929,7 +162074,7 @@ video {
   }
 
   .\32xl\:via-black {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .\32xl\:via-white {
@@ -178261,39 +162406,39 @@ video {
   }
 
   .\32xl\:via-gray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .\32xl\:via-gray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .\32xl\:via-gray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .\32xl\:via-gray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .\32xl\:via-gray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .\32xl\:via-gray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .\32xl\:via-gray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .\32xl\:via-gray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .\32xl\:via-gray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .\32xl\:to-current {
@@ -178305,7 +162450,7 @@ video {
   }
 
   .\32xl\:to-black {
-    --tw-gradient-to: #000;
+    --tw-gradient-to: #1E2431;
   }
 
   .\32xl\:to-white {
@@ -178637,39 +162782,39 @@ video {
   }
 
   .\32xl\:to-gray-100 {
-    --tw-gradient-to: #f3f4f6;
+    --tw-gradient-to: #E0E8F2;
   }
 
   .\32xl\:to-gray-200 {
-    --tw-gradient-to: #e5e7eb;
+    --tw-gradient-to: #C0C8D2;
   }
 
   .\32xl\:to-gray-300 {
-    --tw-gradient-to: #d1d5db;
+    --tw-gradient-to: #919EB0;
   }
 
   .\32xl\:to-gray-400 {
-    --tw-gradient-to: #9ca3af;
+    --tw-gradient-to: #3D485B;
   }
 
   .\32xl\:to-gray-500 {
-    --tw-gradient-to: #6b7280;
+    --tw-gradient-to: #232B3A;
   }
 
   .\32xl\:to-gray-600 {
-    --tw-gradient-to: #4b5563;
+    --tw-gradient-to: #1E2431;
   }
 
   .\32xl\:to-gray-700 {
-    --tw-gradient-to: #374151;
+    --tw-gradient-to: #1A202C;
   }
 
   .\32xl\:to-gray-800 {
-    --tw-gradient-to: #1f2937;
+    --tw-gradient-to: #151A23;
   }
 
   .\32xl\:to-gray-900 {
-    --tw-gradient-to: #111827;
+    --tw-gradient-to: #11151C;
   }
 
   .\32xl\:hover\:from-current:hover {
@@ -178683,8 +162828,8 @@ video {
   }
 
   .\32xl\:hover\:from-black:hover {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .\32xl\:hover\:from-white:hover {
@@ -179098,48 +163243,48 @@ video {
   }
 
   .\32xl\:hover\:from-gray-100:hover {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-from: #E0E8F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .\32xl\:hover\:from-gray-200:hover {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-from: #C0C8D2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .\32xl\:hover\:from-gray-300:hover {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-from: #919EB0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .\32xl\:hover\:from-gray-400:hover {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-from: #3D485B;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .\32xl\:hover\:from-gray-500:hover {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-from: #232B3A;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .\32xl\:hover\:from-gray-600:hover {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .\32xl\:hover\:from-gray-700:hover {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-from: #1A202C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .\32xl\:hover\:from-gray-800:hover {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-from: #151A23;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .\32xl\:hover\:from-gray-900:hover {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-from: #11151C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .\32xl\:hover\:via-current:hover {
@@ -179151,7 +163296,7 @@ video {
   }
 
   .\32xl\:hover\:via-black:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .\32xl\:hover\:via-white:hover {
@@ -179483,39 +163628,39 @@ video {
   }
 
   .\32xl\:hover\:via-gray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .\32xl\:hover\:via-gray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .\32xl\:hover\:via-gray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .\32xl\:hover\:via-gray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .\32xl\:hover\:via-gray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .\32xl\:hover\:via-gray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .\32xl\:hover\:via-gray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .\32xl\:hover\:via-gray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .\32xl\:hover\:via-gray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .\32xl\:hover\:to-current:hover {
@@ -179527,7 +163672,7 @@ video {
   }
 
   .\32xl\:hover\:to-black:hover {
-    --tw-gradient-to: #000;
+    --tw-gradient-to: #1E2431;
   }
 
   .\32xl\:hover\:to-white:hover {
@@ -179859,39 +164004,39 @@ video {
   }
 
   .\32xl\:hover\:to-gray-100:hover {
-    --tw-gradient-to: #f3f4f6;
+    --tw-gradient-to: #E0E8F2;
   }
 
   .\32xl\:hover\:to-gray-200:hover {
-    --tw-gradient-to: #e5e7eb;
+    --tw-gradient-to: #C0C8D2;
   }
 
   .\32xl\:hover\:to-gray-300:hover {
-    --tw-gradient-to: #d1d5db;
+    --tw-gradient-to: #919EB0;
   }
 
   .\32xl\:hover\:to-gray-400:hover {
-    --tw-gradient-to: #9ca3af;
+    --tw-gradient-to: #3D485B;
   }
 
   .\32xl\:hover\:to-gray-500:hover {
-    --tw-gradient-to: #6b7280;
+    --tw-gradient-to: #232B3A;
   }
 
   .\32xl\:hover\:to-gray-600:hover {
-    --tw-gradient-to: #4b5563;
+    --tw-gradient-to: #1E2431;
   }
 
   .\32xl\:hover\:to-gray-700:hover {
-    --tw-gradient-to: #374151;
+    --tw-gradient-to: #1A202C;
   }
 
   .\32xl\:hover\:to-gray-800:hover {
-    --tw-gradient-to: #1f2937;
+    --tw-gradient-to: #151A23;
   }
 
   .\32xl\:hover\:to-gray-900:hover {
-    --tw-gradient-to: #111827;
+    --tw-gradient-to: #11151C;
   }
 
   .\32xl\:focus\:from-current:focus {
@@ -179905,8 +164050,8 @@ video {
   }
 
   .\32xl\:focus\:from-black:focus {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .\32xl\:focus\:from-white:focus {
@@ -180320,48 +164465,48 @@ video {
   }
 
   .\32xl\:focus\:from-gray-100:focus {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-from: #E0E8F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .\32xl\:focus\:from-gray-200:focus {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-from: #C0C8D2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .\32xl\:focus\:from-gray-300:focus {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-from: #919EB0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .\32xl\:focus\:from-gray-400:focus {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-from: #3D485B;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .\32xl\:focus\:from-gray-500:focus {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-from: #232B3A;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .\32xl\:focus\:from-gray-600:focus {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-from: #1E2431;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .\32xl\:focus\:from-gray-700:focus {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-from: #1A202C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .\32xl\:focus\:from-gray-800:focus {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-from: #151A23;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .\32xl\:focus\:from-gray-900:focus {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-from: #11151C;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .\32xl\:focus\:via-current:focus {
@@ -180373,7 +164518,7 @@ video {
   }
 
   .\32xl\:focus\:via-black:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .\32xl\:focus\:via-white:focus {
@@ -180705,39 +164850,39 @@ video {
   }
 
   .\32xl\:focus\:via-gray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #E0E8F2, var(--tw-gradient-to, rgba(224, 232, 242, 0));
   }
 
   .\32xl\:focus\:via-gray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #C0C8D2, var(--tw-gradient-to, rgba(192, 200, 210, 0));
   }
 
   .\32xl\:focus\:via-gray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #919EB0, var(--tw-gradient-to, rgba(145, 158, 176, 0));
   }
 
   .\32xl\:focus\:via-gray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #3D485B, var(--tw-gradient-to, rgba(61, 72, 91, 0));
   }
 
   .\32xl\:focus\:via-gray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #232B3A, var(--tw-gradient-to, rgba(35, 43, 58, 0));
   }
 
   .\32xl\:focus\:via-gray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1E2431, var(--tw-gradient-to, rgba(30, 36, 49, 0));
   }
 
   .\32xl\:focus\:via-gray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #1A202C, var(--tw-gradient-to, rgba(26, 32, 44, 0));
   }
 
   .\32xl\:focus\:via-gray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #151A23, var(--tw-gradient-to, rgba(21, 26, 35, 0));
   }
 
   .\32xl\:focus\:via-gray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    --tw-gradient-stops: var(--tw-gradient-from), #11151C, var(--tw-gradient-to, rgba(17, 21, 28, 0));
   }
 
   .\32xl\:focus\:to-current:focus {
@@ -180749,7 +164894,7 @@ video {
   }
 
   .\32xl\:focus\:to-black:focus {
-    --tw-gradient-to: #000;
+    --tw-gradient-to: #1E2431;
   }
 
   .\32xl\:focus\:to-white:focus {
@@ -181081,39 +165226,39 @@ video {
   }
 
   .\32xl\:focus\:to-gray-100:focus {
-    --tw-gradient-to: #f3f4f6;
+    --tw-gradient-to: #E0E8F2;
   }
 
   .\32xl\:focus\:to-gray-200:focus {
-    --tw-gradient-to: #e5e7eb;
+    --tw-gradient-to: #C0C8D2;
   }
 
   .\32xl\:focus\:to-gray-300:focus {
-    --tw-gradient-to: #d1d5db;
+    --tw-gradient-to: #919EB0;
   }
 
   .\32xl\:focus\:to-gray-400:focus {
-    --tw-gradient-to: #9ca3af;
+    --tw-gradient-to: #3D485B;
   }
 
   .\32xl\:focus\:to-gray-500:focus {
-    --tw-gradient-to: #6b7280;
+    --tw-gradient-to: #232B3A;
   }
 
   .\32xl\:focus\:to-gray-600:focus {
-    --tw-gradient-to: #4b5563;
+    --tw-gradient-to: #1E2431;
   }
 
   .\32xl\:focus\:to-gray-700:focus {
-    --tw-gradient-to: #374151;
+    --tw-gradient-to: #1A202C;
   }
 
   .\32xl\:focus\:to-gray-800:focus {
-    --tw-gradient-to: #1f2937;
+    --tw-gradient-to: #151A23;
   }
 
   .\32xl\:focus\:to-gray-900:focus {
-    --tw-gradient-to: #111827;
+    --tw-gradient-to: #11151C;
   }
 
   .\32xl\:bg-opacity-0 {
@@ -181506,7 +165651,7 @@ video {
 
   .\32xl\:border-black {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .\32xl\:border-white {
@@ -181921,47 +166066,47 @@ video {
 
   .\32xl\:border-gray-100 {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .\32xl\:border-gray-200 {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .\32xl\:border-gray-300 {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .\32xl\:border-gray-400 {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .\32xl\:border-gray-500 {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .\32xl\:border-gray-600 {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .\32xl\:border-gray-700 {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .\32xl\:border-gray-800 {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .\32xl\:border-gray-900 {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:border-current {
@@ -181974,7 +166119,7 @@ video {
 
   .group:hover .\32xl\:group-hover\:border-black {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:border-white {
@@ -182389,47 +166534,47 @@ video {
 
   .group:hover .\32xl\:group-hover\:border-gray-100 {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:border-gray-200 {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:border-gray-300 {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:border-gray-400 {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:border-gray-500 {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:border-gray-600 {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:border-gray-700 {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:border-gray-800 {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:border-gray-900 {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .\32xl\:focus-within\:border-current:focus-within {
@@ -182442,7 +166587,7 @@ video {
 
   .\32xl\:focus-within\:border-black:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .\32xl\:focus-within\:border-white:focus-within {
@@ -182857,47 +167002,47 @@ video {
 
   .\32xl\:focus-within\:border-gray-100:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .\32xl\:focus-within\:border-gray-200:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .\32xl\:focus-within\:border-gray-300:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .\32xl\:focus-within\:border-gray-400:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .\32xl\:focus-within\:border-gray-500:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .\32xl\:focus-within\:border-gray-600:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .\32xl\:focus-within\:border-gray-700:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .\32xl\:focus-within\:border-gray-800:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .\32xl\:focus-within\:border-gray-900:focus-within {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .\32xl\:hover\:border-current:hover {
@@ -182910,7 +167055,7 @@ video {
 
   .\32xl\:hover\:border-black:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .\32xl\:hover\:border-white:hover {
@@ -183325,47 +167470,47 @@ video {
 
   .\32xl\:hover\:border-gray-100:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .\32xl\:hover\:border-gray-200:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .\32xl\:hover\:border-gray-300:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .\32xl\:hover\:border-gray-400:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .\32xl\:hover\:border-gray-500:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .\32xl\:hover\:border-gray-600:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .\32xl\:hover\:border-gray-700:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .\32xl\:hover\:border-gray-800:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .\32xl\:hover\:border-gray-900:hover {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .\32xl\:focus\:border-current:focus {
@@ -183378,7 +167523,7 @@ video {
 
   .\32xl\:focus\:border-black:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .\32xl\:focus\:border-white:focus {
@@ -183793,47 +167938,47 @@ video {
 
   .\32xl\:focus\:border-gray-100:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    border-color: rgba(224, 232, 242, var(--tw-border-opacity));
   }
 
   .\32xl\:focus\:border-gray-200:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    border-color: rgba(192, 200, 210, var(--tw-border-opacity));
   }
 
   .\32xl\:focus\:border-gray-300:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    border-color: rgba(145, 158, 176, var(--tw-border-opacity));
   }
 
   .\32xl\:focus\:border-gray-400:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    border-color: rgba(61, 72, 91, var(--tw-border-opacity));
   }
 
   .\32xl\:focus\:border-gray-500:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    border-color: rgba(35, 43, 58, var(--tw-border-opacity));
   }
 
   .\32xl\:focus\:border-gray-600:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    border-color: rgba(30, 36, 49, var(--tw-border-opacity));
   }
 
   .\32xl\:focus\:border-gray-700:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    border-color: rgba(26, 32, 44, var(--tw-border-opacity));
   }
 
   .\32xl\:focus\:border-gray-800:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    border-color: rgba(21, 26, 35, var(--tw-border-opacity));
   }
 
   .\32xl\:focus\:border-gray-900:focus {
     --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    border-color: rgba(17, 21, 28, var(--tw-border-opacity));
   }
 
   .\32xl\:border-opacity-0 {
@@ -187923,13 +172068,11 @@ video {
   }
 
   .\32xl\:max-w-min {
-    max-width: -webkit-min-content;
     max-width: -moz-min-content;
     max-width: min-content;
   }
 
   .\32xl\:max-w-max {
-    max-width: -webkit-max-content;
     max-width: -moz-max-content;
     max-width: max-content;
   }
@@ -188422,18 +172565,15 @@ video {
   }
 
   .\32xl\:overscroll-auto {
-    -ms-scroll-chaining: chained;
-        overscroll-behavior: auto;
+    overscroll-behavior: auto;
   }
 
   .\32xl\:overscroll-contain {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: contain;
+    overscroll-behavior: contain;
   }
 
   .\32xl\:overscroll-none {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: none;
+    overscroll-behavior: none;
   }
 
   .\32xl\:overscroll-y-auto {
@@ -189510,74 +173650,30 @@ video {
     padding-left: 0.875rem;
   }
 
-  .\32xl\:placeholder-current::-webkit-input-placeholder {
-    color: currentColor;
-  }
-
   .\32xl\:placeholder-current::-moz-placeholder {
     color: currentColor;
   }
 
-  .\32xl\:placeholder-current:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .\32xl\:placeholder-current::-ms-input-placeholder {
-    color: currentColor;
-  }
-
   .\32xl\:placeholder-current::placeholder {
     color: currentColor;
   }
 
-  .\32xl\:placeholder-transparent::-webkit-input-placeholder {
-    color: transparent;
-  }
-
   .\32xl\:placeholder-transparent::-moz-placeholder {
     color: transparent;
   }
 
-  .\32xl\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .\32xl\:placeholder-transparent::-ms-input-placeholder {
-    color: transparent;
-  }
-
   .\32xl\:placeholder-transparent::placeholder {
     color: transparent;
   }
 
-  .\32xl\:placeholder-black::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-black::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-black:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-black::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-black::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-white::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-white::-moz-placeholder {
@@ -189585,2339 +173681,935 @@ video {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-white:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-white::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-white::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-darkCoolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-darkCoolGray-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-coolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-coolGray-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-indigo-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-indigo-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-violet-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-violet-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-yellow-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-yellow-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-red-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-red-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-green-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-green-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-100::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-200::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-300::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-400::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-500::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-600::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-700::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-800::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-blue-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-blue-900::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-gray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-gray-50::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-gray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-gray-50::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:placeholder-gray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:placeholder-gray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-100::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-200::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-200::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-300::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-300::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-400::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-400::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-500::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-600::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-600::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-700::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-700::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-800::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-800::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-900::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-gray-900::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-current:focus::-webkit-input-placeholder {
-    color: currentColor;
+    color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-current:focus::-moz-placeholder {
     color: currentColor;
   }
 
-  .\32xl\:focus\:placeholder-current:focus:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .\32xl\:focus\:placeholder-current:focus::-ms-input-placeholder {
-    color: currentColor;
-  }
-
   .\32xl\:focus\:placeholder-current:focus::placeholder {
     color: currentColor;
   }
 
-  .\32xl\:focus\:placeholder-transparent:focus::-webkit-input-placeholder {
-    color: transparent;
-  }
-
   .\32xl\:focus\:placeholder-transparent:focus::-moz-placeholder {
     color: transparent;
   }
 
-  .\32xl\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .\32xl\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
-    color: transparent;
-  }
-
   .\32xl\:focus\:placeholder-transparent:focus::placeholder {
     color: transparent;
   }
 
-  .\32xl\:focus\:placeholder-black:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-black:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-black:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-black:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-white:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-white:focus::-moz-placeholder {
@@ -191925,2867 +174617,1147 @@ video {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-white:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-white:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-darkCoolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-darkCoolGray-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-coolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-coolGray-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-indigo-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-violet-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-violet-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-yellow-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-red-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-green-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-blue-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-gray-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-gray-50:focus::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
   }
 
-  .\32xl\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
   .\32xl\:focus\:placeholder-gray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(224, 232, 242, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-200:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-200:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(192, 200, 210, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-300:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-300:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(145, 158, 176, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-400:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-400:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(61, 72, 91, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-500:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-500:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(35, 43, 58, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-600:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-600:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(30, 36, 49, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-700:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-700:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(26, 32, 44, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-800:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-800:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(21, 26, 35, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-900:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:focus\:placeholder-gray-900:focus::placeholder {
     --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-opacity-0::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
+    color: rgba(17, 21, 28, var(--tw-placeholder-opacity));
   }
 
   .\32xl\:placeholder-opacity-0::-moz-placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .\32xl\:placeholder-opacity-0:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .\32xl\:placeholder-opacity-0::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
   .\32xl\:placeholder-opacity-0::placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .\32xl\:placeholder-opacity-5::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .\32xl\:placeholder-opacity-5::-moz-placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .\32xl\:placeholder-opacity-5:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .\32xl\:placeholder-opacity-5::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .\32xl\:placeholder-opacity-5::placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .\32xl\:placeholder-opacity-10::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .\32xl\:placeholder-opacity-10::-moz-placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .\32xl\:placeholder-opacity-10:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .\32xl\:placeholder-opacity-10::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .\32xl\:placeholder-opacity-10::placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .\32xl\:placeholder-opacity-20::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .\32xl\:placeholder-opacity-20::-moz-placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .\32xl\:placeholder-opacity-20:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .\32xl\:placeholder-opacity-20::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .\32xl\:placeholder-opacity-20::placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .\32xl\:placeholder-opacity-25::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .\32xl\:placeholder-opacity-25::-moz-placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .\32xl\:placeholder-opacity-25:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .\32xl\:placeholder-opacity-25::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .\32xl\:placeholder-opacity-25::placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .\32xl\:placeholder-opacity-30::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .\32xl\:placeholder-opacity-30::-moz-placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .\32xl\:placeholder-opacity-30:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .\32xl\:placeholder-opacity-30::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .\32xl\:placeholder-opacity-30::placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .\32xl\:placeholder-opacity-40::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .\32xl\:placeholder-opacity-40::-moz-placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .\32xl\:placeholder-opacity-40:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .\32xl\:placeholder-opacity-40::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .\32xl\:placeholder-opacity-40::placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .\32xl\:placeholder-opacity-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .\32xl\:placeholder-opacity-50::-moz-placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .\32xl\:placeholder-opacity-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .\32xl\:placeholder-opacity-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .\32xl\:placeholder-opacity-50::placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .\32xl\:placeholder-opacity-60::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .\32xl\:placeholder-opacity-60::-moz-placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .\32xl\:placeholder-opacity-60:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .\32xl\:placeholder-opacity-60::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .\32xl\:placeholder-opacity-60::placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .\32xl\:placeholder-opacity-70::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .\32xl\:placeholder-opacity-70::-moz-placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .\32xl\:placeholder-opacity-70:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .\32xl\:placeholder-opacity-70::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .\32xl\:placeholder-opacity-70::placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .\32xl\:placeholder-opacity-75::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .\32xl\:placeholder-opacity-75::-moz-placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .\32xl\:placeholder-opacity-75:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .\32xl\:placeholder-opacity-75::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .\32xl\:placeholder-opacity-75::placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .\32xl\:placeholder-opacity-80::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .\32xl\:placeholder-opacity-80::-moz-placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .\32xl\:placeholder-opacity-80:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .\32xl\:placeholder-opacity-80::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .\32xl\:placeholder-opacity-80::placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .\32xl\:placeholder-opacity-90::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .\32xl\:placeholder-opacity-90::-moz-placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .\32xl\:placeholder-opacity-90:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .\32xl\:placeholder-opacity-90::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .\32xl\:placeholder-opacity-90::placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .\32xl\:placeholder-opacity-95::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .\32xl\:placeholder-opacity-95::-moz-placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .\32xl\:placeholder-opacity-95:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .\32xl\:placeholder-opacity-95::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .\32xl\:placeholder-opacity-95::placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .\32xl\:placeholder-opacity-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .\32xl\:placeholder-opacity-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
   }
 
-  .\32xl\:placeholder-opacity-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .\32xl\:placeholder-opacity-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .\32xl\:placeholder-opacity-100::placeholder {
     --tw-placeholder-opacity: 1;
   }
 
-  .\32xl\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
   .\32xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .\32xl\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
   .\32xl\:focus\:placeholder-opacity-0:focus::placeholder {
     --tw-placeholder-opacity: 0;
   }
 
-  .\32xl\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .\32xl\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .\32xl\:focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
   .\32xl\:focus\:placeholder-opacity-5:focus::placeholder {
     --tw-placeholder-opacity: 0.05;
   }
 
-  .\32xl\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .\32xl\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .\32xl\:focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
   .\32xl\:focus\:placeholder-opacity-10:focus::placeholder {
     --tw-placeholder-opacity: 0.1;
   }
 
-  .\32xl\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .\32xl\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .\32xl\:focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
   .\32xl\:focus\:placeholder-opacity-20:focus::placeholder {
     --tw-placeholder-opacity: 0.2;
   }
 
-  .\32xl\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .\32xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .\32xl\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
   .\32xl\:focus\:placeholder-opacity-25:focus::placeholder {
     --tw-placeholder-opacity: 0.25;
   }
 
-  .\32xl\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .\32xl\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .\32xl\:focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
   .\32xl\:focus\:placeholder-opacity-30:focus::placeholder {
     --tw-placeholder-opacity: 0.3;
   }
 
-  .\32xl\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .\32xl\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .\32xl\:focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
   .\32xl\:focus\:placeholder-opacity-40:focus::placeholder {
     --tw-placeholder-opacity: 0.4;
   }
 
-  .\32xl\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .\32xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .\32xl\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
   .\32xl\:focus\:placeholder-opacity-50:focus::placeholder {
     --tw-placeholder-opacity: 0.5;
   }
 
-  .\32xl\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .\32xl\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .\32xl\:focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
   .\32xl\:focus\:placeholder-opacity-60:focus::placeholder {
     --tw-placeholder-opacity: 0.6;
   }
 
-  .\32xl\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .\32xl\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .\32xl\:focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
   .\32xl\:focus\:placeholder-opacity-70:focus::placeholder {
     --tw-placeholder-opacity: 0.7;
   }
 
-  .\32xl\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .\32xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .\32xl\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
   .\32xl\:focus\:placeholder-opacity-75:focus::placeholder {
     --tw-placeholder-opacity: 0.75;
   }
 
-  .\32xl\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .\32xl\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .\32xl\:focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
   .\32xl\:focus\:placeholder-opacity-80:focus::placeholder {
     --tw-placeholder-opacity: 0.8;
   }
 
-  .\32xl\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .\32xl\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .\32xl\:focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
   .\32xl\:focus\:placeholder-opacity-90:focus::placeholder {
     --tw-placeholder-opacity: 0.9;
   }
 
-  .\32xl\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .\32xl\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .\32xl\:focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
   .\32xl\:focus\:placeholder-opacity-95:focus::placeholder {
     --tw-placeholder-opacity: 0.95;
   }
 
-  .\32xl\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .\32xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
   }
 
-  .\32xl\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
   .\32xl\:focus\:placeholder-opacity-100:focus::placeholder {
     --tw-placeholder-opacity: 1;
   }
@@ -194815,7 +175787,6 @@ video {
   }
 
   .\32xl\:sticky {
-    position: -webkit-sticky;
     position: sticky;
   }
 
@@ -197994,7 +178965,7 @@ video {
   }
 
   .\32xl\:ring-offset-black {
-    --tw-ring-offset-color: #000;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .\32xl\:ring-offset-white {
@@ -198326,39 +179297,39 @@ video {
   }
 
   .\32xl\:ring-offset-gray-100 {
-    --tw-ring-offset-color: #f3f4f6;
+    --tw-ring-offset-color: #E0E8F2;
   }
 
   .\32xl\:ring-offset-gray-200 {
-    --tw-ring-offset-color: #e5e7eb;
+    --tw-ring-offset-color: #C0C8D2;
   }
 
   .\32xl\:ring-offset-gray-300 {
-    --tw-ring-offset-color: #d1d5db;
+    --tw-ring-offset-color: #919EB0;
   }
 
   .\32xl\:ring-offset-gray-400 {
-    --tw-ring-offset-color: #9ca3af;
+    --tw-ring-offset-color: #3D485B;
   }
 
   .\32xl\:ring-offset-gray-500 {
-    --tw-ring-offset-color: #6b7280;
+    --tw-ring-offset-color: #232B3A;
   }
 
   .\32xl\:ring-offset-gray-600 {
-    --tw-ring-offset-color: #4b5563;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .\32xl\:ring-offset-gray-700 {
-    --tw-ring-offset-color: #374151;
+    --tw-ring-offset-color: #1A202C;
   }
 
   .\32xl\:ring-offset-gray-800 {
-    --tw-ring-offset-color: #1f2937;
+    --tw-ring-offset-color: #151A23;
   }
 
   .\32xl\:ring-offset-gray-900 {
-    --tw-ring-offset-color: #111827;
+    --tw-ring-offset-color: #11151C;
   }
 
   .\32xl\:focus-within\:ring-offset-current:focus-within {
@@ -198370,7 +179341,7 @@ video {
   }
 
   .\32xl\:focus-within\:ring-offset-black:focus-within {
-    --tw-ring-offset-color: #000;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .\32xl\:focus-within\:ring-offset-white:focus-within {
@@ -198702,39 +179673,39 @@ video {
   }
 
   .\32xl\:focus-within\:ring-offset-gray-100:focus-within {
-    --tw-ring-offset-color: #f3f4f6;
+    --tw-ring-offset-color: #E0E8F2;
   }
 
   .\32xl\:focus-within\:ring-offset-gray-200:focus-within {
-    --tw-ring-offset-color: #e5e7eb;
+    --tw-ring-offset-color: #C0C8D2;
   }
 
   .\32xl\:focus-within\:ring-offset-gray-300:focus-within {
-    --tw-ring-offset-color: #d1d5db;
+    --tw-ring-offset-color: #919EB0;
   }
 
   .\32xl\:focus-within\:ring-offset-gray-400:focus-within {
-    --tw-ring-offset-color: #9ca3af;
+    --tw-ring-offset-color: #3D485B;
   }
 
   .\32xl\:focus-within\:ring-offset-gray-500:focus-within {
-    --tw-ring-offset-color: #6b7280;
+    --tw-ring-offset-color: #232B3A;
   }
 
   .\32xl\:focus-within\:ring-offset-gray-600:focus-within {
-    --tw-ring-offset-color: #4b5563;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .\32xl\:focus-within\:ring-offset-gray-700:focus-within {
-    --tw-ring-offset-color: #374151;
+    --tw-ring-offset-color: #1A202C;
   }
 
   .\32xl\:focus-within\:ring-offset-gray-800:focus-within {
-    --tw-ring-offset-color: #1f2937;
+    --tw-ring-offset-color: #151A23;
   }
 
   .\32xl\:focus-within\:ring-offset-gray-900:focus-within {
-    --tw-ring-offset-color: #111827;
+    --tw-ring-offset-color: #11151C;
   }
 
   .\32xl\:focus\:ring-offset-current:focus {
@@ -198746,7 +179717,7 @@ video {
   }
 
   .\32xl\:focus\:ring-offset-black:focus {
-    --tw-ring-offset-color: #000;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .\32xl\:focus\:ring-offset-white:focus {
@@ -199078,39 +180049,39 @@ video {
   }
 
   .\32xl\:focus\:ring-offset-gray-100:focus {
-    --tw-ring-offset-color: #f3f4f6;
+    --tw-ring-offset-color: #E0E8F2;
   }
 
   .\32xl\:focus\:ring-offset-gray-200:focus {
-    --tw-ring-offset-color: #e5e7eb;
+    --tw-ring-offset-color: #C0C8D2;
   }
 
   .\32xl\:focus\:ring-offset-gray-300:focus {
-    --tw-ring-offset-color: #d1d5db;
+    --tw-ring-offset-color: #919EB0;
   }
 
   .\32xl\:focus\:ring-offset-gray-400:focus {
-    --tw-ring-offset-color: #9ca3af;
+    --tw-ring-offset-color: #3D485B;
   }
 
   .\32xl\:focus\:ring-offset-gray-500:focus {
-    --tw-ring-offset-color: #6b7280;
+    --tw-ring-offset-color: #232B3A;
   }
 
   .\32xl\:focus\:ring-offset-gray-600:focus {
-    --tw-ring-offset-color: #4b5563;
+    --tw-ring-offset-color: #1E2431;
   }
 
   .\32xl\:focus\:ring-offset-gray-700:focus {
-    --tw-ring-offset-color: #374151;
+    --tw-ring-offset-color: #1A202C;
   }
 
   .\32xl\:focus\:ring-offset-gray-800:focus {
-    --tw-ring-offset-color: #1f2937;
+    --tw-ring-offset-color: #151A23;
   }
 
   .\32xl\:focus\:ring-offset-gray-900:focus {
-    --tw-ring-offset-color: #111827;
+    --tw-ring-offset-color: #11151C;
   }
 
   .\32xl\:ring-offset-0 {
@@ -199183,7 +180154,7 @@ video {
 
   .\32xl\:ring-black {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .\32xl\:ring-white {
@@ -199598,47 +180569,47 @@ video {
 
   .\32xl\:ring-gray-100 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
   }
 
   .\32xl\:ring-gray-200 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
   }
 
   .\32xl\:ring-gray-300 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
   }
 
   .\32xl\:ring-gray-400 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
   }
 
   .\32xl\:ring-gray-500 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
   }
 
   .\32xl\:ring-gray-600 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .\32xl\:ring-gray-700 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
   }
 
   .\32xl\:ring-gray-800 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
   }
 
   .\32xl\:ring-gray-900 {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus-within\:ring-current:focus-within {
@@ -199651,7 +180622,7 @@ video {
 
   .\32xl\:focus-within\:ring-black:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus-within\:ring-white:focus-within {
@@ -200066,47 +181037,47 @@ video {
 
   .\32xl\:focus-within\:ring-gray-100:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus-within\:ring-gray-200:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus-within\:ring-gray-300:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus-within\:ring-gray-400:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus-within\:ring-gray-500:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus-within\:ring-gray-600:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus-within\:ring-gray-700:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus-within\:ring-gray-800:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus-within\:ring-gray-900:focus-within {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus\:ring-current:focus {
@@ -200119,7 +181090,7 @@ video {
 
   .\32xl\:focus\:ring-black:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus\:ring-white:focus {
@@ -200534,47 +181505,47 @@ video {
 
   .\32xl\:focus\:ring-gray-100:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(224, 232, 242, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus\:ring-gray-200:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(192, 200, 210, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus\:ring-gray-300:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(145, 158, 176, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus\:ring-gray-400:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(61, 72, 91, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus\:ring-gray-500:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(35, 43, 58, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus\:ring-gray-600:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(30, 36, 49, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus\:ring-gray-700:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(26, 32, 44, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus\:ring-gray-800:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(21, 26, 35, var(--tw-ring-opacity));
   }
 
   .\32xl\:focus\:ring-gray-900:focus {
     --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    --tw-ring-color: rgba(17, 21, 28, var(--tw-ring-opacity));
   }
 
   .\32xl\:ring-opacity-0 {
@@ -200811,7 +181782,7 @@ video {
 
   .\32xl\:text-black {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .\32xl\:text-white {
@@ -201226,52 +182197,52 @@ video {
 
   .\32xl\:text-gray-100 {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .\32xl\:text-gray-200 {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .\32xl\:text-gray-300 {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .\32xl\:text-gray-400 {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .\32xl\:text-gray-500 {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .\32xl\:text-gray-600 {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .\32xl\:text-gray-700 {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .\32xl\:text-gray-800 {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .\32xl\:text-gray-900 {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .\32xl\:text-body {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:text-current {
@@ -201284,7 +182255,7 @@ video {
 
   .group:hover .\32xl\:group-hover\:text-black {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:text-white {
@@ -201699,52 +182670,52 @@ video {
 
   .group:hover .\32xl\:group-hover\:text-gray-100 {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:text-gray-200 {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:text-gray-300 {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:text-gray-400 {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:text-gray-500 {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:text-gray-600 {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:text-gray-700 {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:text-gray-800 {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:text-gray-900 {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .group:hover .\32xl\:group-hover\:text-body {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .\32xl\:focus-within\:text-current:focus-within {
@@ -201757,7 +182728,7 @@ video {
 
   .\32xl\:focus-within\:text-black:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .\32xl\:focus-within\:text-white:focus-within {
@@ -202172,52 +183143,52 @@ video {
 
   .\32xl\:focus-within\:text-gray-100:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .\32xl\:focus-within\:text-gray-200:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .\32xl\:focus-within\:text-gray-300:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .\32xl\:focus-within\:text-gray-400:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .\32xl\:focus-within\:text-gray-500:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .\32xl\:focus-within\:text-gray-600:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .\32xl\:focus-within\:text-gray-700:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .\32xl\:focus-within\:text-gray-800:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .\32xl\:focus-within\:text-gray-900:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .\32xl\:focus-within\:text-body:focus-within {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .\32xl\:hover\:text-current:hover {
@@ -202230,7 +183201,7 @@ video {
 
   .\32xl\:hover\:text-black:hover {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .\32xl\:hover\:text-white:hover {
@@ -202645,52 +183616,52 @@ video {
 
   .\32xl\:hover\:text-gray-100:hover {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .\32xl\:hover\:text-gray-200:hover {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .\32xl\:hover\:text-gray-300:hover {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .\32xl\:hover\:text-gray-400:hover {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .\32xl\:hover\:text-gray-500:hover {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .\32xl\:hover\:text-gray-600:hover {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .\32xl\:hover\:text-gray-700:hover {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .\32xl\:hover\:text-gray-800:hover {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .\32xl\:hover\:text-gray-900:hover {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .\32xl\:hover\:text-body:hover {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .\32xl\:focus\:text-current:focus {
@@ -202703,7 +183674,7 @@ video {
 
   .\32xl\:focus\:text-black:focus {
     --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .\32xl\:focus\:text-white:focus {
@@ -203118,52 +184089,52 @@ video {
 
   .\32xl\:focus\:text-gray-100:focus {
     --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
+    color: rgba(224, 232, 242, var(--tw-text-opacity));
   }
 
   .\32xl\:focus\:text-gray-200:focus {
     --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
+    color: rgba(192, 200, 210, var(--tw-text-opacity));
   }
 
   .\32xl\:focus\:text-gray-300:focus {
     --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
+    color: rgba(145, 158, 176, var(--tw-text-opacity));
   }
 
   .\32xl\:focus\:text-gray-400:focus {
     --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
+    color: rgba(61, 72, 91, var(--tw-text-opacity));
   }
 
   .\32xl\:focus\:text-gray-500:focus {
     --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
+    color: rgba(35, 43, 58, var(--tw-text-opacity));
   }
 
   .\32xl\:focus\:text-gray-600:focus {
     --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
+    color: rgba(30, 36, 49, var(--tw-text-opacity));
   }
 
   .\32xl\:focus\:text-gray-700:focus {
     --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
+    color: rgba(26, 32, 44, var(--tw-text-opacity));
   }
 
   .\32xl\:focus\:text-gray-800:focus {
     --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
+    color: rgba(21, 26, 35, var(--tw-text-opacity));
   }
 
   .\32xl\:focus\:text-gray-900:focus {
     --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
+    color: rgba(17, 21, 28, var(--tw-text-opacity));
   }
 
   .\32xl\:focus\:text-body:focus {
     --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
+    color: rgba(12, 14, 18, var(--tw-text-opacity));
   }
 
   .\32xl\:text-opacity-0 {
@@ -203646,28 +184617,24 @@ video {
   .\32xl\:select-none {
     -webkit-user-select: none;
        -moz-user-select: none;
-        -ms-user-select: none;
             user-select: none;
   }
 
   .\32xl\:select-text {
     -webkit-user-select: text;
        -moz-user-select: text;
-        -ms-user-select: text;
             user-select: text;
   }
 
   .\32xl\:select-all {
     -webkit-user-select: all;
        -moz-user-select: all;
-        -ms-user-select: all;
             user-select: all;
   }
 
   .\32xl\:select-auto {
     -webkit-user-select: auto;
        -moz-user-select: auto;
-        -ms-user-select: auto;
             user-select: auto;
   }
 
@@ -204604,12 +185571,10 @@ video {
   }
 
   .\32xl\:auto-cols-min {
-    grid-auto-columns: -webkit-min-content;
     grid-auto-columns: min-content;
   }
 
   .\32xl\:auto-cols-max {
-    grid-auto-columns: -webkit-max-content;
     grid-auto-columns: max-content;
   }
 
@@ -204818,207966 +185783,10 @@ video {
   }
 
   .\32xl\:auto-rows-min {
-    grid-auto-rows: -webkit-min-content;
     grid-auto-rows: min-content;
   }
 
   .\32xl\:auto-rows-max {
-    grid-auto-rows: -webkit-max-content;
-    grid-auto-rows: max-content;
-  }
-
-  .\32xl\:auto-rows-fr {
-    grid-auto-rows: minmax(0, 1fr);
-  }
-
-  .\32xl\:row-auto {
-    grid-row: auto;
-  }
-
-  .\32xl\:row-span-1 {
-    grid-row: span 1 / span 1;
-  }
-
-  .\32xl\:row-span-2 {
-    grid-row: span 2 / span 2;
-  }
-
-  .\32xl\:row-span-3 {
-    grid-row: span 3 / span 3;
-  }
-
-  .\32xl\:row-span-4 {
-    grid-row: span 4 / span 4;
-  }
-
-  .\32xl\:row-span-5 {
-    grid-row: span 5 / span 5;
-  }
-
-  .\32xl\:row-span-6 {
-    grid-row: span 6 / span 6;
-  }
-
-  .\32xl\:row-span-full {
-    grid-row: 1 / -1;
-  }
-
-  .\32xl\:row-start-1 {
-    grid-row-start: 1;
-  }
-
-  .\32xl\:row-start-2 {
-    grid-row-start: 2;
-  }
-
-  .\32xl\:row-start-3 {
-    grid-row-start: 3;
-  }
-
-  .\32xl\:row-start-4 {
-    grid-row-start: 4;
-  }
-
-  .\32xl\:row-start-5 {
-    grid-row-start: 5;
-  }
-
-  .\32xl\:row-start-6 {
-    grid-row-start: 6;
-  }
-
-  .\32xl\:row-start-7 {
-    grid-row-start: 7;
-  }
-
-  .\32xl\:row-start-auto {
-    grid-row-start: auto;
-  }
-
-  .\32xl\:row-end-1 {
-    grid-row-end: 1;
-  }
-
-  .\32xl\:row-end-2 {
-    grid-row-end: 2;
-  }
-
-  .\32xl\:row-end-3 {
-    grid-row-end: 3;
-  }
-
-  .\32xl\:row-end-4 {
-    grid-row-end: 4;
-  }
-
-  .\32xl\:row-end-5 {
-    grid-row-end: 5;
-  }
-
-  .\32xl\:row-end-6 {
-    grid-row-end: 6;
-  }
-
-  .\32xl\:row-end-7 {
-    grid-row-end: 7;
-  }
-
-  .\32xl\:row-end-auto {
-    grid-row-end: auto;
-  }
-
-  .\32xl\:transform {
-    --tw-translate-x: 0;
-    --tw-translate-y: 0;
-    --tw-rotate: 0;
-    --tw-skew-x: 0;
-    --tw-skew-y: 0;
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
-
-  .\32xl\:transform-gpu {
-    --tw-translate-x: 0;
-    --tw-translate-y: 0;
-    --tw-rotate: 0;
-    --tw-skew-x: 0;
-    --tw-skew-y: 0;
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
-
-  .\32xl\:transform-none {
-    transform: none;
-  }
-
-  .\32xl\:origin-center {
-    transform-origin: center;
-  }
-
-  .\32xl\:origin-top {
-    transform-origin: top;
-  }
-
-  .\32xl\:origin-top-right {
-    transform-origin: top right;
-  }
-
-  .\32xl\:origin-right {
-    transform-origin: right;
-  }
-
-  .\32xl\:origin-bottom-right {
-    transform-origin: bottom right;
-  }
-
-  .\32xl\:origin-bottom {
-    transform-origin: bottom;
-  }
-
-  .\32xl\:origin-bottom-left {
-    transform-origin: bottom left;
-  }
-
-  .\32xl\:origin-left {
-    transform-origin: left;
-  }
-
-  .\32xl\:origin-top-left {
-    transform-origin: top left;
-  }
-
-  .\32xl\:scale-0 {
-    --tw-scale-x: 0;
-    --tw-scale-y: 0;
-  }
-
-  .\32xl\:scale-50 {
-    --tw-scale-x: .5;
-    --tw-scale-y: .5;
-  }
-
-  .\32xl\:scale-75 {
-    --tw-scale-x: .75;
-    --tw-scale-y: .75;
-  }
-
-  .\32xl\:scale-90 {
-    --tw-scale-x: .9;
-    --tw-scale-y: .9;
-  }
-
-  .\32xl\:scale-95 {
-    --tw-scale-x: .95;
-    --tw-scale-y: .95;
-  }
-
-  .\32xl\:scale-100 {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-  }
-
-  .\32xl\:scale-105 {
-    --tw-scale-x: 1.05;
-    --tw-scale-y: 1.05;
-  }
-
-  .\32xl\:scale-110 {
-    --tw-scale-x: 1.1;
-    --tw-scale-y: 1.1;
-  }
-
-  .\32xl\:scale-125 {
-    --tw-scale-x: 1.25;
-    --tw-scale-y: 1.25;
-  }
-
-  .\32xl\:scale-150 {
-    --tw-scale-x: 1.5;
-    --tw-scale-y: 1.5;
-  }
-
-  .\32xl\:scale-x-0 {
-    --tw-scale-x: 0;
-  }
-
-  .\32xl\:scale-x-50 {
-    --tw-scale-x: .5;
-  }
-
-  .\32xl\:scale-x-75 {
-    --tw-scale-x: .75;
-  }
-
-  .\32xl\:scale-x-90 {
-    --tw-scale-x: .9;
-  }
-
-  .\32xl\:scale-x-95 {
-    --tw-scale-x: .95;
-  }
-
-  .\32xl\:scale-x-100 {
-    --tw-scale-x: 1;
-  }
-
-  .\32xl\:scale-x-105 {
-    --tw-scale-x: 1.05;
-  }
-
-  .\32xl\:scale-x-110 {
-    --tw-scale-x: 1.1;
-  }
-
-  .\32xl\:scale-x-125 {
-    --tw-scale-x: 1.25;
-  }
-
-  .\32xl\:scale-x-150 {
-    --tw-scale-x: 1.5;
-  }
-
-  .\32xl\:scale-y-0 {
-    --tw-scale-y: 0;
-  }
-
-  .\32xl\:scale-y-50 {
-    --tw-scale-y: .5;
-  }
-
-  .\32xl\:scale-y-75 {
-    --tw-scale-y: .75;
-  }
-
-  .\32xl\:scale-y-90 {
-    --tw-scale-y: .9;
-  }
-
-  .\32xl\:scale-y-95 {
-    --tw-scale-y: .95;
-  }
-
-  .\32xl\:scale-y-100 {
-    --tw-scale-y: 1;
-  }
-
-  .\32xl\:scale-y-105 {
-    --tw-scale-y: 1.05;
-  }
-
-  .\32xl\:scale-y-110 {
-    --tw-scale-y: 1.1;
-  }
-
-  .\32xl\:scale-y-125 {
-    --tw-scale-y: 1.25;
-  }
-
-  .\32xl\:scale-y-150 {
-    --tw-scale-y: 1.5;
-  }
-
-  .\32xl\:hover\:scale-0:hover {
-    --tw-scale-x: 0;
-    --tw-scale-y: 0;
-  }
-
-  .\32xl\:hover\:scale-50:hover {
-    --tw-scale-x: .5;
-    --tw-scale-y: .5;
-  }
-
-  .\32xl\:hover\:scale-75:hover {
-    --tw-scale-x: .75;
-    --tw-scale-y: .75;
-  }
-
-  .\32xl\:hover\:scale-90:hover {
-    --tw-scale-x: .9;
-    --tw-scale-y: .9;
-  }
-
-  .\32xl\:hover\:scale-95:hover {
-    --tw-scale-x: .95;
-    --tw-scale-y: .95;
-  }
-
-  .\32xl\:hover\:scale-100:hover {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-  }
-
-  .\32xl\:hover\:scale-105:hover {
-    --tw-scale-x: 1.05;
-    --tw-scale-y: 1.05;
-  }
-
-  .\32xl\:hover\:scale-110:hover {
-    --tw-scale-x: 1.1;
-    --tw-scale-y: 1.1;
-  }
-
-  .\32xl\:hover\:scale-125:hover {
-    --tw-scale-x: 1.25;
-    --tw-scale-y: 1.25;
-  }
-
-  .\32xl\:hover\:scale-150:hover {
-    --tw-scale-x: 1.5;
-    --tw-scale-y: 1.5;
-  }
-
-  .\32xl\:hover\:scale-x-0:hover {
-    --tw-scale-x: 0;
-  }
-
-  .\32xl\:hover\:scale-x-50:hover {
-    --tw-scale-x: .5;
-  }
-
-  .\32xl\:hover\:scale-x-75:hover {
-    --tw-scale-x: .75;
-  }
-
-  .\32xl\:hover\:scale-x-90:hover {
-    --tw-scale-x: .9;
-  }
-
-  .\32xl\:hover\:scale-x-95:hover {
-    --tw-scale-x: .95;
-  }
-
-  .\32xl\:hover\:scale-x-100:hover {
-    --tw-scale-x: 1;
-  }
-
-  .\32xl\:hover\:scale-x-105:hover {
-    --tw-scale-x: 1.05;
-  }
-
-  .\32xl\:hover\:scale-x-110:hover {
-    --tw-scale-x: 1.1;
-  }
-
-  .\32xl\:hover\:scale-x-125:hover {
-    --tw-scale-x: 1.25;
-  }
-
-  .\32xl\:hover\:scale-x-150:hover {
-    --tw-scale-x: 1.5;
-  }
-
-  .\32xl\:hover\:scale-y-0:hover {
-    --tw-scale-y: 0;
-  }
-
-  .\32xl\:hover\:scale-y-50:hover {
-    --tw-scale-y: .5;
-  }
-
-  .\32xl\:hover\:scale-y-75:hover {
-    --tw-scale-y: .75;
-  }
-
-  .\32xl\:hover\:scale-y-90:hover {
-    --tw-scale-y: .9;
-  }
-
-  .\32xl\:hover\:scale-y-95:hover {
-    --tw-scale-y: .95;
-  }
-
-  .\32xl\:hover\:scale-y-100:hover {
-    --tw-scale-y: 1;
-  }
-
-  .\32xl\:hover\:scale-y-105:hover {
-    --tw-scale-y: 1.05;
-  }
-
-  .\32xl\:hover\:scale-y-110:hover {
-    --tw-scale-y: 1.1;
-  }
-
-  .\32xl\:hover\:scale-y-125:hover {
-    --tw-scale-y: 1.25;
-  }
-
-  .\32xl\:hover\:scale-y-150:hover {
-    --tw-scale-y: 1.5;
-  }
-
-  .\32xl\:focus\:scale-0:focus {
-    --tw-scale-x: 0;
-    --tw-scale-y: 0;
-  }
-
-  .\32xl\:focus\:scale-50:focus {
-    --tw-scale-x: .5;
-    --tw-scale-y: .5;
-  }
-
-  .\32xl\:focus\:scale-75:focus {
-    --tw-scale-x: .75;
-    --tw-scale-y: .75;
-  }
-
-  .\32xl\:focus\:scale-90:focus {
-    --tw-scale-x: .9;
-    --tw-scale-y: .9;
-  }
-
-  .\32xl\:focus\:scale-95:focus {
-    --tw-scale-x: .95;
-    --tw-scale-y: .95;
-  }
-
-  .\32xl\:focus\:scale-100:focus {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-  }
-
-  .\32xl\:focus\:scale-105:focus {
-    --tw-scale-x: 1.05;
-    --tw-scale-y: 1.05;
-  }
-
-  .\32xl\:focus\:scale-110:focus {
-    --tw-scale-x: 1.1;
-    --tw-scale-y: 1.1;
-  }
-
-  .\32xl\:focus\:scale-125:focus {
-    --tw-scale-x: 1.25;
-    --tw-scale-y: 1.25;
-  }
-
-  .\32xl\:focus\:scale-150:focus {
-    --tw-scale-x: 1.5;
-    --tw-scale-y: 1.5;
-  }
-
-  .\32xl\:focus\:scale-x-0:focus {
-    --tw-scale-x: 0;
-  }
-
-  .\32xl\:focus\:scale-x-50:focus {
-    --tw-scale-x: .5;
-  }
-
-  .\32xl\:focus\:scale-x-75:focus {
-    --tw-scale-x: .75;
-  }
-
-  .\32xl\:focus\:scale-x-90:focus {
-    --tw-scale-x: .9;
-  }
-
-  .\32xl\:focus\:scale-x-95:focus {
-    --tw-scale-x: .95;
-  }
-
-  .\32xl\:focus\:scale-x-100:focus {
-    --tw-scale-x: 1;
-  }
-
-  .\32xl\:focus\:scale-x-105:focus {
-    --tw-scale-x: 1.05;
-  }
-
-  .\32xl\:focus\:scale-x-110:focus {
-    --tw-scale-x: 1.1;
-  }
-
-  .\32xl\:focus\:scale-x-125:focus {
-    --tw-scale-x: 1.25;
-  }
-
-  .\32xl\:focus\:scale-x-150:focus {
-    --tw-scale-x: 1.5;
-  }
-
-  .\32xl\:focus\:scale-y-0:focus {
-    --tw-scale-y: 0;
-  }
-
-  .\32xl\:focus\:scale-y-50:focus {
-    --tw-scale-y: .5;
-  }
-
-  .\32xl\:focus\:scale-y-75:focus {
-    --tw-scale-y: .75;
-  }
-
-  .\32xl\:focus\:scale-y-90:focus {
-    --tw-scale-y: .9;
-  }
-
-  .\32xl\:focus\:scale-y-95:focus {
-    --tw-scale-y: .95;
-  }
-
-  .\32xl\:focus\:scale-y-100:focus {
-    --tw-scale-y: 1;
-  }
-
-  .\32xl\:focus\:scale-y-105:focus {
-    --tw-scale-y: 1.05;
-  }
-
-  .\32xl\:focus\:scale-y-110:focus {
-    --tw-scale-y: 1.1;
-  }
-
-  .\32xl\:focus\:scale-y-125:focus {
-    --tw-scale-y: 1.25;
-  }
-
-  .\32xl\:focus\:scale-y-150:focus {
-    --tw-scale-y: 1.5;
-  }
-
-  .\32xl\:rotate-0 {
-    --tw-rotate: 0deg;
-  }
-
-  .\32xl\:rotate-1 {
-    --tw-rotate: 1deg;
-  }
-
-  .\32xl\:rotate-2 {
-    --tw-rotate: 2deg;
-  }
-
-  .\32xl\:rotate-3 {
-    --tw-rotate: 3deg;
-  }
-
-  .\32xl\:rotate-6 {
-    --tw-rotate: 6deg;
-  }
-
-  .\32xl\:rotate-12 {
-    --tw-rotate: 12deg;
-  }
-
-  .\32xl\:rotate-45 {
-    --tw-rotate: 45deg;
-  }
-
-  .\32xl\:rotate-90 {
-    --tw-rotate: 90deg;
-  }
-
-  .\32xl\:rotate-180 {
-    --tw-rotate: 180deg;
-  }
-
-  .\32xl\:-rotate-180 {
-    --tw-rotate: -180deg;
-  }
-
-  .\32xl\:-rotate-90 {
-    --tw-rotate: -90deg;
-  }
-
-  .\32xl\:-rotate-45 {
-    --tw-rotate: -45deg;
-  }
-
-  .\32xl\:-rotate-12 {
-    --tw-rotate: -12deg;
-  }
-
-  .\32xl\:-rotate-6 {
-    --tw-rotate: -6deg;
-  }
-
-  .\32xl\:-rotate-3 {
-    --tw-rotate: -3deg;
-  }
-
-  .\32xl\:-rotate-2 {
-    --tw-rotate: -2deg;
-  }
-
-  .\32xl\:-rotate-1 {
-    --tw-rotate: -1deg;
-  }
-
-  .\32xl\:hover\:rotate-0:hover {
-    --tw-rotate: 0deg;
-  }
-
-  .\32xl\:hover\:rotate-1:hover {
-    --tw-rotate: 1deg;
-  }
-
-  .\32xl\:hover\:rotate-2:hover {
-    --tw-rotate: 2deg;
-  }
-
-  .\32xl\:hover\:rotate-3:hover {
-    --tw-rotate: 3deg;
-  }
-
-  .\32xl\:hover\:rotate-6:hover {
-    --tw-rotate: 6deg;
-  }
-
-  .\32xl\:hover\:rotate-12:hover {
-    --tw-rotate: 12deg;
-  }
-
-  .\32xl\:hover\:rotate-45:hover {
-    --tw-rotate: 45deg;
-  }
-
-  .\32xl\:hover\:rotate-90:hover {
-    --tw-rotate: 90deg;
-  }
-
-  .\32xl\:hover\:rotate-180:hover {
-    --tw-rotate: 180deg;
-  }
-
-  .\32xl\:hover\:-rotate-180:hover {
-    --tw-rotate: -180deg;
-  }
-
-  .\32xl\:hover\:-rotate-90:hover {
-    --tw-rotate: -90deg;
-  }
-
-  .\32xl\:hover\:-rotate-45:hover {
-    --tw-rotate: -45deg;
-  }
-
-  .\32xl\:hover\:-rotate-12:hover {
-    --tw-rotate: -12deg;
-  }
-
-  .\32xl\:hover\:-rotate-6:hover {
-    --tw-rotate: -6deg;
-  }
-
-  .\32xl\:hover\:-rotate-3:hover {
-    --tw-rotate: -3deg;
-  }
-
-  .\32xl\:hover\:-rotate-2:hover {
-    --tw-rotate: -2deg;
-  }
-
-  .\32xl\:hover\:-rotate-1:hover {
-    --tw-rotate: -1deg;
-  }
-
-  .\32xl\:focus\:rotate-0:focus {
-    --tw-rotate: 0deg;
-  }
-
-  .\32xl\:focus\:rotate-1:focus {
-    --tw-rotate: 1deg;
-  }
-
-  .\32xl\:focus\:rotate-2:focus {
-    --tw-rotate: 2deg;
-  }
-
-  .\32xl\:focus\:rotate-3:focus {
-    --tw-rotate: 3deg;
-  }
-
-  .\32xl\:focus\:rotate-6:focus {
-    --tw-rotate: 6deg;
-  }
-
-  .\32xl\:focus\:rotate-12:focus {
-    --tw-rotate: 12deg;
-  }
-
-  .\32xl\:focus\:rotate-45:focus {
-    --tw-rotate: 45deg;
-  }
-
-  .\32xl\:focus\:rotate-90:focus {
-    --tw-rotate: 90deg;
-  }
-
-  .\32xl\:focus\:rotate-180:focus {
-    --tw-rotate: 180deg;
-  }
-
-  .\32xl\:focus\:-rotate-180:focus {
-    --tw-rotate: -180deg;
-  }
-
-  .\32xl\:focus\:-rotate-90:focus {
-    --tw-rotate: -90deg;
-  }
-
-  .\32xl\:focus\:-rotate-45:focus {
-    --tw-rotate: -45deg;
-  }
-
-  .\32xl\:focus\:-rotate-12:focus {
-    --tw-rotate: -12deg;
-  }
-
-  .\32xl\:focus\:-rotate-6:focus {
-    --tw-rotate: -6deg;
-  }
-
-  .\32xl\:focus\:-rotate-3:focus {
-    --tw-rotate: -3deg;
-  }
-
-  .\32xl\:focus\:-rotate-2:focus {
-    --tw-rotate: -2deg;
-  }
-
-  .\32xl\:focus\:-rotate-1:focus {
-    --tw-rotate: -1deg;
-  }
-
-  .\32xl\:translate-x-0 {
-    --tw-translate-x: 0px;
-  }
-
-  .\32xl\:translate-x-1 {
-    --tw-translate-x: 0.25rem;
-  }
-
-  .\32xl\:translate-x-2 {
-    --tw-translate-x: 0.5rem;
-  }
-
-  .\32xl\:translate-x-3 {
-    --tw-translate-x: 0.75rem;
-  }
-
-  .\32xl\:translate-x-4 {
-    --tw-translate-x: 1rem;
-  }
-
-  .\32xl\:translate-x-5 {
-    --tw-translate-x: 1.25rem;
-  }
-
-  .\32xl\:translate-x-6 {
-    --tw-translate-x: 1.5rem;
-  }
-
-  .\32xl\:translate-x-7 {
-    --tw-translate-x: 1.75rem;
-  }
-
-  .\32xl\:translate-x-8 {
-    --tw-translate-x: 2rem;
-  }
-
-  .\32xl\:translate-x-9 {
-    --tw-translate-x: 2.25rem;
-  }
-
-  .\32xl\:translate-x-10 {
-    --tw-translate-x: 2.5rem;
-  }
-
-  .\32xl\:translate-x-11 {
-    --tw-translate-x: 2.75rem;
-  }
-
-  .\32xl\:translate-x-12 {
-    --tw-translate-x: 3rem;
-  }
-
-  .\32xl\:translate-x-14 {
-    --tw-translate-x: 3.5rem;
-  }
-
-  .\32xl\:translate-x-16 {
-    --tw-translate-x: 4rem;
-  }
-
-  .\32xl\:translate-x-20 {
-    --tw-translate-x: 5rem;
-  }
-
-  .\32xl\:translate-x-24 {
-    --tw-translate-x: 6rem;
-  }
-
-  .\32xl\:translate-x-28 {
-    --tw-translate-x: 7rem;
-  }
-
-  .\32xl\:translate-x-32 {
-    --tw-translate-x: 8rem;
-  }
-
-  .\32xl\:translate-x-36 {
-    --tw-translate-x: 9rem;
-  }
-
-  .\32xl\:translate-x-40 {
-    --tw-translate-x: 10rem;
-  }
-
-  .\32xl\:translate-x-44 {
-    --tw-translate-x: 11rem;
-  }
-
-  .\32xl\:translate-x-48 {
-    --tw-translate-x: 12rem;
-  }
-
-  .\32xl\:translate-x-52 {
-    --tw-translate-x: 13rem;
-  }
-
-  .\32xl\:translate-x-56 {
-    --tw-translate-x: 14rem;
-  }
-
-  .\32xl\:translate-x-60 {
-    --tw-translate-x: 15rem;
-  }
-
-  .\32xl\:translate-x-64 {
-    --tw-translate-x: 16rem;
-  }
-
-  .\32xl\:translate-x-72 {
-    --tw-translate-x: 18rem;
-  }
-
-  .\32xl\:translate-x-80 {
-    --tw-translate-x: 20rem;
-  }
-
-  .\32xl\:translate-x-96 {
-    --tw-translate-x: 24rem;
-  }
-
-  .\32xl\:translate-x-px {
-    --tw-translate-x: 1px;
-  }
-
-  .\32xl\:translate-x-0\.5 {
-    --tw-translate-x: 0.125rem;
-  }
-
-  .\32xl\:translate-x-1\.5 {
-    --tw-translate-x: 0.375rem;
-  }
-
-  .\32xl\:translate-x-2\.5 {
-    --tw-translate-x: 0.625rem;
-  }
-
-  .\32xl\:translate-x-3\.5 {
-    --tw-translate-x: 0.875rem;
-  }
-
-  .\32xl\:-translate-x-0 {
-    --tw-translate-x: 0px;
-  }
-
-  .\32xl\:-translate-x-1 {
-    --tw-translate-x: -0.25rem;
-  }
-
-  .\32xl\:-translate-x-2 {
-    --tw-translate-x: -0.5rem;
-  }
-
-  .\32xl\:-translate-x-3 {
-    --tw-translate-x: -0.75rem;
-  }
-
-  .\32xl\:-translate-x-4 {
-    --tw-translate-x: -1rem;
-  }
-
-  .\32xl\:-translate-x-5 {
-    --tw-translate-x: -1.25rem;
-  }
-
-  .\32xl\:-translate-x-6 {
-    --tw-translate-x: -1.5rem;
-  }
-
-  .\32xl\:-translate-x-7 {
-    --tw-translate-x: -1.75rem;
-  }
-
-  .\32xl\:-translate-x-8 {
-    --tw-translate-x: -2rem;
-  }
-
-  .\32xl\:-translate-x-9 {
-    --tw-translate-x: -2.25rem;
-  }
-
-  .\32xl\:-translate-x-10 {
-    --tw-translate-x: -2.5rem;
-  }
-
-  .\32xl\:-translate-x-11 {
-    --tw-translate-x: -2.75rem;
-  }
-
-  .\32xl\:-translate-x-12 {
-    --tw-translate-x: -3rem;
-  }
-
-  .\32xl\:-translate-x-14 {
-    --tw-translate-x: -3.5rem;
-  }
-
-  .\32xl\:-translate-x-16 {
-    --tw-translate-x: -4rem;
-  }
-
-  .\32xl\:-translate-x-20 {
-    --tw-translate-x: -5rem;
-  }
-
-  .\32xl\:-translate-x-24 {
-    --tw-translate-x: -6rem;
-  }
-
-  .\32xl\:-translate-x-28 {
-    --tw-translate-x: -7rem;
-  }
-
-  .\32xl\:-translate-x-32 {
-    --tw-translate-x: -8rem;
-  }
-
-  .\32xl\:-translate-x-36 {
-    --tw-translate-x: -9rem;
-  }
-
-  .\32xl\:-translate-x-40 {
-    --tw-translate-x: -10rem;
-  }
-
-  .\32xl\:-translate-x-44 {
-    --tw-translate-x: -11rem;
-  }
-
-  .\32xl\:-translate-x-48 {
-    --tw-translate-x: -12rem;
-  }
-
-  .\32xl\:-translate-x-52 {
-    --tw-translate-x: -13rem;
-  }
-
-  .\32xl\:-translate-x-56 {
-    --tw-translate-x: -14rem;
-  }
-
-  .\32xl\:-translate-x-60 {
-    --tw-translate-x: -15rem;
-  }
-
-  .\32xl\:-translate-x-64 {
-    --tw-translate-x: -16rem;
-  }
-
-  .\32xl\:-translate-x-72 {
-    --tw-translate-x: -18rem;
-  }
-
-  .\32xl\:-translate-x-80 {
-    --tw-translate-x: -20rem;
-  }
-
-  .\32xl\:-translate-x-96 {
-    --tw-translate-x: -24rem;
-  }
-
-  .\32xl\:-translate-x-px {
-    --tw-translate-x: -1px;
-  }
-
-  .\32xl\:-translate-x-0\.5 {
-    --tw-translate-x: -0.125rem;
-  }
-
-  .\32xl\:-translate-x-1\.5 {
-    --tw-translate-x: -0.375rem;
-  }
-
-  .\32xl\:-translate-x-2\.5 {
-    --tw-translate-x: -0.625rem;
-  }
-
-  .\32xl\:-translate-x-3\.5 {
-    --tw-translate-x: -0.875rem;
-  }
-
-  .\32xl\:translate-x-1\/2 {
-    --tw-translate-x: 50%;
-  }
-
-  .\32xl\:translate-x-1\/3 {
-    --tw-translate-x: 33.333333%;
-  }
-
-  .\32xl\:translate-x-2\/3 {
-    --tw-translate-x: 66.666667%;
-  }
-
-  .\32xl\:translate-x-1\/4 {
-    --tw-translate-x: 25%;
-  }
-
-  .\32xl\:translate-x-2\/4 {
-    --tw-translate-x: 50%;
-  }
-
-  .\32xl\:translate-x-3\/4 {
-    --tw-translate-x: 75%;
-  }
-
-  .\32xl\:translate-x-full {
-    --tw-translate-x: 100%;
-  }
-
-  .\32xl\:-translate-x-1\/2 {
-    --tw-translate-x: -50%;
-  }
-
-  .\32xl\:-translate-x-1\/3 {
-    --tw-translate-x: -33.333333%;
-  }
-
-  .\32xl\:-translate-x-2\/3 {
-    --tw-translate-x: -66.666667%;
-  }
-
-  .\32xl\:-translate-x-1\/4 {
-    --tw-translate-x: -25%;
-  }
-
-  .\32xl\:-translate-x-2\/4 {
-    --tw-translate-x: -50%;
-  }
-
-  .\32xl\:-translate-x-3\/4 {
-    --tw-translate-x: -75%;
-  }
-
-  .\32xl\:-translate-x-full {
-    --tw-translate-x: -100%;
-  }
-
-  .\32xl\:translate-y-0 {
-    --tw-translate-y: 0px;
-  }
-
-  .\32xl\:translate-y-1 {
-    --tw-translate-y: 0.25rem;
-  }
-
-  .\32xl\:translate-y-2 {
-    --tw-translate-y: 0.5rem;
-  }
-
-  .\32xl\:translate-y-3 {
-    --tw-translate-y: 0.75rem;
-  }
-
-  .\32xl\:translate-y-4 {
-    --tw-translate-y: 1rem;
-  }
-
-  .\32xl\:translate-y-5 {
-    --tw-translate-y: 1.25rem;
-  }
-
-  .\32xl\:translate-y-6 {
-    --tw-translate-y: 1.5rem;
-  }
-
-  .\32xl\:translate-y-7 {
-    --tw-translate-y: 1.75rem;
-  }
-
-  .\32xl\:translate-y-8 {
-    --tw-translate-y: 2rem;
-  }
-
-  .\32xl\:translate-y-9 {
-    --tw-translate-y: 2.25rem;
-  }
-
-  .\32xl\:translate-y-10 {
-    --tw-translate-y: 2.5rem;
-  }
-
-  .\32xl\:translate-y-11 {
-    --tw-translate-y: 2.75rem;
-  }
-
-  .\32xl\:translate-y-12 {
-    --tw-translate-y: 3rem;
-  }
-
-  .\32xl\:translate-y-14 {
-    --tw-translate-y: 3.5rem;
-  }
-
-  .\32xl\:translate-y-16 {
-    --tw-translate-y: 4rem;
-  }
-
-  .\32xl\:translate-y-20 {
-    --tw-translate-y: 5rem;
-  }
-
-  .\32xl\:translate-y-24 {
-    --tw-translate-y: 6rem;
-  }
-
-  .\32xl\:translate-y-28 {
-    --tw-translate-y: 7rem;
-  }
-
-  .\32xl\:translate-y-32 {
-    --tw-translate-y: 8rem;
-  }
-
-  .\32xl\:translate-y-36 {
-    --tw-translate-y: 9rem;
-  }
-
-  .\32xl\:translate-y-40 {
-    --tw-translate-y: 10rem;
-  }
-
-  .\32xl\:translate-y-44 {
-    --tw-translate-y: 11rem;
-  }
-
-  .\32xl\:translate-y-48 {
-    --tw-translate-y: 12rem;
-  }
-
-  .\32xl\:translate-y-52 {
-    --tw-translate-y: 13rem;
-  }
-
-  .\32xl\:translate-y-56 {
-    --tw-translate-y: 14rem;
-  }
-
-  .\32xl\:translate-y-60 {
-    --tw-translate-y: 15rem;
-  }
-
-  .\32xl\:translate-y-64 {
-    --tw-translate-y: 16rem;
-  }
-
-  .\32xl\:translate-y-72 {
-    --tw-translate-y: 18rem;
-  }
-
-  .\32xl\:translate-y-80 {
-    --tw-translate-y: 20rem;
-  }
-
-  .\32xl\:translate-y-96 {
-    --tw-translate-y: 24rem;
-  }
-
-  .\32xl\:translate-y-px {
-    --tw-translate-y: 1px;
-  }
-
-  .\32xl\:translate-y-0\.5 {
-    --tw-translate-y: 0.125rem;
-  }
-
-  .\32xl\:translate-y-1\.5 {
-    --tw-translate-y: 0.375rem;
-  }
-
-  .\32xl\:translate-y-2\.5 {
-    --tw-translate-y: 0.625rem;
-  }
-
-  .\32xl\:translate-y-3\.5 {
-    --tw-translate-y: 0.875rem;
-  }
-
-  .\32xl\:-translate-y-0 {
-    --tw-translate-y: 0px;
-  }
-
-  .\32xl\:-translate-y-1 {
-    --tw-translate-y: -0.25rem;
-  }
-
-  .\32xl\:-translate-y-2 {
-    --tw-translate-y: -0.5rem;
-  }
-
-  .\32xl\:-translate-y-3 {
-    --tw-translate-y: -0.75rem;
-  }
-
-  .\32xl\:-translate-y-4 {
-    --tw-translate-y: -1rem;
-  }
-
-  .\32xl\:-translate-y-5 {
-    --tw-translate-y: -1.25rem;
-  }
-
-  .\32xl\:-translate-y-6 {
-    --tw-translate-y: -1.5rem;
-  }
-
-  .\32xl\:-translate-y-7 {
-    --tw-translate-y: -1.75rem;
-  }
-
-  .\32xl\:-translate-y-8 {
-    --tw-translate-y: -2rem;
-  }
-
-  .\32xl\:-translate-y-9 {
-    --tw-translate-y: -2.25rem;
-  }
-
-  .\32xl\:-translate-y-10 {
-    --tw-translate-y: -2.5rem;
-  }
-
-  .\32xl\:-translate-y-11 {
-    --tw-translate-y: -2.75rem;
-  }
-
-  .\32xl\:-translate-y-12 {
-    --tw-translate-y: -3rem;
-  }
-
-  .\32xl\:-translate-y-14 {
-    --tw-translate-y: -3.5rem;
-  }
-
-  .\32xl\:-translate-y-16 {
-    --tw-translate-y: -4rem;
-  }
-
-  .\32xl\:-translate-y-20 {
-    --tw-translate-y: -5rem;
-  }
-
-  .\32xl\:-translate-y-24 {
-    --tw-translate-y: -6rem;
-  }
-
-  .\32xl\:-translate-y-28 {
-    --tw-translate-y: -7rem;
-  }
-
-  .\32xl\:-translate-y-32 {
-    --tw-translate-y: -8rem;
-  }
-
-  .\32xl\:-translate-y-36 {
-    --tw-translate-y: -9rem;
-  }
-
-  .\32xl\:-translate-y-40 {
-    --tw-translate-y: -10rem;
-  }
-
-  .\32xl\:-translate-y-44 {
-    --tw-translate-y: -11rem;
-  }
-
-  .\32xl\:-translate-y-48 {
-    --tw-translate-y: -12rem;
-  }
-
-  .\32xl\:-translate-y-52 {
-    --tw-translate-y: -13rem;
-  }
-
-  .\32xl\:-translate-y-56 {
-    --tw-translate-y: -14rem;
-  }
-
-  .\32xl\:-translate-y-60 {
-    --tw-translate-y: -15rem;
-  }
-
-  .\32xl\:-translate-y-64 {
-    --tw-translate-y: -16rem;
-  }
-
-  .\32xl\:-translate-y-72 {
-    --tw-translate-y: -18rem;
-  }
-
-  .\32xl\:-translate-y-80 {
-    --tw-translate-y: -20rem;
-  }
-
-  .\32xl\:-translate-y-96 {
-    --tw-translate-y: -24rem;
-  }
-
-  .\32xl\:-translate-y-px {
-    --tw-translate-y: -1px;
-  }
-
-  .\32xl\:-translate-y-0\.5 {
-    --tw-translate-y: -0.125rem;
-  }
-
-  .\32xl\:-translate-y-1\.5 {
-    --tw-translate-y: -0.375rem;
-  }
-
-  .\32xl\:-translate-y-2\.5 {
-    --tw-translate-y: -0.625rem;
-  }
-
-  .\32xl\:-translate-y-3\.5 {
-    --tw-translate-y: -0.875rem;
-  }
-
-  .\32xl\:translate-y-1\/2 {
-    --tw-translate-y: 50%;
-  }
-
-  .\32xl\:translate-y-1\/3 {
-    --tw-translate-y: 33.333333%;
-  }
-
-  .\32xl\:translate-y-2\/3 {
-    --tw-translate-y: 66.666667%;
-  }
-
-  .\32xl\:translate-y-1\/4 {
-    --tw-translate-y: 25%;
-  }
-
-  .\32xl\:translate-y-2\/4 {
-    --tw-translate-y: 50%;
-  }
-
-  .\32xl\:translate-y-3\/4 {
-    --tw-translate-y: 75%;
-  }
-
-  .\32xl\:translate-y-full {
-    --tw-translate-y: 100%;
-  }
-
-  .\32xl\:-translate-y-1\/2 {
-    --tw-translate-y: -50%;
-  }
-
-  .\32xl\:-translate-y-1\/3 {
-    --tw-translate-y: -33.333333%;
-  }
-
-  .\32xl\:-translate-y-2\/3 {
-    --tw-translate-y: -66.666667%;
-  }
-
-  .\32xl\:-translate-y-1\/4 {
-    --tw-translate-y: -25%;
-  }
-
-  .\32xl\:-translate-y-2\/4 {
-    --tw-translate-y: -50%;
-  }
-
-  .\32xl\:-translate-y-3\/4 {
-    --tw-translate-y: -75%;
-  }
-
-  .\32xl\:-translate-y-full {
-    --tw-translate-y: -100%;
-  }
-
-  .\32xl\:hover\:translate-x-0:hover {
-    --tw-translate-x: 0px;
-  }
-
-  .\32xl\:hover\:translate-x-1:hover {
-    --tw-translate-x: 0.25rem;
-  }
-
-  .\32xl\:hover\:translate-x-2:hover {
-    --tw-translate-x: 0.5rem;
-  }
-
-  .\32xl\:hover\:translate-x-3:hover {
-    --tw-translate-x: 0.75rem;
-  }
-
-  .\32xl\:hover\:translate-x-4:hover {
-    --tw-translate-x: 1rem;
-  }
-
-  .\32xl\:hover\:translate-x-5:hover {
-    --tw-translate-x: 1.25rem;
-  }
-
-  .\32xl\:hover\:translate-x-6:hover {
-    --tw-translate-x: 1.5rem;
-  }
-
-  .\32xl\:hover\:translate-x-7:hover {
-    --tw-translate-x: 1.75rem;
-  }
-
-  .\32xl\:hover\:translate-x-8:hover {
-    --tw-translate-x: 2rem;
-  }
-
-  .\32xl\:hover\:translate-x-9:hover {
-    --tw-translate-x: 2.25rem;
-  }
-
-  .\32xl\:hover\:translate-x-10:hover {
-    --tw-translate-x: 2.5rem;
-  }
-
-  .\32xl\:hover\:translate-x-11:hover {
-    --tw-translate-x: 2.75rem;
-  }
-
-  .\32xl\:hover\:translate-x-12:hover {
-    --tw-translate-x: 3rem;
-  }
-
-  .\32xl\:hover\:translate-x-14:hover {
-    --tw-translate-x: 3.5rem;
-  }
-
-  .\32xl\:hover\:translate-x-16:hover {
-    --tw-translate-x: 4rem;
-  }
-
-  .\32xl\:hover\:translate-x-20:hover {
-    --tw-translate-x: 5rem;
-  }
-
-  .\32xl\:hover\:translate-x-24:hover {
-    --tw-translate-x: 6rem;
-  }
-
-  .\32xl\:hover\:translate-x-28:hover {
-    --tw-translate-x: 7rem;
-  }
-
-  .\32xl\:hover\:translate-x-32:hover {
-    --tw-translate-x: 8rem;
-  }
-
-  .\32xl\:hover\:translate-x-36:hover {
-    --tw-translate-x: 9rem;
-  }
-
-  .\32xl\:hover\:translate-x-40:hover {
-    --tw-translate-x: 10rem;
-  }
-
-  .\32xl\:hover\:translate-x-44:hover {
-    --tw-translate-x: 11rem;
-  }
-
-  .\32xl\:hover\:translate-x-48:hover {
-    --tw-translate-x: 12rem;
-  }
-
-  .\32xl\:hover\:translate-x-52:hover {
-    --tw-translate-x: 13rem;
-  }
-
-  .\32xl\:hover\:translate-x-56:hover {
-    --tw-translate-x: 14rem;
-  }
-
-  .\32xl\:hover\:translate-x-60:hover {
-    --tw-translate-x: 15rem;
-  }
-
-  .\32xl\:hover\:translate-x-64:hover {
-    --tw-translate-x: 16rem;
-  }
-
-  .\32xl\:hover\:translate-x-72:hover {
-    --tw-translate-x: 18rem;
-  }
-
-  .\32xl\:hover\:translate-x-80:hover {
-    --tw-translate-x: 20rem;
-  }
-
-  .\32xl\:hover\:translate-x-96:hover {
-    --tw-translate-x: 24rem;
-  }
-
-  .\32xl\:hover\:translate-x-px:hover {
-    --tw-translate-x: 1px;
-  }
-
-  .\32xl\:hover\:translate-x-0\.5:hover {
-    --tw-translate-x: 0.125rem;
-  }
-
-  .\32xl\:hover\:translate-x-1\.5:hover {
-    --tw-translate-x: 0.375rem;
-  }
-
-  .\32xl\:hover\:translate-x-2\.5:hover {
-    --tw-translate-x: 0.625rem;
-  }
-
-  .\32xl\:hover\:translate-x-3\.5:hover {
-    --tw-translate-x: 0.875rem;
-  }
-
-  .\32xl\:hover\:-translate-x-0:hover {
-    --tw-translate-x: 0px;
-  }
-
-  .\32xl\:hover\:-translate-x-1:hover {
-    --tw-translate-x: -0.25rem;
-  }
-
-  .\32xl\:hover\:-translate-x-2:hover {
-    --tw-translate-x: -0.5rem;
-  }
-
-  .\32xl\:hover\:-translate-x-3:hover {
-    --tw-translate-x: -0.75rem;
-  }
-
-  .\32xl\:hover\:-translate-x-4:hover {
-    --tw-translate-x: -1rem;
-  }
-
-  .\32xl\:hover\:-translate-x-5:hover {
-    --tw-translate-x: -1.25rem;
-  }
-
-  .\32xl\:hover\:-translate-x-6:hover {
-    --tw-translate-x: -1.5rem;
-  }
-
-  .\32xl\:hover\:-translate-x-7:hover {
-    --tw-translate-x: -1.75rem;
-  }
-
-  .\32xl\:hover\:-translate-x-8:hover {
-    --tw-translate-x: -2rem;
-  }
-
-  .\32xl\:hover\:-translate-x-9:hover {
-    --tw-translate-x: -2.25rem;
-  }
-
-  .\32xl\:hover\:-translate-x-10:hover {
-    --tw-translate-x: -2.5rem;
-  }
-
-  .\32xl\:hover\:-translate-x-11:hover {
-    --tw-translate-x: -2.75rem;
-  }
-
-  .\32xl\:hover\:-translate-x-12:hover {
-    --tw-translate-x: -3rem;
-  }
-
-  .\32xl\:hover\:-translate-x-14:hover {
-    --tw-translate-x: -3.5rem;
-  }
-
-  .\32xl\:hover\:-translate-x-16:hover {
-    --tw-translate-x: -4rem;
-  }
-
-  .\32xl\:hover\:-translate-x-20:hover {
-    --tw-translate-x: -5rem;
-  }
-
-  .\32xl\:hover\:-translate-x-24:hover {
-    --tw-translate-x: -6rem;
-  }
-
-  .\32xl\:hover\:-translate-x-28:hover {
-    --tw-translate-x: -7rem;
-  }
-
-  .\32xl\:hover\:-translate-x-32:hover {
-    --tw-translate-x: -8rem;
-  }
-
-  .\32xl\:hover\:-translate-x-36:hover {
-    --tw-translate-x: -9rem;
-  }
-
-  .\32xl\:hover\:-translate-x-40:hover {
-    --tw-translate-x: -10rem;
-  }
-
-  .\32xl\:hover\:-translate-x-44:hover {
-    --tw-translate-x: -11rem;
-  }
-
-  .\32xl\:hover\:-translate-x-48:hover {
-    --tw-translate-x: -12rem;
-  }
-
-  .\32xl\:hover\:-translate-x-52:hover {
-    --tw-translate-x: -13rem;
-  }
-
-  .\32xl\:hover\:-translate-x-56:hover {
-    --tw-translate-x: -14rem;
-  }
-
-  .\32xl\:hover\:-translate-x-60:hover {
-    --tw-translate-x: -15rem;
-  }
-
-  .\32xl\:hover\:-translate-x-64:hover {
-    --tw-translate-x: -16rem;
-  }
-
-  .\32xl\:hover\:-translate-x-72:hover {
-    --tw-translate-x: -18rem;
-  }
-
-  .\32xl\:hover\:-translate-x-80:hover {
-    --tw-translate-x: -20rem;
-  }
-
-  .\32xl\:hover\:-translate-x-96:hover {
-    --tw-translate-x: -24rem;
-  }
-
-  .\32xl\:hover\:-translate-x-px:hover {
-    --tw-translate-x: -1px;
-  }
-
-  .\32xl\:hover\:-translate-x-0\.5:hover {
-    --tw-translate-x: -0.125rem;
-  }
-
-  .\32xl\:hover\:-translate-x-1\.5:hover {
-    --tw-translate-x: -0.375rem;
-  }
-
-  .\32xl\:hover\:-translate-x-2\.5:hover {
-    --tw-translate-x: -0.625rem;
-  }
-
-  .\32xl\:hover\:-translate-x-3\.5:hover {
-    --tw-translate-x: -0.875rem;
-  }
-
-  .\32xl\:hover\:translate-x-1\/2:hover {
-    --tw-translate-x: 50%;
-  }
-
-  .\32xl\:hover\:translate-x-1\/3:hover {
-    --tw-translate-x: 33.333333%;
-  }
-
-  .\32xl\:hover\:translate-x-2\/3:hover {
-    --tw-translate-x: 66.666667%;
-  }
-
-  .\32xl\:hover\:translate-x-1\/4:hover {
-    --tw-translate-x: 25%;
-  }
-
-  .\32xl\:hover\:translate-x-2\/4:hover {
-    --tw-translate-x: 50%;
-  }
-
-  .\32xl\:hover\:translate-x-3\/4:hover {
-    --tw-translate-x: 75%;
-  }
-
-  .\32xl\:hover\:translate-x-full:hover {
-    --tw-translate-x: 100%;
-  }
-
-  .\32xl\:hover\:-translate-x-1\/2:hover {
-    --tw-translate-x: -50%;
-  }
-
-  .\32xl\:hover\:-translate-x-1\/3:hover {
-    --tw-translate-x: -33.333333%;
-  }
-
-  .\32xl\:hover\:-translate-x-2\/3:hover {
-    --tw-translate-x: -66.666667%;
-  }
-
-  .\32xl\:hover\:-translate-x-1\/4:hover {
-    --tw-translate-x: -25%;
-  }
-
-  .\32xl\:hover\:-translate-x-2\/4:hover {
-    --tw-translate-x: -50%;
-  }
-
-  .\32xl\:hover\:-translate-x-3\/4:hover {
-    --tw-translate-x: -75%;
-  }
-
-  .\32xl\:hover\:-translate-x-full:hover {
-    --tw-translate-x: -100%;
-  }
-
-  .\32xl\:hover\:translate-y-0:hover {
-    --tw-translate-y: 0px;
-  }
-
-  .\32xl\:hover\:translate-y-1:hover {
-    --tw-translate-y: 0.25rem;
-  }
-
-  .\32xl\:hover\:translate-y-2:hover {
-    --tw-translate-y: 0.5rem;
-  }
-
-  .\32xl\:hover\:translate-y-3:hover {
-    --tw-translate-y: 0.75rem;
-  }
-
-  .\32xl\:hover\:translate-y-4:hover {
-    --tw-translate-y: 1rem;
-  }
-
-  .\32xl\:hover\:translate-y-5:hover {
-    --tw-translate-y: 1.25rem;
-  }
-
-  .\32xl\:hover\:translate-y-6:hover {
-    --tw-translate-y: 1.5rem;
-  }
-
-  .\32xl\:hover\:translate-y-7:hover {
-    --tw-translate-y: 1.75rem;
-  }
-
-  .\32xl\:hover\:translate-y-8:hover {
-    --tw-translate-y: 2rem;
-  }
-
-  .\32xl\:hover\:translate-y-9:hover {
-    --tw-translate-y: 2.25rem;
-  }
-
-  .\32xl\:hover\:translate-y-10:hover {
-    --tw-translate-y: 2.5rem;
-  }
-
-  .\32xl\:hover\:translate-y-11:hover {
-    --tw-translate-y: 2.75rem;
-  }
-
-  .\32xl\:hover\:translate-y-12:hover {
-    --tw-translate-y: 3rem;
-  }
-
-  .\32xl\:hover\:translate-y-14:hover {
-    --tw-translate-y: 3.5rem;
-  }
-
-  .\32xl\:hover\:translate-y-16:hover {
-    --tw-translate-y: 4rem;
-  }
-
-  .\32xl\:hover\:translate-y-20:hover {
-    --tw-translate-y: 5rem;
-  }
-
-  .\32xl\:hover\:translate-y-24:hover {
-    --tw-translate-y: 6rem;
-  }
-
-  .\32xl\:hover\:translate-y-28:hover {
-    --tw-translate-y: 7rem;
-  }
-
-  .\32xl\:hover\:translate-y-32:hover {
-    --tw-translate-y: 8rem;
-  }
-
-  .\32xl\:hover\:translate-y-36:hover {
-    --tw-translate-y: 9rem;
-  }
-
-  .\32xl\:hover\:translate-y-40:hover {
-    --tw-translate-y: 10rem;
-  }
-
-  .\32xl\:hover\:translate-y-44:hover {
-    --tw-translate-y: 11rem;
-  }
-
-  .\32xl\:hover\:translate-y-48:hover {
-    --tw-translate-y: 12rem;
-  }
-
-  .\32xl\:hover\:translate-y-52:hover {
-    --tw-translate-y: 13rem;
-  }
-
-  .\32xl\:hover\:translate-y-56:hover {
-    --tw-translate-y: 14rem;
-  }
-
-  .\32xl\:hover\:translate-y-60:hover {
-    --tw-translate-y: 15rem;
-  }
-
-  .\32xl\:hover\:translate-y-64:hover {
-    --tw-translate-y: 16rem;
-  }
-
-  .\32xl\:hover\:translate-y-72:hover {
-    --tw-translate-y: 18rem;
-  }
-
-  .\32xl\:hover\:translate-y-80:hover {
-    --tw-translate-y: 20rem;
-  }
-
-  .\32xl\:hover\:translate-y-96:hover {
-    --tw-translate-y: 24rem;
-  }
-
-  .\32xl\:hover\:translate-y-px:hover {
-    --tw-translate-y: 1px;
-  }
-
-  .\32xl\:hover\:translate-y-0\.5:hover {
-    --tw-translate-y: 0.125rem;
-  }
-
-  .\32xl\:hover\:translate-y-1\.5:hover {
-    --tw-translate-y: 0.375rem;
-  }
-
-  .\32xl\:hover\:translate-y-2\.5:hover {
-    --tw-translate-y: 0.625rem;
-  }
-
-  .\32xl\:hover\:translate-y-3\.5:hover {
-    --tw-translate-y: 0.875rem;
-  }
-
-  .\32xl\:hover\:-translate-y-0:hover {
-    --tw-translate-y: 0px;
-  }
-
-  .\32xl\:hover\:-translate-y-1:hover {
-    --tw-translate-y: -0.25rem;
-  }
-
-  .\32xl\:hover\:-translate-y-2:hover {
-    --tw-translate-y: -0.5rem;
-  }
-
-  .\32xl\:hover\:-translate-y-3:hover {
-    --tw-translate-y: -0.75rem;
-  }
-
-  .\32xl\:hover\:-translate-y-4:hover {
-    --tw-translate-y: -1rem;
-  }
-
-  .\32xl\:hover\:-translate-y-5:hover {
-    --tw-translate-y: -1.25rem;
-  }
-
-  .\32xl\:hover\:-translate-y-6:hover {
-    --tw-translate-y: -1.5rem;
-  }
-
-  .\32xl\:hover\:-translate-y-7:hover {
-    --tw-translate-y: -1.75rem;
-  }
-
-  .\32xl\:hover\:-translate-y-8:hover {
-    --tw-translate-y: -2rem;
-  }
-
-  .\32xl\:hover\:-translate-y-9:hover {
-    --tw-translate-y: -2.25rem;
-  }
-
-  .\32xl\:hover\:-translate-y-10:hover {
-    --tw-translate-y: -2.5rem;
-  }
-
-  .\32xl\:hover\:-translate-y-11:hover {
-    --tw-translate-y: -2.75rem;
-  }
-
-  .\32xl\:hover\:-translate-y-12:hover {
-    --tw-translate-y: -3rem;
-  }
-
-  .\32xl\:hover\:-translate-y-14:hover {
-    --tw-translate-y: -3.5rem;
-  }
-
-  .\32xl\:hover\:-translate-y-16:hover {
-    --tw-translate-y: -4rem;
-  }
-
-  .\32xl\:hover\:-translate-y-20:hover {
-    --tw-translate-y: -5rem;
-  }
-
-  .\32xl\:hover\:-translate-y-24:hover {
-    --tw-translate-y: -6rem;
-  }
-
-  .\32xl\:hover\:-translate-y-28:hover {
-    --tw-translate-y: -7rem;
-  }
-
-  .\32xl\:hover\:-translate-y-32:hover {
-    --tw-translate-y: -8rem;
-  }
-
-  .\32xl\:hover\:-translate-y-36:hover {
-    --tw-translate-y: -9rem;
-  }
-
-  .\32xl\:hover\:-translate-y-40:hover {
-    --tw-translate-y: -10rem;
-  }
-
-  .\32xl\:hover\:-translate-y-44:hover {
-    --tw-translate-y: -11rem;
-  }
-
-  .\32xl\:hover\:-translate-y-48:hover {
-    --tw-translate-y: -12rem;
-  }
-
-  .\32xl\:hover\:-translate-y-52:hover {
-    --tw-translate-y: -13rem;
-  }
-
-  .\32xl\:hover\:-translate-y-56:hover {
-    --tw-translate-y: -14rem;
-  }
-
-  .\32xl\:hover\:-translate-y-60:hover {
-    --tw-translate-y: -15rem;
-  }
-
-  .\32xl\:hover\:-translate-y-64:hover {
-    --tw-translate-y: -16rem;
-  }
-
-  .\32xl\:hover\:-translate-y-72:hover {
-    --tw-translate-y: -18rem;
-  }
-
-  .\32xl\:hover\:-translate-y-80:hover {
-    --tw-translate-y: -20rem;
-  }
-
-  .\32xl\:hover\:-translate-y-96:hover {
-    --tw-translate-y: -24rem;
-  }
-
-  .\32xl\:hover\:-translate-y-px:hover {
-    --tw-translate-y: -1px;
-  }
-
-  .\32xl\:hover\:-translate-y-0\.5:hover {
-    --tw-translate-y: -0.125rem;
-  }
-
-  .\32xl\:hover\:-translate-y-1\.5:hover {
-    --tw-translate-y: -0.375rem;
-  }
-
-  .\32xl\:hover\:-translate-y-2\.5:hover {
-    --tw-translate-y: -0.625rem;
-  }
-
-  .\32xl\:hover\:-translate-y-3\.5:hover {
-    --tw-translate-y: -0.875rem;
-  }
-
-  .\32xl\:hover\:translate-y-1\/2:hover {
-    --tw-translate-y: 50%;
-  }
-
-  .\32xl\:hover\:translate-y-1\/3:hover {
-    --tw-translate-y: 33.333333%;
-  }
-
-  .\32xl\:hover\:translate-y-2\/3:hover {
-    --tw-translate-y: 66.666667%;
-  }
-
-  .\32xl\:hover\:translate-y-1\/4:hover {
-    --tw-translate-y: 25%;
-  }
-
-  .\32xl\:hover\:translate-y-2\/4:hover {
-    --tw-translate-y: 50%;
-  }
-
-  .\32xl\:hover\:translate-y-3\/4:hover {
-    --tw-translate-y: 75%;
-  }
-
-  .\32xl\:hover\:translate-y-full:hover {
-    --tw-translate-y: 100%;
-  }
-
-  .\32xl\:hover\:-translate-y-1\/2:hover {
-    --tw-translate-y: -50%;
-  }
-
-  .\32xl\:hover\:-translate-y-1\/3:hover {
-    --tw-translate-y: -33.333333%;
-  }
-
-  .\32xl\:hover\:-translate-y-2\/3:hover {
-    --tw-translate-y: -66.666667%;
-  }
-
-  .\32xl\:hover\:-translate-y-1\/4:hover {
-    --tw-translate-y: -25%;
-  }
-
-  .\32xl\:hover\:-translate-y-2\/4:hover {
-    --tw-translate-y: -50%;
-  }
-
-  .\32xl\:hover\:-translate-y-3\/4:hover {
-    --tw-translate-y: -75%;
-  }
-
-  .\32xl\:hover\:-translate-y-full:hover {
-    --tw-translate-y: -100%;
-  }
-
-  .\32xl\:focus\:translate-x-0:focus {
-    --tw-translate-x: 0px;
-  }
-
-  .\32xl\:focus\:translate-x-1:focus {
-    --tw-translate-x: 0.25rem;
-  }
-
-  .\32xl\:focus\:translate-x-2:focus {
-    --tw-translate-x: 0.5rem;
-  }
-
-  .\32xl\:focus\:translate-x-3:focus {
-    --tw-translate-x: 0.75rem;
-  }
-
-  .\32xl\:focus\:translate-x-4:focus {
-    --tw-translate-x: 1rem;
-  }
-
-  .\32xl\:focus\:translate-x-5:focus {
-    --tw-translate-x: 1.25rem;
-  }
-
-  .\32xl\:focus\:translate-x-6:focus {
-    --tw-translate-x: 1.5rem;
-  }
-
-  .\32xl\:focus\:translate-x-7:focus {
-    --tw-translate-x: 1.75rem;
-  }
-
-  .\32xl\:focus\:translate-x-8:focus {
-    --tw-translate-x: 2rem;
-  }
-
-  .\32xl\:focus\:translate-x-9:focus {
-    --tw-translate-x: 2.25rem;
-  }
-
-  .\32xl\:focus\:translate-x-10:focus {
-    --tw-translate-x: 2.5rem;
-  }
-
-  .\32xl\:focus\:translate-x-11:focus {
-    --tw-translate-x: 2.75rem;
-  }
-
-  .\32xl\:focus\:translate-x-12:focus {
-    --tw-translate-x: 3rem;
-  }
-
-  .\32xl\:focus\:translate-x-14:focus {
-    --tw-translate-x: 3.5rem;
-  }
-
-  .\32xl\:focus\:translate-x-16:focus {
-    --tw-translate-x: 4rem;
-  }
-
-  .\32xl\:focus\:translate-x-20:focus {
-    --tw-translate-x: 5rem;
-  }
-
-  .\32xl\:focus\:translate-x-24:focus {
-    --tw-translate-x: 6rem;
-  }
-
-  .\32xl\:focus\:translate-x-28:focus {
-    --tw-translate-x: 7rem;
-  }
-
-  .\32xl\:focus\:translate-x-32:focus {
-    --tw-translate-x: 8rem;
-  }
-
-  .\32xl\:focus\:translate-x-36:focus {
-    --tw-translate-x: 9rem;
-  }
-
-  .\32xl\:focus\:translate-x-40:focus {
-    --tw-translate-x: 10rem;
-  }
-
-  .\32xl\:focus\:translate-x-44:focus {
-    --tw-translate-x: 11rem;
-  }
-
-  .\32xl\:focus\:translate-x-48:focus {
-    --tw-translate-x: 12rem;
-  }
-
-  .\32xl\:focus\:translate-x-52:focus {
-    --tw-translate-x: 13rem;
-  }
-
-  .\32xl\:focus\:translate-x-56:focus {
-    --tw-translate-x: 14rem;
-  }
-
-  .\32xl\:focus\:translate-x-60:focus {
-    --tw-translate-x: 15rem;
-  }
-
-  .\32xl\:focus\:translate-x-64:focus {
-    --tw-translate-x: 16rem;
-  }
-
-  .\32xl\:focus\:translate-x-72:focus {
-    --tw-translate-x: 18rem;
-  }
-
-  .\32xl\:focus\:translate-x-80:focus {
-    --tw-translate-x: 20rem;
-  }
-
-  .\32xl\:focus\:translate-x-96:focus {
-    --tw-translate-x: 24rem;
-  }
-
-  .\32xl\:focus\:translate-x-px:focus {
-    --tw-translate-x: 1px;
-  }
-
-  .\32xl\:focus\:translate-x-0\.5:focus {
-    --tw-translate-x: 0.125rem;
-  }
-
-  .\32xl\:focus\:translate-x-1\.5:focus {
-    --tw-translate-x: 0.375rem;
-  }
-
-  .\32xl\:focus\:translate-x-2\.5:focus {
-    --tw-translate-x: 0.625rem;
-  }
-
-  .\32xl\:focus\:translate-x-3\.5:focus {
-    --tw-translate-x: 0.875rem;
-  }
-
-  .\32xl\:focus\:-translate-x-0:focus {
-    --tw-translate-x: 0px;
-  }
-
-  .\32xl\:focus\:-translate-x-1:focus {
-    --tw-translate-x: -0.25rem;
-  }
-
-  .\32xl\:focus\:-translate-x-2:focus {
-    --tw-translate-x: -0.5rem;
-  }
-
-  .\32xl\:focus\:-translate-x-3:focus {
-    --tw-translate-x: -0.75rem;
-  }
-
-  .\32xl\:focus\:-translate-x-4:focus {
-    --tw-translate-x: -1rem;
-  }
-
-  .\32xl\:focus\:-translate-x-5:focus {
-    --tw-translate-x: -1.25rem;
-  }
-
-  .\32xl\:focus\:-translate-x-6:focus {
-    --tw-translate-x: -1.5rem;
-  }
-
-  .\32xl\:focus\:-translate-x-7:focus {
-    --tw-translate-x: -1.75rem;
-  }
-
-  .\32xl\:focus\:-translate-x-8:focus {
-    --tw-translate-x: -2rem;
-  }
-
-  .\32xl\:focus\:-translate-x-9:focus {
-    --tw-translate-x: -2.25rem;
-  }
-
-  .\32xl\:focus\:-translate-x-10:focus {
-    --tw-translate-x: -2.5rem;
-  }
-
-  .\32xl\:focus\:-translate-x-11:focus {
-    --tw-translate-x: -2.75rem;
-  }
-
-  .\32xl\:focus\:-translate-x-12:focus {
-    --tw-translate-x: -3rem;
-  }
-
-  .\32xl\:focus\:-translate-x-14:focus {
-    --tw-translate-x: -3.5rem;
-  }
-
-  .\32xl\:focus\:-translate-x-16:focus {
-    --tw-translate-x: -4rem;
-  }
-
-  .\32xl\:focus\:-translate-x-20:focus {
-    --tw-translate-x: -5rem;
-  }
-
-  .\32xl\:focus\:-translate-x-24:focus {
-    --tw-translate-x: -6rem;
-  }
-
-  .\32xl\:focus\:-translate-x-28:focus {
-    --tw-translate-x: -7rem;
-  }
-
-  .\32xl\:focus\:-translate-x-32:focus {
-    --tw-translate-x: -8rem;
-  }
-
-  .\32xl\:focus\:-translate-x-36:focus {
-    --tw-translate-x: -9rem;
-  }
-
-  .\32xl\:focus\:-translate-x-40:focus {
-    --tw-translate-x: -10rem;
-  }
-
-  .\32xl\:focus\:-translate-x-44:focus {
-    --tw-translate-x: -11rem;
-  }
-
-  .\32xl\:focus\:-translate-x-48:focus {
-    --tw-translate-x: -12rem;
-  }
-
-  .\32xl\:focus\:-translate-x-52:focus {
-    --tw-translate-x: -13rem;
-  }
-
-  .\32xl\:focus\:-translate-x-56:focus {
-    --tw-translate-x: -14rem;
-  }
-
-  .\32xl\:focus\:-translate-x-60:focus {
-    --tw-translate-x: -15rem;
-  }
-
-  .\32xl\:focus\:-translate-x-64:focus {
-    --tw-translate-x: -16rem;
-  }
-
-  .\32xl\:focus\:-translate-x-72:focus {
-    --tw-translate-x: -18rem;
-  }
-
-  .\32xl\:focus\:-translate-x-80:focus {
-    --tw-translate-x: -20rem;
-  }
-
-  .\32xl\:focus\:-translate-x-96:focus {
-    --tw-translate-x: -24rem;
-  }
-
-  .\32xl\:focus\:-translate-x-px:focus {
-    --tw-translate-x: -1px;
-  }
-
-  .\32xl\:focus\:-translate-x-0\.5:focus {
-    --tw-translate-x: -0.125rem;
-  }
-
-  .\32xl\:focus\:-translate-x-1\.5:focus {
-    --tw-translate-x: -0.375rem;
-  }
-
-  .\32xl\:focus\:-translate-x-2\.5:focus {
-    --tw-translate-x: -0.625rem;
-  }
-
-  .\32xl\:focus\:-translate-x-3\.5:focus {
-    --tw-translate-x: -0.875rem;
-  }
-
-  .\32xl\:focus\:translate-x-1\/2:focus {
-    --tw-translate-x: 50%;
-  }
-
-  .\32xl\:focus\:translate-x-1\/3:focus {
-    --tw-translate-x: 33.333333%;
-  }
-
-  .\32xl\:focus\:translate-x-2\/3:focus {
-    --tw-translate-x: 66.666667%;
-  }
-
-  .\32xl\:focus\:translate-x-1\/4:focus {
-    --tw-translate-x: 25%;
-  }
-
-  .\32xl\:focus\:translate-x-2\/4:focus {
-    --tw-translate-x: 50%;
-  }
-
-  .\32xl\:focus\:translate-x-3\/4:focus {
-    --tw-translate-x: 75%;
-  }
-
-  .\32xl\:focus\:translate-x-full:focus {
-    --tw-translate-x: 100%;
-  }
-
-  .\32xl\:focus\:-translate-x-1\/2:focus {
-    --tw-translate-x: -50%;
-  }
-
-  .\32xl\:focus\:-translate-x-1\/3:focus {
-    --tw-translate-x: -33.333333%;
-  }
-
-  .\32xl\:focus\:-translate-x-2\/3:focus {
-    --tw-translate-x: -66.666667%;
-  }
-
-  .\32xl\:focus\:-translate-x-1\/4:focus {
-    --tw-translate-x: -25%;
-  }
-
-  .\32xl\:focus\:-translate-x-2\/4:focus {
-    --tw-translate-x: -50%;
-  }
-
-  .\32xl\:focus\:-translate-x-3\/4:focus {
-    --tw-translate-x: -75%;
-  }
-
-  .\32xl\:focus\:-translate-x-full:focus {
-    --tw-translate-x: -100%;
-  }
-
-  .\32xl\:focus\:translate-y-0:focus {
-    --tw-translate-y: 0px;
-  }
-
-  .\32xl\:focus\:translate-y-1:focus {
-    --tw-translate-y: 0.25rem;
-  }
-
-  .\32xl\:focus\:translate-y-2:focus {
-    --tw-translate-y: 0.5rem;
-  }
-
-  .\32xl\:focus\:translate-y-3:focus {
-    --tw-translate-y: 0.75rem;
-  }
-
-  .\32xl\:focus\:translate-y-4:focus {
-    --tw-translate-y: 1rem;
-  }
-
-  .\32xl\:focus\:translate-y-5:focus {
-    --tw-translate-y: 1.25rem;
-  }
-
-  .\32xl\:focus\:translate-y-6:focus {
-    --tw-translate-y: 1.5rem;
-  }
-
-  .\32xl\:focus\:translate-y-7:focus {
-    --tw-translate-y: 1.75rem;
-  }
-
-  .\32xl\:focus\:translate-y-8:focus {
-    --tw-translate-y: 2rem;
-  }
-
-  .\32xl\:focus\:translate-y-9:focus {
-    --tw-translate-y: 2.25rem;
-  }
-
-  .\32xl\:focus\:translate-y-10:focus {
-    --tw-translate-y: 2.5rem;
-  }
-
-  .\32xl\:focus\:translate-y-11:focus {
-    --tw-translate-y: 2.75rem;
-  }
-
-  .\32xl\:focus\:translate-y-12:focus {
-    --tw-translate-y: 3rem;
-  }
-
-  .\32xl\:focus\:translate-y-14:focus {
-    --tw-translate-y: 3.5rem;
-  }
-
-  .\32xl\:focus\:translate-y-16:focus {
-    --tw-translate-y: 4rem;
-  }
-
-  .\32xl\:focus\:translate-y-20:focus {
-    --tw-translate-y: 5rem;
-  }
-
-  .\32xl\:focus\:translate-y-24:focus {
-    --tw-translate-y: 6rem;
-  }
-
-  .\32xl\:focus\:translate-y-28:focus {
-    --tw-translate-y: 7rem;
-  }
-
-  .\32xl\:focus\:translate-y-32:focus {
-    --tw-translate-y: 8rem;
-  }
-
-  .\32xl\:focus\:translate-y-36:focus {
-    --tw-translate-y: 9rem;
-  }
-
-  .\32xl\:focus\:translate-y-40:focus {
-    --tw-translate-y: 10rem;
-  }
-
-  .\32xl\:focus\:translate-y-44:focus {
-    --tw-translate-y: 11rem;
-  }
-
-  .\32xl\:focus\:translate-y-48:focus {
-    --tw-translate-y: 12rem;
-  }
-
-  .\32xl\:focus\:translate-y-52:focus {
-    --tw-translate-y: 13rem;
-  }
-
-  .\32xl\:focus\:translate-y-56:focus {
-    --tw-translate-y: 14rem;
-  }
-
-  .\32xl\:focus\:translate-y-60:focus {
-    --tw-translate-y: 15rem;
-  }
-
-  .\32xl\:focus\:translate-y-64:focus {
-    --tw-translate-y: 16rem;
-  }
-
-  .\32xl\:focus\:translate-y-72:focus {
-    --tw-translate-y: 18rem;
-  }
-
-  .\32xl\:focus\:translate-y-80:focus {
-    --tw-translate-y: 20rem;
-  }
-
-  .\32xl\:focus\:translate-y-96:focus {
-    --tw-translate-y: 24rem;
-  }
-
-  .\32xl\:focus\:translate-y-px:focus {
-    --tw-translate-y: 1px;
-  }
-
-  .\32xl\:focus\:translate-y-0\.5:focus {
-    --tw-translate-y: 0.125rem;
-  }
-
-  .\32xl\:focus\:translate-y-1\.5:focus {
-    --tw-translate-y: 0.375rem;
-  }
-
-  .\32xl\:focus\:translate-y-2\.5:focus {
-    --tw-translate-y: 0.625rem;
-  }
-
-  .\32xl\:focus\:translate-y-3\.5:focus {
-    --tw-translate-y: 0.875rem;
-  }
-
-  .\32xl\:focus\:-translate-y-0:focus {
-    --tw-translate-y: 0px;
-  }
-
-  .\32xl\:focus\:-translate-y-1:focus {
-    --tw-translate-y: -0.25rem;
-  }
-
-  .\32xl\:focus\:-translate-y-2:focus {
-    --tw-translate-y: -0.5rem;
-  }
-
-  .\32xl\:focus\:-translate-y-3:focus {
-    --tw-translate-y: -0.75rem;
-  }
-
-  .\32xl\:focus\:-translate-y-4:focus {
-    --tw-translate-y: -1rem;
-  }
-
-  .\32xl\:focus\:-translate-y-5:focus {
-    --tw-translate-y: -1.25rem;
-  }
-
-  .\32xl\:focus\:-translate-y-6:focus {
-    --tw-translate-y: -1.5rem;
-  }
-
-  .\32xl\:focus\:-translate-y-7:focus {
-    --tw-translate-y: -1.75rem;
-  }
-
-  .\32xl\:focus\:-translate-y-8:focus {
-    --tw-translate-y: -2rem;
-  }
-
-  .\32xl\:focus\:-translate-y-9:focus {
-    --tw-translate-y: -2.25rem;
-  }
-
-  .\32xl\:focus\:-translate-y-10:focus {
-    --tw-translate-y: -2.5rem;
-  }
-
-  .\32xl\:focus\:-translate-y-11:focus {
-    --tw-translate-y: -2.75rem;
-  }
-
-  .\32xl\:focus\:-translate-y-12:focus {
-    --tw-translate-y: -3rem;
-  }
-
-  .\32xl\:focus\:-translate-y-14:focus {
-    --tw-translate-y: -3.5rem;
-  }
-
-  .\32xl\:focus\:-translate-y-16:focus {
-    --tw-translate-y: -4rem;
-  }
-
-  .\32xl\:focus\:-translate-y-20:focus {
-    --tw-translate-y: -5rem;
-  }
-
-  .\32xl\:focus\:-translate-y-24:focus {
-    --tw-translate-y: -6rem;
-  }
-
-  .\32xl\:focus\:-translate-y-28:focus {
-    --tw-translate-y: -7rem;
-  }
-
-  .\32xl\:focus\:-translate-y-32:focus {
-    --tw-translate-y: -8rem;
-  }
-
-  .\32xl\:focus\:-translate-y-36:focus {
-    --tw-translate-y: -9rem;
-  }
-
-  .\32xl\:focus\:-translate-y-40:focus {
-    --tw-translate-y: -10rem;
-  }
-
-  .\32xl\:focus\:-translate-y-44:focus {
-    --tw-translate-y: -11rem;
-  }
-
-  .\32xl\:focus\:-translate-y-48:focus {
-    --tw-translate-y: -12rem;
-  }
-
-  .\32xl\:focus\:-translate-y-52:focus {
-    --tw-translate-y: -13rem;
-  }
-
-  .\32xl\:focus\:-translate-y-56:focus {
-    --tw-translate-y: -14rem;
-  }
-
-  .\32xl\:focus\:-translate-y-60:focus {
-    --tw-translate-y: -15rem;
-  }
-
-  .\32xl\:focus\:-translate-y-64:focus {
-    --tw-translate-y: -16rem;
-  }
-
-  .\32xl\:focus\:-translate-y-72:focus {
-    --tw-translate-y: -18rem;
-  }
-
-  .\32xl\:focus\:-translate-y-80:focus {
-    --tw-translate-y: -20rem;
-  }
-
-  .\32xl\:focus\:-translate-y-96:focus {
-    --tw-translate-y: -24rem;
-  }
-
-  .\32xl\:focus\:-translate-y-px:focus {
-    --tw-translate-y: -1px;
-  }
-
-  .\32xl\:focus\:-translate-y-0\.5:focus {
-    --tw-translate-y: -0.125rem;
-  }
-
-  .\32xl\:focus\:-translate-y-1\.5:focus {
-    --tw-translate-y: -0.375rem;
-  }
-
-  .\32xl\:focus\:-translate-y-2\.5:focus {
-    --tw-translate-y: -0.625rem;
-  }
-
-  .\32xl\:focus\:-translate-y-3\.5:focus {
-    --tw-translate-y: -0.875rem;
-  }
-
-  .\32xl\:focus\:translate-y-1\/2:focus {
-    --tw-translate-y: 50%;
-  }
-
-  .\32xl\:focus\:translate-y-1\/3:focus {
-    --tw-translate-y: 33.333333%;
-  }
-
-  .\32xl\:focus\:translate-y-2\/3:focus {
-    --tw-translate-y: 66.666667%;
-  }
-
-  .\32xl\:focus\:translate-y-1\/4:focus {
-    --tw-translate-y: 25%;
-  }
-
-  .\32xl\:focus\:translate-y-2\/4:focus {
-    --tw-translate-y: 50%;
-  }
-
-  .\32xl\:focus\:translate-y-3\/4:focus {
-    --tw-translate-y: 75%;
-  }
-
-  .\32xl\:focus\:translate-y-full:focus {
-    --tw-translate-y: 100%;
-  }
-
-  .\32xl\:focus\:-translate-y-1\/2:focus {
-    --tw-translate-y: -50%;
-  }
-
-  .\32xl\:focus\:-translate-y-1\/3:focus {
-    --tw-translate-y: -33.333333%;
-  }
-
-  .\32xl\:focus\:-translate-y-2\/3:focus {
-    --tw-translate-y: -66.666667%;
-  }
-
-  .\32xl\:focus\:-translate-y-1\/4:focus {
-    --tw-translate-y: -25%;
-  }
-
-  .\32xl\:focus\:-translate-y-2\/4:focus {
-    --tw-translate-y: -50%;
-  }
-
-  .\32xl\:focus\:-translate-y-3\/4:focus {
-    --tw-translate-y: -75%;
-  }
-
-  .\32xl\:focus\:-translate-y-full:focus {
-    --tw-translate-y: -100%;
-  }
-
-  .\32xl\:skew-x-0 {
-    --tw-skew-x: 0deg;
-  }
-
-  .\32xl\:skew-x-1 {
-    --tw-skew-x: 1deg;
-  }
-
-  .\32xl\:skew-x-2 {
-    --tw-skew-x: 2deg;
-  }
-
-  .\32xl\:skew-x-3 {
-    --tw-skew-x: 3deg;
-  }
-
-  .\32xl\:skew-x-6 {
-    --tw-skew-x: 6deg;
-  }
-
-  .\32xl\:skew-x-12 {
-    --tw-skew-x: 12deg;
-  }
-
-  .\32xl\:-skew-x-12 {
-    --tw-skew-x: -12deg;
-  }
-
-  .\32xl\:-skew-x-6 {
-    --tw-skew-x: -6deg;
-  }
-
-  .\32xl\:-skew-x-3 {
-    --tw-skew-x: -3deg;
-  }
-
-  .\32xl\:-skew-x-2 {
-    --tw-skew-x: -2deg;
-  }
-
-  .\32xl\:-skew-x-1 {
-    --tw-skew-x: -1deg;
-  }
-
-  .\32xl\:skew-y-0 {
-    --tw-skew-y: 0deg;
-  }
-
-  .\32xl\:skew-y-1 {
-    --tw-skew-y: 1deg;
-  }
-
-  .\32xl\:skew-y-2 {
-    --tw-skew-y: 2deg;
-  }
-
-  .\32xl\:skew-y-3 {
-    --tw-skew-y: 3deg;
-  }
-
-  .\32xl\:skew-y-6 {
-    --tw-skew-y: 6deg;
-  }
-
-  .\32xl\:skew-y-12 {
-    --tw-skew-y: 12deg;
-  }
-
-  .\32xl\:-skew-y-12 {
-    --tw-skew-y: -12deg;
-  }
-
-  .\32xl\:-skew-y-6 {
-    --tw-skew-y: -6deg;
-  }
-
-  .\32xl\:-skew-y-3 {
-    --tw-skew-y: -3deg;
-  }
-
-  .\32xl\:-skew-y-2 {
-    --tw-skew-y: -2deg;
-  }
-
-  .\32xl\:-skew-y-1 {
-    --tw-skew-y: -1deg;
-  }
-
-  .\32xl\:hover\:skew-x-0:hover {
-    --tw-skew-x: 0deg;
-  }
-
-  .\32xl\:hover\:skew-x-1:hover {
-    --tw-skew-x: 1deg;
-  }
-
-  .\32xl\:hover\:skew-x-2:hover {
-    --tw-skew-x: 2deg;
-  }
-
-  .\32xl\:hover\:skew-x-3:hover {
-    --tw-skew-x: 3deg;
-  }
-
-  .\32xl\:hover\:skew-x-6:hover {
-    --tw-skew-x: 6deg;
-  }
-
-  .\32xl\:hover\:skew-x-12:hover {
-    --tw-skew-x: 12deg;
-  }
-
-  .\32xl\:hover\:-skew-x-12:hover {
-    --tw-skew-x: -12deg;
-  }
-
-  .\32xl\:hover\:-skew-x-6:hover {
-    --tw-skew-x: -6deg;
-  }
-
-  .\32xl\:hover\:-skew-x-3:hover {
-    --tw-skew-x: -3deg;
-  }
-
-  .\32xl\:hover\:-skew-x-2:hover {
-    --tw-skew-x: -2deg;
-  }
-
-  .\32xl\:hover\:-skew-x-1:hover {
-    --tw-skew-x: -1deg;
-  }
-
-  .\32xl\:hover\:skew-y-0:hover {
-    --tw-skew-y: 0deg;
-  }
-
-  .\32xl\:hover\:skew-y-1:hover {
-    --tw-skew-y: 1deg;
-  }
-
-  .\32xl\:hover\:skew-y-2:hover {
-    --tw-skew-y: 2deg;
-  }
-
-  .\32xl\:hover\:skew-y-3:hover {
-    --tw-skew-y: 3deg;
-  }
-
-  .\32xl\:hover\:skew-y-6:hover {
-    --tw-skew-y: 6deg;
-  }
-
-  .\32xl\:hover\:skew-y-12:hover {
-    --tw-skew-y: 12deg;
-  }
-
-  .\32xl\:hover\:-skew-y-12:hover {
-    --tw-skew-y: -12deg;
-  }
-
-  .\32xl\:hover\:-skew-y-6:hover {
-    --tw-skew-y: -6deg;
-  }
-
-  .\32xl\:hover\:-skew-y-3:hover {
-    --tw-skew-y: -3deg;
-  }
-
-  .\32xl\:hover\:-skew-y-2:hover {
-    --tw-skew-y: -2deg;
-  }
-
-  .\32xl\:hover\:-skew-y-1:hover {
-    --tw-skew-y: -1deg;
-  }
-
-  .\32xl\:focus\:skew-x-0:focus {
-    --tw-skew-x: 0deg;
-  }
-
-  .\32xl\:focus\:skew-x-1:focus {
-    --tw-skew-x: 1deg;
-  }
-
-  .\32xl\:focus\:skew-x-2:focus {
-    --tw-skew-x: 2deg;
-  }
-
-  .\32xl\:focus\:skew-x-3:focus {
-    --tw-skew-x: 3deg;
-  }
-
-  .\32xl\:focus\:skew-x-6:focus {
-    --tw-skew-x: 6deg;
-  }
-
-  .\32xl\:focus\:skew-x-12:focus {
-    --tw-skew-x: 12deg;
-  }
-
-  .\32xl\:focus\:-skew-x-12:focus {
-    --tw-skew-x: -12deg;
-  }
-
-  .\32xl\:focus\:-skew-x-6:focus {
-    --tw-skew-x: -6deg;
-  }
-
-  .\32xl\:focus\:-skew-x-3:focus {
-    --tw-skew-x: -3deg;
-  }
-
-  .\32xl\:focus\:-skew-x-2:focus {
-    --tw-skew-x: -2deg;
-  }
-
-  .\32xl\:focus\:-skew-x-1:focus {
-    --tw-skew-x: -1deg;
-  }
-
-  .\32xl\:focus\:skew-y-0:focus {
-    --tw-skew-y: 0deg;
-  }
-
-  .\32xl\:focus\:skew-y-1:focus {
-    --tw-skew-y: 1deg;
-  }
-
-  .\32xl\:focus\:skew-y-2:focus {
-    --tw-skew-y: 2deg;
-  }
-
-  .\32xl\:focus\:skew-y-3:focus {
-    --tw-skew-y: 3deg;
-  }
-
-  .\32xl\:focus\:skew-y-6:focus {
-    --tw-skew-y: 6deg;
-  }
-
-  .\32xl\:focus\:skew-y-12:focus {
-    --tw-skew-y: 12deg;
-  }
-
-  .\32xl\:focus\:-skew-y-12:focus {
-    --tw-skew-y: -12deg;
-  }
-
-  .\32xl\:focus\:-skew-y-6:focus {
-    --tw-skew-y: -6deg;
-  }
-
-  .\32xl\:focus\:-skew-y-3:focus {
-    --tw-skew-y: -3deg;
-  }
-
-  .\32xl\:focus\:-skew-y-2:focus {
-    --tw-skew-y: -2deg;
-  }
-
-  .\32xl\:focus\:-skew-y-1:focus {
-    --tw-skew-y: -1deg;
-  }
-
-  .\32xl\:transition-none {
-    transition-property: none;
-  }
-
-  .\32xl\:transition-all {
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .\32xl\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .\32xl\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .\32xl\:transition-opacity {
-    transition-property: opacity;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .\32xl\:transition-shadow {
-    transition-property: box-shadow;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .\32xl\:transition-transform {
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .\32xl\:ease-linear {
-    transition-timing-function: linear;
-  }
-
-  .\32xl\:ease-in {
-    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-  }
-
-  .\32xl\:ease-out {
-    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  }
-
-  .\32xl\:ease-in-out {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  .\32xl\:duration-75 {
-    transition-duration: 75ms;
-  }
-
-  .\32xl\:duration-100 {
-    transition-duration: 100ms;
-  }
-
-  .\32xl\:duration-150 {
-    transition-duration: 150ms;
-  }
-
-  .\32xl\:duration-200 {
-    transition-duration: 200ms;
-  }
-
-  .\32xl\:duration-300 {
-    transition-duration: 300ms;
-  }
-
-  .\32xl\:duration-500 {
-    transition-duration: 500ms;
-  }
-
-  .\32xl\:duration-700 {
-    transition-duration: 700ms;
-  }
-
-  .\32xl\:duration-1000 {
-    transition-duration: 1000ms;
-  }
-
-  .\32xl\:delay-75 {
-    transition-delay: 75ms;/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
-
-/*
-Document
-========
-*/
-
-/**
-Use a better box model (opinionated).
-*/
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-/**
-Use a more readable tab size (opinionated).
-*/
-
-:root {
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-     tab-size: 4;
-}
-
-/**
-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;
-}
-
-/**
-Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
-*/
-
-body {
-  font-family:
-		system-ui,
-		-apple-system, /* Firefox supports this but not yet `system-ui` */
-		'Segoe UI',
-		Roboto,
-		Helvetica,
-		Arial,
-		sans-serif,
-		'Apple Color Emoji',
-		'Segoe UI Emoji';
-}
-
-/*
-Grouping content
-================
-*/
-
-/**
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-*/
-
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-}
-
-/*
-Text-level semantics
-====================
-*/
-
-/**
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr[title] {
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
-}
-
-/**
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/**
-1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
-2. Correct the odd 'em' font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family:
-		ui-monospace,
-		SFMono-Regular,
-		Consolas,
-		'Liberation Mono',
-		Menlo,
-		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;
-}
-
-/*
-Tabular data
-============
-*/
-
-/**
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-*/
-
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-}
-
-/*
-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 */
-}
-
-/**
-Remove the inheritance of text transform in Edge and Firefox.
-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.
-*/
-
-::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-/**
-Restore the focus styles unset by the previous rule.
-*/
-
-:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-/**
-Remove the additional ':invalid' styles in Firefox.
-See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/**
-Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
-*/
-
-legend {
-  padding: 0;
-}
-
-/**
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/**
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-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.
-*/
-
-::-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 Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}
-
-/**
- * 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: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
-  line-height: 1.5; /* 2 */
-}
-
-/**
- * Inherit font-family and line-height from `html` so users can set them as
- * a class directly on the `html` element.
- */
-
-body {
-  font-family: inherit;
-  line-height: inherit;
-}
-
-/**
- * 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: #e5e7eb; /* 2 */
-}
-
-/*
- * Ensure horizontal rules are visible by default
- */
-
-hr {
-  border-top-width: 1px;
-}
-
-/**
- * Undo the `border-style: none` reset that Normalize applies to images so that
- * our `border-{width}` utilities have the expected effect.
- *
- * The Normalize reset is unnecessary for us since we default the border-width
- * to 0 on all elements.
- *
- * https://github.com/tailwindcss/tailwindcss/issues/362
- */
-
-img {
-  border-style: solid;
-}
-
-textarea {
-  resize: vertical;
-}
-
-input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
-  color: #9ca3af;
-}
-
-input::-moz-placeholder, textarea::-moz-placeholder {
-  color: #9ca3af;
-}
-
-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-  color: #9ca3af;
-}
-
-input::-ms-input-placeholder, textarea::-ms-input-placeholder {
-  color: #9ca3af;
-}
-
-input::placeholder,
-textarea::placeholder {
-  color: #9ca3af;
-}
-
-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: ui-monospace, SFMono-Regular, 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;
-  }
-}
-
-@media (min-width: 1536px) {
-  .container {
-    max-width: 1536px;
-  }
-}
-
-.space-y-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0px * var(--tw-space-y-reverse));
-}
-
-.space-x-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0px * var(--tw-space-x-reverse));
-  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-1 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
-}
-
-.space-x-1 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
-}
-
-.space-x-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
-}
-
-.space-x-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
-}
-
-.space-x-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1rem * var(--tw-space-x-reverse));
-  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
-}
-
-.space-x-5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-6 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
-}
-
-.space-x-6 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-7 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
-}
-
-.space-x-7 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
-}
-
-.space-x-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(2rem * var(--tw-space-x-reverse));
-  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-9 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
-}
-
-.space-x-9 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(2.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-10 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
-}
-
-.space-x-10 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(2.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-11 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
-}
-
-.space-x-11 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(2.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-12 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
-}
-
-.space-x-12 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(3rem * var(--tw-space-x-reverse));
-  margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-14 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
-}
-
-.space-x-14 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(3.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-16 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(4rem * var(--tw-space-y-reverse));
-}
-
-.space-x-16 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(4rem * var(--tw-space-x-reverse));
-  margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-20 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(5rem * var(--tw-space-y-reverse));
-}
-
-.space-x-20 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(5rem * var(--tw-space-x-reverse));
-  margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-24 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(6rem * var(--tw-space-y-reverse));
-}
-
-.space-x-24 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(6rem * var(--tw-space-x-reverse));
-  margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-28 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(7rem * var(--tw-space-y-reverse));
-}
-
-.space-x-28 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(7rem * var(--tw-space-x-reverse));
-  margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-32 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(8rem * var(--tw-space-y-reverse));
-}
-
-.space-x-32 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(8rem * var(--tw-space-x-reverse));
-  margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-36 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(9rem * var(--tw-space-y-reverse));
-}
-
-.space-x-36 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(9rem * var(--tw-space-x-reverse));
-  margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-40 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(10rem * var(--tw-space-y-reverse));
-}
-
-.space-x-40 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(10rem * var(--tw-space-x-reverse));
-  margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-44 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(11rem * var(--tw-space-y-reverse));
-}
-
-.space-x-44 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(11rem * var(--tw-space-x-reverse));
-  margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-48 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(12rem * var(--tw-space-y-reverse));
-}
-
-.space-x-48 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(12rem * var(--tw-space-x-reverse));
-  margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-52 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(13rem * var(--tw-space-y-reverse));
-}
-
-.space-x-52 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(13rem * var(--tw-space-x-reverse));
-  margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-56 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(14rem * var(--tw-space-y-reverse));
-}
-
-.space-x-56 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(14rem * var(--tw-space-x-reverse));
-  margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-60 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(15rem * var(--tw-space-y-reverse));
-}
-
-.space-x-60 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(15rem * var(--tw-space-x-reverse));
-  margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-64 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(16rem * var(--tw-space-y-reverse));
-}
-
-.space-x-64 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(16rem * var(--tw-space-x-reverse));
-  margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-72 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(18rem * var(--tw-space-y-reverse));
-}
-
-.space-x-72 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(18rem * var(--tw-space-x-reverse));
-  margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-80 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(20rem * var(--tw-space-y-reverse));
-}
-
-.space-x-80 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(20rem * var(--tw-space-x-reverse));
-  margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-96 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(24rem * var(--tw-space-y-reverse));
-}
-
-.space-x-96 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(24rem * var(--tw-space-x-reverse));
-  margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-px > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1px * var(--tw-space-y-reverse));
-}
-
-.space-x-px > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1px * var(--tw-space-x-reverse));
-  margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
-}
-
-.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
-}
-
-.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
-}
-
-.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
-}
-
-.space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.875rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0px * var(--tw-space-y-reverse));
-}
-
-.-space-x-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0px * var(--tw-space-x-reverse));
-  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-1 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-1 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-1rem * var(--tw-space-x-reverse));
-  margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-6 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-6 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-7 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-7 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-2rem * var(--tw-space-x-reverse));
-  margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-9 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-9 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-10 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-10 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-11 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-11 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-12 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-12 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-3rem * var(--tw-space-x-reverse));
-  margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-14 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-14 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-16 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-16 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-4rem * var(--tw-space-x-reverse));
-  margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-20 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-20 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-5rem * var(--tw-space-x-reverse));
-  margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-24 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-24 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-6rem * var(--tw-space-x-reverse));
-  margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-28 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-28 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-7rem * var(--tw-space-x-reverse));
-  margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-32 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-32 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-8rem * var(--tw-space-x-reverse));
-  margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-36 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-36 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-9rem * var(--tw-space-x-reverse));
-  margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-40 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-40 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-10rem * var(--tw-space-x-reverse));
-  margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-44 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-44 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-11rem * var(--tw-space-x-reverse));
-  margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-48 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-48 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-12rem * var(--tw-space-x-reverse));
-  margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-52 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-52 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-13rem * var(--tw-space-x-reverse));
-  margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-56 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-56 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-14rem * var(--tw-space-x-reverse));
-  margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-60 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-60 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-15rem * var(--tw-space-x-reverse));
-  margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-64 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-64 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-16rem * var(--tw-space-x-reverse));
-  margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-72 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-72 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-18rem * var(--tw-space-x-reverse));
-  margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-80 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-80 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-20rem * var(--tw-space-x-reverse));
-  margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-96 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-96 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-24rem * var(--tw-space-x-reverse));
-  margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-px > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-1px * var(--tw-space-y-reverse));
-}
-
-.-space-x-px > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-1px * var(--tw-space-x-reverse));
-  margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
-  margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
-  margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
-  margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
-}
-
-.-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
-  margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-reverse > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 1;
-}
-
-.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 1;
-}
-
-.divide-y-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-y-reverse: 0;
-  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
-  border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
-}
-
-.divide-x-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-x-reverse: 0;
-  border-right-width: calc(0px * var(--tw-divide-x-reverse));
-  border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
-}
-
-.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-y-reverse: 0;
-  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
-  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
-}
-
-.divide-x-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-x-reverse: 0;
-  border-right-width: calc(2px * var(--tw-divide-x-reverse));
-  border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
-}
-
-.divide-y-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-y-reverse: 0;
-  border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
-  border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
-}
-
-.divide-x-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-x-reverse: 0;
-  border-right-width: calc(4px * var(--tw-divide-x-reverse));
-  border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
-}
-
-.divide-y-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-y-reverse: 0;
-  border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
-  border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
-}
-
-.divide-x-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-x-reverse: 0;
-  border-right-width: calc(8px * var(--tw-divide-x-reverse));
-  border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
-}
-
-.divide-y > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-y-reverse: 0;
-  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
-}
-
-.divide-x > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-x-reverse: 0;
-  border-right-width: calc(1px * var(--tw-divide-x-reverse));
-  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
-}
-
-.divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-y-reverse: 1;
-}
-
-.divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-x-reverse: 1;
-}
-
-.divide-current > :not([hidden]) ~ :not([hidden]) {
-  border-color: currentColor;
-}
-
-.divide-transparent > :not([hidden]) ~ :not([hidden]) {
-  border-color: transparent;
-}
-
-.divide-black > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
-}
-
-.divide-white > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
-}
-
-.divide-darkCoolGray-50 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(245, 246, 247, var(--tw-divide-opacity));
-}
-
-.divide-darkCoolGray-100 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(235, 237, 239, var(--tw-divide-opacity));
-}
-
-.divide-darkCoolGray-200 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(206, 209, 214, var(--tw-divide-opacity));
-}
-
-.divide-darkCoolGray-300 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(176, 181, 189, var(--tw-divide-opacity));
-}
-
-.divide-darkCoolGray-400 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(117, 126, 140, var(--tw-divide-opacity));
-}
-
-.divide-darkCoolGray-500 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(58, 71, 91, var(--tw-divide-opacity));
-}
-
-.divide-darkCoolGray-600 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(52, 64, 82, var(--tw-divide-opacity));
-}
-
-.divide-darkCoolGray-700 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(44, 53, 68, var(--tw-divide-opacity));
-}
-
-.divide-darkCoolGray-800 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(35, 43, 55, var(--tw-divide-opacity));
-}
-
-.divide-darkCoolGray-900 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(28, 35, 45, var(--tw-divide-opacity));
-}
-
-.divide-coolGray-50 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(247, 248, 249, var(--tw-divide-opacity));
-}
-
-.divide-coolGray-100 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(238, 240, 243, var(--tw-divide-opacity));
-}
-
-.divide-coolGray-200 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(213, 218, 225, var(--tw-divide-opacity));
-}
-
-.divide-coolGray-300 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(187, 195, 207, var(--tw-divide-opacity));
-}
-
-.divide-coolGray-400 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(136, 150, 171, var(--tw-divide-opacity));
-}
-
-.divide-coolGray-500 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(85, 105, 135, var(--tw-divide-opacity));
-}
-
-.divide-coolGray-600 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(77, 95, 122, var(--tw-divide-opacity));
-}
-
-.divide-coolGray-700 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(64, 79, 101, var(--tw-divide-opacity));
-}
-
-.divide-coolGray-800 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(51, 63, 81, var(--tw-divide-opacity));
-}
-
-.divide-coolGray-900 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(42, 51, 66, var(--tw-divide-opacity));
-}
-
-.divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(248, 246, 255, var(--tw-divide-opacity));
-}
-
-.divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(240, 238, 255, var(--tw-divide-opacity));
-}
-
-.divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(218, 212, 255, var(--tw-divide-opacity));
-}
-
-.divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(195, 185, 255, var(--tw-divide-opacity));
-}
-
-.divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(150, 133, 255, var(--tw-divide-opacity));
-}
-
-.divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(105, 81, 255, var(--tw-divide-opacity));
-}
-
-.divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(95, 73, 230, var(--tw-divide-opacity));
-}
-
-.divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(79, 61, 191, var(--tw-divide-opacity));
-}
-
-.divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(63, 49, 153, var(--tw-divide-opacity));
-}
-
-.divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(51, 40, 125, var(--tw-divide-opacity));
-}
-
-.divide-violet-50 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(251, 247, 255, var(--tw-divide-opacity));
-}
-
-.divide-violet-100 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(246, 238, 254, var(--tw-divide-opacity));
-}
-
-.divide-violet-200 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(233, 213, 253, var(--tw-divide-opacity));
-}
-
-.divide-violet-300 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(220, 187, 252, var(--tw-divide-opacity));
-}
-
-.divide-violet-400 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(194, 136, 249, var(--tw-divide-opacity));
-}
-
-.divide-violet-500 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(168, 85, 247, var(--tw-divide-opacity));
-}
-
-.divide-violet-600 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(151, 77, 222, var(--tw-divide-opacity));
-}
-
-.divide-violet-700 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(126, 64, 185, var(--tw-divide-opacity));
-}
-
-.divide-violet-800 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(101, 51, 148, var(--tw-divide-opacity));
-}
-
-.divide-violet-900 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(82, 42, 121, var(--tw-divide-opacity));
-}
-
-.divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(255, 250, 243, var(--tw-divide-opacity));
-}
-
-.divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(254, 245, 231, var(--tw-divide-opacity));
-}
-
-.divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(253, 231, 194, var(--tw-divide-opacity));
-}
-
-.divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(251, 216, 157, var(--tw-divide-opacity));
-}
-
-.divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(248, 187, 84, var(--tw-divide-opacity));
-}
-
-.divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
-}
-
-.divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(221, 142, 10, var(--tw-divide-opacity));
-}
-
-.divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(184, 119, 8, var(--tw-divide-opacity));
-}
-
-.divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(147, 95, 7, var(--tw-divide-opacity));
-}
-
-.divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(120, 77, 5, var(--tw-divide-opacity));
-}
-
-.divide-red-50 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(254, 247, 246, var(--tw-divide-opacity));
-}
-
-.divide-red-100 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(253, 238, 236, var(--tw-divide-opacity));
-}
-
-.divide-red-200 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(251, 214, 208, var(--tw-divide-opacity));
-}
-
-.divide-red-300 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(249, 189, 180, var(--tw-divide-opacity));
-}
-
-.divide-red-400 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(244, 139, 124, var(--tw-divide-opacity));
-}
-
-.divide-red-500 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(239, 88, 68, var(--tw-divide-opacity));
-}
-
-.divide-red-600 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(215, 80, 61, var(--tw-divide-opacity));
-}
-
-.divide-red-700 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(179, 67, 51, var(--tw-divide-opacity));
-}
-
-.divide-red-800 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(143, 53, 41, var(--tw-divide-opacity));
-}
-
-.divide-red-900 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(117, 44, 33, var(--tw-divide-opacity));
-}
-
-.divide-green-50 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(244, 253, 247, var(--tw-divide-opacity));
-}
-
-.divide-green-100 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(234, 250, 240, var(--tw-divide-opacity));
-}
-
-.divide-green-200 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(202, 244, 217, var(--tw-divide-opacity));
-}
-
-.divide-green-300 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(170, 237, 195, var(--tw-divide-opacity));
-}
-
-.divide-green-400 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(106, 223, 149, var(--tw-divide-opacity));
-}
-
-.divide-green-500 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(42, 209, 103, var(--tw-divide-opacity));
-}
-
-.divide-green-600 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(38, 188, 94, var(--tw-divide-opacity));
-}
-
-.divide-green-700 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(32, 157, 78, var(--tw-divide-opacity));
-}
-
-.divide-green-800 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(25, 125, 62, var(--tw-divide-opacity));
-}
-
-.divide-green-900 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(21, 102, 51, var(--tw-divide-opacity));
-}
-
-.divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(245, 249, 255, var(--tw-divide-opacity));
-}
-
-.divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(235, 243, 254, var(--tw-divide-opacity));
-}
-
-.divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(206, 224, 253, var(--tw-divide-opacity));
-}
-
-.divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(177, 205, 251, var(--tw-divide-opacity));
-}
-
-.divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(118, 168, 249, var(--tw-divide-opacity));
-}
-
-.divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
-}
-
-.divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(53, 117, 221, var(--tw-divide-opacity));
-}
-
-.divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(44, 98, 185, var(--tw-divide-opacity));
-}
-
-.divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(35, 78, 148, var(--tw-divide-opacity));
-}
-
-.divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(29, 64, 121, var(--tw-divide-opacity));
-}
-
-.divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
-}
-
-.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
-}
-
-.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
-}
-
-.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
-}
-
-.divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
-}
-
-.divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
-}
-
-.divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
-}
-
-.divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
-}
-
-.divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
-}
-
-.divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
-}
-
-.divide-solid > :not([hidden]) ~ :not([hidden]) {
-  border-style: solid;
-}
-
-.divide-dashed > :not([hidden]) ~ :not([hidden]) {
-  border-style: dashed;
-}
-
-.divide-dotted > :not([hidden]) ~ :not([hidden]) {
-  border-style: dotted;
-}
-
-.divide-double > :not([hidden]) ~ :not([hidden]) {
-  border-style: double;
-}
-
-.divide-none > :not([hidden]) ~ :not([hidden]) {
-  border-style: none;
-}
-
-.divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 0;
-}
-
-.divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 0.05;
-}
-
-.divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 0.1;
-}
-
-.divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 0.2;
-}
-
-.divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 0.25;
-}
-
-.divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 0.3;
-}
-
-.divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 0.4;
-}
-
-.divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 0.5;
-}
-
-.divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 0.6;
-}
-
-.divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 0.7;
-}
-
-.divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 0.75;
-}
-
-.divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 0.8;
-}
-
-.divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 0.9;
-}
-
-.divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 0.95;
-}
-
-.divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
-  --tw-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-within\:sr-only:focus-within {
-  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-within\:not-sr-only:focus-within {
-  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-black {
-  --tw-bg-opacity: 1;
-  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-}
-
-.bg-white {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-}
-
-.bg-darkCoolGray-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-}
-
-.bg-darkCoolGray-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-}
-
-.bg-darkCoolGray-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-}
-
-.bg-darkCoolGray-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-}
-
-.bg-darkCoolGray-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-}
-
-.bg-darkCoolGray-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-}
-
-.bg-darkCoolGray-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-}
-
-.bg-darkCoolGray-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-}
-
-.bg-darkCoolGray-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-}
-
-.bg-darkCoolGray-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-}
-
-.bg-coolGray-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-}
-
-.bg-coolGray-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-}
-
-.bg-coolGray-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-}
-
-.bg-coolGray-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-}
-
-.bg-coolGray-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-}
-
-.bg-coolGray-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-}
-
-.bg-coolGray-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-}
-
-.bg-coolGray-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-}
-
-.bg-coolGray-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-}
-
-.bg-coolGray-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-}
-
-.bg-indigo-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-}
-
-.bg-indigo-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-}
-
-.bg-indigo-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-}
-
-.bg-indigo-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-}
-
-.bg-indigo-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-}
-
-.bg-indigo-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-}
-
-.bg-indigo-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-}
-
-.bg-indigo-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-}
-
-.bg-indigo-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-}
-
-.bg-indigo-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-}
-
-.bg-violet-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-}
-
-.bg-violet-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-}
-
-.bg-violet-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-}
-
-.bg-violet-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-}
-
-.bg-violet-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-}
-
-.bg-violet-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-}
-
-.bg-violet-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-}
-
-.bg-violet-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-}
-
-.bg-violet-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-}
-
-.bg-violet-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-}
-
-.bg-yellow-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-}
-
-.bg-yellow-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-}
-
-.bg-yellow-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-}
-
-.bg-yellow-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-}
-
-.bg-yellow-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-}
-
-.bg-yellow-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-}
-
-.bg-yellow-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-}
-
-.bg-yellow-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-}
-
-.bg-yellow-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-}
-
-.bg-yellow-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-}
-
-.bg-red-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-}
-
-.bg-red-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-}
-
-.bg-red-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-}
-
-.bg-red-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-}
-
-.bg-red-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-}
-
-.bg-red-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-}
-
-.bg-red-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-}
-
-.bg-red-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-}
-
-.bg-red-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-}
-
-.bg-red-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-}
-
-.bg-green-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-}
-
-.bg-green-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-}
-
-.bg-green-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-}
-
-.bg-green-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-}
-
-.bg-green-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-}
-
-.bg-green-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-}
-
-.bg-green-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-}
-
-.bg-green-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-}
-
-.bg-green-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-}
-
-.bg-green-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-}
-
-.bg-blue-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-}
-
-.bg-blue-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-}
-
-.bg-blue-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-}
-
-.bg-blue-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-}
-
-.bg-blue-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-}
-
-.bg-blue-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-}
-
-.bg-blue-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-}
-
-.bg-blue-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-}
-
-.bg-blue-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-}
-
-.bg-blue-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-}
-
-.bg-gray-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-}
-
-.bg-gray-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-}
-
-.bg-gray-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-}
-
-.bg-gray-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-}
-
-.bg-gray-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-}
-
-.bg-gray-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-}
-
-.bg-gray-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-}
-
-.bg-gray-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-}
-
-.bg-gray-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-}
-
-.bg-gray-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-}
-
-.bg-body {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 255, 255, var(--tw-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-black {
-  --tw-bg-opacity: 1;
-  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-white {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-darkCoolGray-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-darkCoolGray-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-darkCoolGray-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-darkCoolGray-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-darkCoolGray-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-darkCoolGray-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-darkCoolGray-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-darkCoolGray-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-darkCoolGray-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-darkCoolGray-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-coolGray-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-coolGray-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-coolGray-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-coolGray-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-coolGray-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-coolGray-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-coolGray-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-coolGray-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-coolGray-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-coolGray-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-violet-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-violet-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-violet-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-violet-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-violet-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-violet-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-violet-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-violet-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-violet-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-violet-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:bg-body {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-current:focus-within {
-  background-color: currentColor;
-}
-
-.focus-within\:bg-transparent:focus-within {
-  background-color: transparent;
-}
-
-.focus-within\:bg-black:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-white:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-darkCoolGray-50:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-darkCoolGray-100:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-darkCoolGray-200:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-darkCoolGray-300:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-darkCoolGray-400:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-darkCoolGray-500:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-darkCoolGray-600:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-darkCoolGray-700:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-darkCoolGray-800:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-darkCoolGray-900:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-coolGray-50:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-coolGray-100:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-coolGray-200:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-coolGray-300:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-coolGray-400:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-coolGray-500:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-coolGray-600:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-coolGray-700:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-coolGray-800:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-coolGray-900:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-indigo-50:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-indigo-100:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-indigo-200:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-indigo-300:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-indigo-400:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-indigo-500:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-indigo-600:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-indigo-700:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-indigo-800:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-indigo-900:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-violet-50:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-violet-100:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-violet-200:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-violet-300:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-violet-400:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-violet-500:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-violet-600:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-violet-700:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-violet-800:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-violet-900:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-yellow-50:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-yellow-100:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-yellow-200:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-yellow-300:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-yellow-400:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-yellow-500:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-yellow-600:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-yellow-700:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-yellow-800:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-yellow-900:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-red-50:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-red-100:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-red-200:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-red-300:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-red-400:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-red-500:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-red-600:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-red-700:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-red-800:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-red-900:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-green-50:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-green-100:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-green-200:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-green-300:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-green-400:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-green-500:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-green-600:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-green-700:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-green-800:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-green-900:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-blue-50:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-blue-100:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-blue-200:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-blue-300:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-blue-400:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-blue-500:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-blue-600:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-blue-700:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-blue-800:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-blue-900:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-gray-50:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-gray-100:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-gray-200:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-gray-300:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-gray-400:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-gray-500:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-gray-600:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-gray-700:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-gray-800:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-gray-900:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-}
-
-.focus-within\:bg-body:focus-within {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-}
-
-.hover\:bg-current:hover {
-  background-color: currentColor;
-}
-
-.hover\:bg-transparent:hover {
-  background-color: transparent;
-}
-
-.hover\:bg-black:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-}
-
-.hover\:bg-white:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-}
-
-.hover\:bg-darkCoolGray-50:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-}
-
-.hover\:bg-darkCoolGray-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-}
-
-.hover\:bg-darkCoolGray-200:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-}
-
-.hover\:bg-darkCoolGray-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-}
-
-.hover\:bg-darkCoolGray-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-}
-
-.hover\:bg-darkCoolGray-500:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-}
-
-.hover\:bg-darkCoolGray-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-}
-
-.hover\:bg-darkCoolGray-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-}
-
-.hover\:bg-darkCoolGray-800:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-}
-
-.hover\:bg-darkCoolGray-900:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-}
-
-.hover\:bg-coolGray-50:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-}
-
-.hover\:bg-coolGray-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-}
-
-.hover\:bg-coolGray-200:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-}
-
-.hover\:bg-coolGray-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-}
-
-.hover\:bg-coolGray-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-}
-
-.hover\:bg-coolGray-500:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-}
-
-.hover\:bg-coolGray-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-}
-
-.hover\:bg-coolGray-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-}
-
-.hover\:bg-coolGray-800:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-}
-
-.hover\:bg-coolGray-900:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-}
-
-.hover\:bg-indigo-50:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-}
-
-.hover\:bg-indigo-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-}
-
-.hover\:bg-indigo-200:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-}
-
-.hover\:bg-indigo-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-}
-
-.hover\:bg-indigo-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-}
-
-.hover\:bg-indigo-500:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-}
-
-.hover\:bg-indigo-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-}
-
-.hover\:bg-indigo-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-}
-
-.hover\:bg-indigo-800:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-}
-
-.hover\:bg-indigo-900:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-}
-
-.hover\:bg-violet-50:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-}
-
-.hover\:bg-violet-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-}
-
-.hover\:bg-violet-200:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-}
-
-.hover\:bg-violet-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-}
-
-.hover\:bg-violet-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-}
-
-.hover\:bg-violet-500:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-}
-
-.hover\:bg-violet-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-}
-
-.hover\:bg-violet-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-}
-
-.hover\:bg-violet-800:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-}
-
-.hover\:bg-violet-900:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-}
-
-.hover\:bg-yellow-50:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-}
-
-.hover\:bg-yellow-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-}
-
-.hover\:bg-yellow-200:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-}
-
-.hover\:bg-yellow-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-}
-
-.hover\:bg-yellow-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-}
-
-.hover\:bg-yellow-500:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-}
-
-.hover\:bg-yellow-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-}
-
-.hover\:bg-yellow-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-}
-
-.hover\:bg-yellow-800:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-}
-
-.hover\:bg-yellow-900:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-}
-
-.hover\:bg-red-50:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-}
-
-.hover\:bg-red-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-}
-
-.hover\:bg-red-200:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-}
-
-.hover\:bg-red-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-}
-
-.hover\:bg-red-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-}
-
-.hover\:bg-red-500:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-}
-
-.hover\:bg-red-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-}
-
-.hover\:bg-red-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-}
-
-.hover\:bg-red-800:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-}
-
-.hover\:bg-red-900:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-}
-
-.hover\:bg-green-50:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-}
-
-.hover\:bg-green-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-}
-
-.hover\:bg-green-200:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-}
-
-.hover\:bg-green-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-}
-
-.hover\:bg-green-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-}
-
-.hover\:bg-green-500:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-}
-
-.hover\:bg-green-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-}
-
-.hover\:bg-green-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-}
-
-.hover\:bg-green-800:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-}
-
-.hover\:bg-green-900:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-}
-
-.hover\:bg-blue-50:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-}
-
-.hover\:bg-blue-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-}
-
-.hover\:bg-blue-200:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-}
-
-.hover\:bg-blue-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-}
-
-.hover\:bg-blue-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-}
-
-.hover\:bg-blue-500:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-}
-
-.hover\:bg-blue-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-}
-
-.hover\:bg-blue-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-}
-
-.hover\:bg-blue-800:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-}
-
-.hover\:bg-blue-900:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-}
-
-.hover\:bg-gray-50:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-}
-
-.hover\:bg-gray-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-}
-
-.hover\:bg-gray-200:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-}
-
-.hover\:bg-gray-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-}
-
-.hover\:bg-gray-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-}
-
-.hover\:bg-gray-500:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-}
-
-.hover\:bg-gray-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-}
-
-.hover\:bg-gray-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-}
-
-.hover\:bg-gray-800:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-}
-
-.hover\:bg-gray-900:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-}
-
-.hover\:bg-body:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-}
-
-.focus\:bg-current:focus {
-  background-color: currentColor;
-}
-
-.focus\:bg-transparent:focus {
-  background-color: transparent;
-}
-
-.focus\:bg-black:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-}
-
-.focus\:bg-white:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-}
-
-.focus\:bg-darkCoolGray-50:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-}
-
-.focus\:bg-darkCoolGray-100:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-}
-
-.focus\:bg-darkCoolGray-200:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-}
-
-.focus\:bg-darkCoolGray-300:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-}
-
-.focus\:bg-darkCoolGray-400:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-}
-
-.focus\:bg-darkCoolGray-500:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-}
-
-.focus\:bg-darkCoolGray-600:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-}
-
-.focus\:bg-darkCoolGray-700:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-}
-
-.focus\:bg-darkCoolGray-800:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-}
-
-.focus\:bg-darkCoolGray-900:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-}
-
-.focus\:bg-coolGray-50:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-}
-
-.focus\:bg-coolGray-100:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-}
-
-.focus\:bg-coolGray-200:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-}
-
-.focus\:bg-coolGray-300:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-}
-
-.focus\:bg-coolGray-400:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-}
-
-.focus\:bg-coolGray-500:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-}
-
-.focus\:bg-coolGray-600:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-}
-
-.focus\:bg-coolGray-700:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-}
-
-.focus\:bg-coolGray-800:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-}
-
-.focus\:bg-coolGray-900:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-}
-
-.focus\:bg-indigo-50:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-}
-
-.focus\:bg-indigo-100:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-}
-
-.focus\:bg-indigo-200:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-}
-
-.focus\:bg-indigo-300:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-}
-
-.focus\:bg-indigo-400:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-}
-
-.focus\:bg-indigo-500:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-}
-
-.focus\:bg-indigo-600:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-}
-
-.focus\:bg-indigo-700:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-}
-
-.focus\:bg-indigo-800:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-}
-
-.focus\:bg-indigo-900:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-}
-
-.focus\:bg-violet-50:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-}
-
-.focus\:bg-violet-100:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-}
-
-.focus\:bg-violet-200:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-}
-
-.focus\:bg-violet-300:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-}
-
-.focus\:bg-violet-400:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-}
-
-.focus\:bg-violet-500:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-}
-
-.focus\:bg-violet-600:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-}
-
-.focus\:bg-violet-700:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-}
-
-.focus\:bg-violet-800:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-}
-
-.focus\:bg-violet-900:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-}
-
-.focus\:bg-yellow-50:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-}
-
-.focus\:bg-yellow-100:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-}
-
-.focus\:bg-yellow-200:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-}
-
-.focus\:bg-yellow-300:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-}
-
-.focus\:bg-yellow-400:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-}
-
-.focus\:bg-yellow-500:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-}
-
-.focus\:bg-yellow-600:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-}
-
-.focus\:bg-yellow-700:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-}
-
-.focus\:bg-yellow-800:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-}
-
-.focus\:bg-yellow-900:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-}
-
-.focus\:bg-red-50:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-}
-
-.focus\:bg-red-100:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-}
-
-.focus\:bg-red-200:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-}
-
-.focus\:bg-red-300:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-}
-
-.focus\:bg-red-400:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-}
-
-.focus\:bg-red-500:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-}
-
-.focus\:bg-red-600:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-}
-
-.focus\:bg-red-700:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-}
-
-.focus\:bg-red-800:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-}
-
-.focus\:bg-red-900:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-}
-
-.focus\:bg-green-50:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-}
-
-.focus\:bg-green-100:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-}
-
-.focus\:bg-green-200:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-}
-
-.focus\:bg-green-300:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-}
-
-.focus\:bg-green-400:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-}
-
-.focus\:bg-green-500:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-}
-
-.focus\:bg-green-600:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-}
-
-.focus\:bg-green-700:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-}
-
-.focus\:bg-green-800:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-}
-
-.focus\:bg-green-900:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-}
-
-.focus\:bg-blue-50:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-}
-
-.focus\:bg-blue-100:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-}
-
-.focus\:bg-blue-200:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-}
-
-.focus\:bg-blue-300:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-}
-
-.focus\:bg-blue-400:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-}
-
-.focus\:bg-blue-500:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-}
-
-.focus\:bg-blue-600:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-}
-
-.focus\:bg-blue-700:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-}
-
-.focus\:bg-blue-800:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-}
-
-.focus\:bg-blue-900:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-}
-
-.focus\:bg-gray-50:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-}
-
-.focus\:bg-gray-100:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-}
-
-.focus\:bg-gray-200:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-}
-
-.focus\:bg-gray-300:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-}
-
-.focus\:bg-gray-400:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-}
-
-.focus\:bg-gray-500:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-}
-
-.focus\:bg-gray-600:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-}
-
-.focus\:bg-gray-700:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-}
-
-.focus\:bg-gray-800:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-}
-
-.focus\:bg-gray-900:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-}
-
-.focus\:bg-body:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-}
-
-.bg-none {
-  background-image: none;
-}
-
-.bg-gradient-to-t {
-  background-image: linear-gradient(to top, var(--tw-gradient-stops));
-}
-
-.bg-gradient-to-tr {
-  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
-}
-
-.bg-gradient-to-r {
-  background-image: linear-gradient(to right, var(--tw-gradient-stops));
-}
-
-.bg-gradient-to-br {
-  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
-}
-
-.bg-gradient-to-b {
-  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
-}
-
-.bg-gradient-to-bl {
-  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
-}
-
-.bg-gradient-to-l {
-  background-image: linear-gradient(to left, var(--tw-gradient-stops));
-}
-
-.bg-gradient-to-tl {
-  background-image: linear-gradient(to top left, var(--tw-gradient-stops));
-}
-
-.from-current {
-  --tw-gradient-from: currentColor;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
-.from-transparent {
-  --tw-gradient-from: transparent;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-}
-
-.from-black {
-  --tw-gradient-from: #000;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-}
-
-.from-white {
-  --tw-gradient-from: #fff;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
-.from-darkCoolGray-50 {
-  --tw-gradient-from: #F5F6F7;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-}
-
-.from-darkCoolGray-100 {
-  --tw-gradient-from: #EBEDEF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-}
-
-.from-darkCoolGray-200 {
-  --tw-gradient-from: #CED1D6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-}
-
-.from-darkCoolGray-300 {
-  --tw-gradient-from: #B0B5BD;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-}
-
-.from-darkCoolGray-400 {
-  --tw-gradient-from: #757E8C;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-}
-
-.from-darkCoolGray-500 {
-  --tw-gradient-from: #3A475B;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-}
-
-.from-darkCoolGray-600 {
-  --tw-gradient-from: #344052;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-}
-
-.from-darkCoolGray-700 {
-  --tw-gradient-from: #2C3544;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-}
-
-.from-darkCoolGray-800 {
-  --tw-gradient-from: #232B37;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-}
-
-.from-darkCoolGray-900 {
-  --tw-gradient-from: #1C232D;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-}
-
-.from-coolGray-50 {
-  --tw-gradient-from: #F7F8F9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-}
-
-.from-coolGray-100 {
-  --tw-gradient-from: #EEF0F3;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-}
-
-.from-coolGray-200 {
-  --tw-gradient-from: #D5DAE1;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-}
-
-.from-coolGray-300 {
-  --tw-gradient-from: #BBC3CF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-}
-
-.from-coolGray-400 {
-  --tw-gradient-from: #8896AB;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-}
-
-.from-coolGray-500 {
-  --tw-gradient-from: #556987;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-}
-
-.from-coolGray-600 {
-  --tw-gradient-from: #4D5F7A;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-}
-
-.from-coolGray-700 {
-  --tw-gradient-from: #404F65;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-}
-
-.from-coolGray-800 {
-  --tw-gradient-from: #333F51;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-}
-
-.from-coolGray-900 {
-  --tw-gradient-from: #2A3342;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-}
-
-.from-indigo-50 {
-  --tw-gradient-from: #F8F6FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-}
-
-.from-indigo-100 {
-  --tw-gradient-from: #F0EEFF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-}
-
-.from-indigo-200 {
-  --tw-gradient-from: #DAD4FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-}
-
-.from-indigo-300 {
-  --tw-gradient-from: #C3B9FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-}
-
-.from-indigo-400 {
-  --tw-gradient-from: #9685FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-}
-
-.from-indigo-500 {
-  --tw-gradient-from: #6951FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-}
-
-.from-indigo-600 {
-  --tw-gradient-from: #5F49E6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-}
-
-.from-indigo-700 {
-  --tw-gradient-from: #4F3DBF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-}
-
-.from-indigo-800 {
-  --tw-gradient-from: #3F3199;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-}
-
-.from-indigo-900 {
-  --tw-gradient-from: #33287D;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-}
-
-.from-violet-50 {
-  --tw-gradient-from: #FBF7FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-}
-
-.from-violet-100 {
-  --tw-gradient-from: #F6EEFE;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-}
-
-.from-violet-200 {
-  --tw-gradient-from: #E9D5FD;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-}
-
-.from-violet-300 {
-  --tw-gradient-from: #DCBBFC;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-}
-
-.from-violet-400 {
-  --tw-gradient-from: #C288F9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-}
-
-.from-violet-500 {
-  --tw-gradient-from: #A855F7;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-}
-
-.from-violet-600 {
-  --tw-gradient-from: #974DDE;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-}
-
-.from-violet-700 {
-  --tw-gradient-from: #7E40B9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-}
-
-.from-violet-800 {
-  --tw-gradient-from: #653394;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-}
-
-.from-violet-900 {
-  --tw-gradient-from: #522A79;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-}
-
-.from-yellow-50 {
-  --tw-gradient-from: #FFFAF3;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-}
-
-.from-yellow-100 {
-  --tw-gradient-from: #FEF5E7;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-}
-
-.from-yellow-200 {
-  --tw-gradient-from: #FDE7C2;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-}
-
-.from-yellow-300 {
-  --tw-gradient-from: #FBD89D;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-}
-
-.from-yellow-400 {
-  --tw-gradient-from: #F8BB54;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-}
-
-.from-yellow-500 {
-  --tw-gradient-from: #F59E0B;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-}
-
-.from-yellow-600 {
-  --tw-gradient-from: #DD8E0A;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-}
-
-.from-yellow-700 {
-  --tw-gradient-from: #B87708;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-}
-
-.from-yellow-800 {
-  --tw-gradient-from: #935F07;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-}
-
-.from-yellow-900 {
-  --tw-gradient-from: #784D05;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-}
-
-.from-red-50 {
-  --tw-gradient-from: #FEF7F6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-}
-
-.from-red-100 {
-  --tw-gradient-from: #FDEEEC;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-}
-
-.from-red-200 {
-  --tw-gradient-from: #FBD6D0;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-}
-
-.from-red-300 {
-  --tw-gradient-from: #F9BDB4;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-}
-
-.from-red-400 {
-  --tw-gradient-from: #F48B7C;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-}
-
-.from-red-500 {
-  --tw-gradient-from: #EF5844;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-}
-
-.from-red-600 {
-  --tw-gradient-from: #D7503D;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-}
-
-.from-red-700 {
-  --tw-gradient-from: #B34333;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-}
-
-.from-red-800 {
-  --tw-gradient-from: #8F3529;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-}
-
-.from-red-900 {
-  --tw-gradient-from: #752C21;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-}
-
-.from-green-50 {
-  --tw-gradient-from: #F4FDF7;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-}
-
-.from-green-100 {
-  --tw-gradient-from: #EAFAF0;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-}
-
-.from-green-200 {
-  --tw-gradient-from: #CAF4D9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-}
-
-.from-green-300 {
-  --tw-gradient-from: #AAEDC3;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-}
-
-.from-green-400 {
-  --tw-gradient-from: #6ADF95;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-}
-
-.from-green-500 {
-  --tw-gradient-from: #2AD167;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-}
-
-.from-green-600 {
-  --tw-gradient-from: #26BC5E;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-}
-
-.from-green-700 {
-  --tw-gradient-from: #209D4E;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-}
-
-.from-green-800 {
-  --tw-gradient-from: #197D3E;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-}
-
-.from-green-900 {
-  --tw-gradient-from: #156633;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-}
-
-.from-blue-50 {
-  --tw-gradient-from: #F5F9FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-}
-
-.from-blue-100 {
-  --tw-gradient-from: #EBF3FE;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-}
-
-.from-blue-200 {
-  --tw-gradient-from: #CEE0FD;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-}
-
-.from-blue-300 {
-  --tw-gradient-from: #B1CDFB;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-}
-
-.from-blue-400 {
-  --tw-gradient-from: #76A8F9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-}
-
-.from-blue-500 {
-  --tw-gradient-from: #3B82F6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-}
-
-.from-blue-600 {
-  --tw-gradient-from: #3575DD;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-}
-
-.from-blue-700 {
-  --tw-gradient-from: #2C62B9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-}
-
-.from-blue-800 {
-  --tw-gradient-from: #234E94;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-}
-
-.from-blue-900 {
-  --tw-gradient-from: #1D4079;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-}
-
-.from-gray-50 {
-  --tw-gradient-from: #f9fafb;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-}
-
-.from-gray-100 {
-  --tw-gradient-from: #f3f4f6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-}
-
-.from-gray-200 {
-  --tw-gradient-from: #e5e7eb;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-}
-
-.from-gray-300 {
-  --tw-gradient-from: #d1d5db;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-}
-
-.from-gray-400 {
-  --tw-gradient-from: #9ca3af;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-}
-
-.from-gray-500 {
-  --tw-gradient-from: #6b7280;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-}
-
-.from-gray-600 {
-  --tw-gradient-from: #4b5563;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-}
-
-.from-gray-700 {
-  --tw-gradient-from: #374151;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-}
-
-.from-gray-800 {
-  --tw-gradient-from: #1f2937;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-}
-
-.from-gray-900 {
-  --tw-gradient-from: #111827;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-}
-
-.via-current {
-  --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
-.via-transparent {
-  --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-}
-
-.via-black {
-  --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-}
-
-.via-white {
-  --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
-.via-darkCoolGray-50 {
-  --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-}
-
-.via-darkCoolGray-100 {
-  --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-}
-
-.via-darkCoolGray-200 {
-  --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-}
-
-.via-darkCoolGray-300 {
-  --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-}
-
-.via-darkCoolGray-400 {
-  --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-}
-
-.via-darkCoolGray-500 {
-  --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-}
-
-.via-darkCoolGray-600 {
-  --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-}
-
-.via-darkCoolGray-700 {
-  --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-}
-
-.via-darkCoolGray-800 {
-  --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-}
-
-.via-darkCoolGray-900 {
-  --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-}
-
-.via-coolGray-50 {
-  --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-}
-
-.via-coolGray-100 {
-  --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-}
-
-.via-coolGray-200 {
-  --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-}
-
-.via-coolGray-300 {
-  --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-}
-
-.via-coolGray-400 {
-  --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-}
-
-.via-coolGray-500 {
-  --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-}
-
-.via-coolGray-600 {
-  --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-}
-
-.via-coolGray-700 {
-  --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-}
-
-.via-coolGray-800 {
-  --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-}
-
-.via-coolGray-900 {
-  --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-}
-
-.via-indigo-50 {
-  --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-}
-
-.via-indigo-100 {
-  --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-}
-
-.via-indigo-200 {
-  --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-}
-
-.via-indigo-300 {
-  --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-}
-
-.via-indigo-400 {
-  --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-}
-
-.via-indigo-500 {
-  --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-}
-
-.via-indigo-600 {
-  --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-}
-
-.via-indigo-700 {
-  --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-}
-
-.via-indigo-800 {
-  --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-}
-
-.via-indigo-900 {
-  --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-}
-
-.via-violet-50 {
-  --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-}
-
-.via-violet-100 {
-  --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-}
-
-.via-violet-200 {
-  --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-}
-
-.via-violet-300 {
-  --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-}
-
-.via-violet-400 {
-  --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-}
-
-.via-violet-500 {
-  --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-}
-
-.via-violet-600 {
-  --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-}
-
-.via-violet-700 {
-  --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-}
-
-.via-violet-800 {
-  --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-}
-
-.via-violet-900 {
-  --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-}
-
-.via-yellow-50 {
-  --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-}
-
-.via-yellow-100 {
-  --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-}
-
-.via-yellow-200 {
-  --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-}
-
-.via-yellow-300 {
-  --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-}
-
-.via-yellow-400 {
-  --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-}
-
-.via-yellow-500 {
-  --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-}
-
-.via-yellow-600 {
-  --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-}
-
-.via-yellow-700 {
-  --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-}
-
-.via-yellow-800 {
-  --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-}
-
-.via-yellow-900 {
-  --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-}
-
-.via-red-50 {
-  --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-}
-
-.via-red-100 {
-  --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-}
-
-.via-red-200 {
-  --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-}
-
-.via-red-300 {
-  --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-}
-
-.via-red-400 {
-  --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-}
-
-.via-red-500 {
-  --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-}
-
-.via-red-600 {
-  --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-}
-
-.via-red-700 {
-  --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-}
-
-.via-red-800 {
-  --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-}
-
-.via-red-900 {
-  --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-}
-
-.via-green-50 {
-  --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-}
-
-.via-green-100 {
-  --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-}
-
-.via-green-200 {
-  --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-}
-
-.via-green-300 {
-  --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-}
-
-.via-green-400 {
-  --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-}
-
-.via-green-500 {
-  --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-}
-
-.via-green-600 {
-  --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-}
-
-.via-green-700 {
-  --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-}
-
-.via-green-800 {
-  --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-}
-
-.via-green-900 {
-  --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-}
-
-.via-blue-50 {
-  --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-}
-
-.via-blue-100 {
-  --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-}
-
-.via-blue-200 {
-  --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-}
-
-.via-blue-300 {
-  --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-}
-
-.via-blue-400 {
-  --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-}
-
-.via-blue-500 {
-  --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-}
-
-.via-blue-600 {
-  --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-}
-
-.via-blue-700 {
-  --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-}
-
-.via-blue-800 {
-  --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-}
-
-.via-blue-900 {
-  --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-}
-
-.via-gray-50 {
-  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-}
-
-.via-gray-100 {
-  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-}
-
-.via-gray-200 {
-  --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-}
-
-.via-gray-300 {
-  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-}
-
-.via-gray-400 {
-  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-}
-
-.via-gray-500 {
-  --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-}
-
-.via-gray-600 {
-  --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-}
-
-.via-gray-700 {
-  --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-}
-
-.via-gray-800 {
-  --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-}
-
-.via-gray-900 {
-  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-}
-
-.to-current {
-  --tw-gradient-to: currentColor;
-}
-
-.to-transparent {
-  --tw-gradient-to: transparent;
-}
-
-.to-black {
-  --tw-gradient-to: #000;
-}
-
-.to-white {
-  --tw-gradient-to: #fff;
-}
-
-.to-darkCoolGray-50 {
-  --tw-gradient-to: #F5F6F7;
-}
-
-.to-darkCoolGray-100 {
-  --tw-gradient-to: #EBEDEF;
-}
-
-.to-darkCoolGray-200 {
-  --tw-gradient-to: #CED1D6;
-}
-
-.to-darkCoolGray-300 {
-  --tw-gradient-to: #B0B5BD;
-}
-
-.to-darkCoolGray-400 {
-  --tw-gradient-to: #757E8C;
-}
-
-.to-darkCoolGray-500 {
-  --tw-gradient-to: #3A475B;
-}
-
-.to-darkCoolGray-600 {
-  --tw-gradient-to: #344052;
-}
-
-.to-darkCoolGray-700 {
-  --tw-gradient-to: #2C3544;
-}
-
-.to-darkCoolGray-800 {
-  --tw-gradient-to: #232B37;
-}
-
-.to-darkCoolGray-900 {
-  --tw-gradient-to: #1C232D;
-}
-
-.to-coolGray-50 {
-  --tw-gradient-to: #F7F8F9;
-}
-
-.to-coolGray-100 {
-  --tw-gradient-to: #EEF0F3;
-}
-
-.to-coolGray-200 {
-  --tw-gradient-to: #D5DAE1;
-}
-
-.to-coolGray-300 {
-  --tw-gradient-to: #BBC3CF;
-}
-
-.to-coolGray-400 {
-  --tw-gradient-to: #8896AB;
-}
-
-.to-coolGray-500 {
-  --tw-gradient-to: #556987;
-}
-
-.to-coolGray-600 {
-  --tw-gradient-to: #4D5F7A;
-}
-
-.to-coolGray-700 {
-  --tw-gradient-to: #404F65;
-}
-
-.to-coolGray-800 {
-  --tw-gradient-to: #333F51;
-}
-
-.to-coolGray-900 {
-  --tw-gradient-to: #2A3342;
-}
-
-.to-indigo-50 {
-  --tw-gradient-to: #F8F6FF;
-}
-
-.to-indigo-100 {
-  --tw-gradient-to: #F0EEFF;
-}
-
-.to-indigo-200 {
-  --tw-gradient-to: #DAD4FF;
-}
-
-.to-indigo-300 {
-  --tw-gradient-to: #C3B9FF;
-}
-
-.to-indigo-400 {
-  --tw-gradient-to: #9685FF;
-}
-
-.to-indigo-500 {
-  --tw-gradient-to: #6951FF;
-}
-
-.to-indigo-600 {
-  --tw-gradient-to: #5F49E6;
-}
-
-.to-indigo-700 {
-  --tw-gradient-to: #4F3DBF;
-}
-
-.to-indigo-800 {
-  --tw-gradient-to: #3F3199;
-}
-
-.to-indigo-900 {
-  --tw-gradient-to: #33287D;
-}
-
-.to-violet-50 {
-  --tw-gradient-to: #FBF7FF;
-}
-
-.to-violet-100 {
-  --tw-gradient-to: #F6EEFE;
-}
-
-.to-violet-200 {
-  --tw-gradient-to: #E9D5FD;
-}
-
-.to-violet-300 {
-  --tw-gradient-to: #DCBBFC;
-}
-
-.to-violet-400 {
-  --tw-gradient-to: #C288F9;
-}
-
-.to-violet-500 {
-  --tw-gradient-to: #A855F7;
-}
-
-.to-violet-600 {
-  --tw-gradient-to: #974DDE;
-}
-
-.to-violet-700 {
-  --tw-gradient-to: #7E40B9;
-}
-
-.to-violet-800 {
-  --tw-gradient-to: #653394;
-}
-
-.to-violet-900 {
-  --tw-gradient-to: #522A79;
-}
-
-.to-yellow-50 {
-  --tw-gradient-to: #FFFAF3;
-}
-
-.to-yellow-100 {
-  --tw-gradient-to: #FEF5E7;
-}
-
-.to-yellow-200 {
-  --tw-gradient-to: #FDE7C2;
-}
-
-.to-yellow-300 {
-  --tw-gradient-to: #FBD89D;
-}
-
-.to-yellow-400 {
-  --tw-gradient-to: #F8BB54;
-}
-
-.to-yellow-500 {
-  --tw-gradient-to: #F59E0B;
-}
-
-.to-yellow-600 {
-  --tw-gradient-to: #DD8E0A;
-}
-
-.to-yellow-700 {
-  --tw-gradient-to: #B87708;
-}
-
-.to-yellow-800 {
-  --tw-gradient-to: #935F07;
-}
-
-.to-yellow-900 {
-  --tw-gradient-to: #784D05;
-}
-
-.to-red-50 {
-  --tw-gradient-to: #FEF7F6;
-}
-
-.to-red-100 {
-  --tw-gradient-to: #FDEEEC;
-}
-
-.to-red-200 {
-  --tw-gradient-to: #FBD6D0;
-}
-
-.to-red-300 {
-  --tw-gradient-to: #F9BDB4;
-}
-
-.to-red-400 {
-  --tw-gradient-to: #F48B7C;
-}
-
-.to-red-500 {
-  --tw-gradient-to: #EF5844;
-}
-
-.to-red-600 {
-  --tw-gradient-to: #D7503D;
-}
-
-.to-red-700 {
-  --tw-gradient-to: #B34333;
-}
-
-.to-red-800 {
-  --tw-gradient-to: #8F3529;
-}
-
-.to-red-900 {
-  --tw-gradient-to: #752C21;
-}
-
-.to-green-50 {
-  --tw-gradient-to: #F4FDF7;
-}
-
-.to-green-100 {
-  --tw-gradient-to: #EAFAF0;
-}
-
-.to-green-200 {
-  --tw-gradient-to: #CAF4D9;
-}
-
-.to-green-300 {
-  --tw-gradient-to: #AAEDC3;
-}
-
-.to-green-400 {
-  --tw-gradient-to: #6ADF95;
-}
-
-.to-green-500 {
-  --tw-gradient-to: #2AD167;
-}
-
-.to-green-600 {
-  --tw-gradient-to: #26BC5E;
-}
-
-.to-green-700 {
-  --tw-gradient-to: #209D4E;
-}
-
-.to-green-800 {
-  --tw-gradient-to: #197D3E;
-}
-
-.to-green-900 {
-  --tw-gradient-to: #156633;
-}
-
-.to-blue-50 {
-  --tw-gradient-to: #F5F9FF;
-}
-
-.to-blue-100 {
-  --tw-gradient-to: #EBF3FE;
-}
-
-.to-blue-200 {
-  --tw-gradient-to: #CEE0FD;
-}
-
-.to-blue-300 {
-  --tw-gradient-to: #B1CDFB;
-}
-
-.to-blue-400 {
-  --tw-gradient-to: #76A8F9;
-}
-
-.to-blue-500 {
-  --tw-gradient-to: #3B82F6;
-}
-
-.to-blue-600 {
-  --tw-gradient-to: #3575DD;
-}
-
-.to-blue-700 {
-  --tw-gradient-to: #2C62B9;
-}
-
-.to-blue-800 {
-  --tw-gradient-to: #234E94;
-}
-
-.to-blue-900 {
-  --tw-gradient-to: #1D4079;
-}
-
-.to-gray-50 {
-  --tw-gradient-to: #f9fafb;
-}
-
-.to-gray-100 {
-  --tw-gradient-to: #f3f4f6;
-}
-
-.to-gray-200 {
-  --tw-gradient-to: #e5e7eb;
-}
-
-.to-gray-300 {
-  --tw-gradient-to: #d1d5db;
-}
-
-.to-gray-400 {
-  --tw-gradient-to: #9ca3af;
-}
-
-.to-gray-500 {
-  --tw-gradient-to: #6b7280;
-}
-
-.to-gray-600 {
-  --tw-gradient-to: #4b5563;
-}
-
-.to-gray-700 {
-  --tw-gradient-to: #374151;
-}
-
-.to-gray-800 {
-  --tw-gradient-to: #1f2937;
-}
-
-.to-gray-900 {
-  --tw-gradient-to: #111827;
-}
-
-.hover\:from-current:hover {
-  --tw-gradient-from: currentColor;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
-.hover\:from-transparent:hover {
-  --tw-gradient-from: transparent;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-}
-
-.hover\:from-black:hover {
-  --tw-gradient-from: #000;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-}
-
-.hover\:from-white:hover {
-  --tw-gradient-from: #fff;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
-.hover\:from-darkCoolGray-50:hover {
-  --tw-gradient-from: #F5F6F7;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-}
-
-.hover\:from-darkCoolGray-100:hover {
-  --tw-gradient-from: #EBEDEF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-}
-
-.hover\:from-darkCoolGray-200:hover {
-  --tw-gradient-from: #CED1D6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-}
-
-.hover\:from-darkCoolGray-300:hover {
-  --tw-gradient-from: #B0B5BD;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-}
-
-.hover\:from-darkCoolGray-400:hover {
-  --tw-gradient-from: #757E8C;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-}
-
-.hover\:from-darkCoolGray-500:hover {
-  --tw-gradient-from: #3A475B;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-}
-
-.hover\:from-darkCoolGray-600:hover {
-  --tw-gradient-from: #344052;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-}
-
-.hover\:from-darkCoolGray-700:hover {
-  --tw-gradient-from: #2C3544;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-}
-
-.hover\:from-darkCoolGray-800:hover {
-  --tw-gradient-from: #232B37;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-}
-
-.hover\:from-darkCoolGray-900:hover {
-  --tw-gradient-from: #1C232D;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-}
-
-.hover\:from-coolGray-50:hover {
-  --tw-gradient-from: #F7F8F9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-}
-
-.hover\:from-coolGray-100:hover {
-  --tw-gradient-from: #EEF0F3;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-}
-
-.hover\:from-coolGray-200:hover {
-  --tw-gradient-from: #D5DAE1;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-}
-
-.hover\:from-coolGray-300:hover {
-  --tw-gradient-from: #BBC3CF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-}
-
-.hover\:from-coolGray-400:hover {
-  --tw-gradient-from: #8896AB;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-}
-
-.hover\:from-coolGray-500:hover {
-  --tw-gradient-from: #556987;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-}
-
-.hover\:from-coolGray-600:hover {
-  --tw-gradient-from: #4D5F7A;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-}
-
-.hover\:from-coolGray-700:hover {
-  --tw-gradient-from: #404F65;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-}
-
-.hover\:from-coolGray-800:hover {
-  --tw-gradient-from: #333F51;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-}
-
-.hover\:from-coolGray-900:hover {
-  --tw-gradient-from: #2A3342;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-}
-
-.hover\:from-indigo-50:hover {
-  --tw-gradient-from: #F8F6FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-}
-
-.hover\:from-indigo-100:hover {
-  --tw-gradient-from: #F0EEFF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-}
-
-.hover\:from-indigo-200:hover {
-  --tw-gradient-from: #DAD4FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-}
-
-.hover\:from-indigo-300:hover {
-  --tw-gradient-from: #C3B9FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-}
-
-.hover\:from-indigo-400:hover {
-  --tw-gradient-from: #9685FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-}
-
-.hover\:from-indigo-500:hover {
-  --tw-gradient-from: #6951FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-}
-
-.hover\:from-indigo-600:hover {
-  --tw-gradient-from: #5F49E6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-}
-
-.hover\:from-indigo-700:hover {
-  --tw-gradient-from: #4F3DBF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-}
-
-.hover\:from-indigo-800:hover {
-  --tw-gradient-from: #3F3199;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-}
-
-.hover\:from-indigo-900:hover {
-  --tw-gradient-from: #33287D;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-}
-
-.hover\:from-violet-50:hover {
-  --tw-gradient-from: #FBF7FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-}
-
-.hover\:from-violet-100:hover {
-  --tw-gradient-from: #F6EEFE;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-}
-
-.hover\:from-violet-200:hover {
-  --tw-gradient-from: #E9D5FD;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-}
-
-.hover\:from-violet-300:hover {
-  --tw-gradient-from: #DCBBFC;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-}
-
-.hover\:from-violet-400:hover {
-  --tw-gradient-from: #C288F9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-}
-
-.hover\:from-violet-500:hover {
-  --tw-gradient-from: #A855F7;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-}
-
-.hover\:from-violet-600:hover {
-  --tw-gradient-from: #974DDE;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-}
-
-.hover\:from-violet-700:hover {
-  --tw-gradient-from: #7E40B9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-}
-
-.hover\:from-violet-800:hover {
-  --tw-gradient-from: #653394;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-}
-
-.hover\:from-violet-900:hover {
-  --tw-gradient-from: #522A79;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-}
-
-.hover\:from-yellow-50:hover {
-  --tw-gradient-from: #FFFAF3;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-}
-
-.hover\:from-yellow-100:hover {
-  --tw-gradient-from: #FEF5E7;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-}
-
-.hover\:from-yellow-200:hover {
-  --tw-gradient-from: #FDE7C2;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-}
-
-.hover\:from-yellow-300:hover {
-  --tw-gradient-from: #FBD89D;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-}
-
-.hover\:from-yellow-400:hover {
-  --tw-gradient-from: #F8BB54;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-}
-
-.hover\:from-yellow-500:hover {
-  --tw-gradient-from: #F59E0B;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-}
-
-.hover\:from-yellow-600:hover {
-  --tw-gradient-from: #DD8E0A;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-}
-
-.hover\:from-yellow-700:hover {
-  --tw-gradient-from: #B87708;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-}
-
-.hover\:from-yellow-800:hover {
-  --tw-gradient-from: #935F07;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-}
-
-.hover\:from-yellow-900:hover {
-  --tw-gradient-from: #784D05;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-}
-
-.hover\:from-red-50:hover {
-  --tw-gradient-from: #FEF7F6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-}
-
-.hover\:from-red-100:hover {
-  --tw-gradient-from: #FDEEEC;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-}
-
-.hover\:from-red-200:hover {
-  --tw-gradient-from: #FBD6D0;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-}
-
-.hover\:from-red-300:hover {
-  --tw-gradient-from: #F9BDB4;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-}
-
-.hover\:from-red-400:hover {
-  --tw-gradient-from: #F48B7C;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-}
-
-.hover\:from-red-500:hover {
-  --tw-gradient-from: #EF5844;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-}
-
-.hover\:from-red-600:hover {
-  --tw-gradient-from: #D7503D;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-}
-
-.hover\:from-red-700:hover {
-  --tw-gradient-from: #B34333;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-}
-
-.hover\:from-red-800:hover {
-  --tw-gradient-from: #8F3529;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-}
-
-.hover\:from-red-900:hover {
-  --tw-gradient-from: #752C21;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-}
-
-.hover\:from-green-50:hover {
-  --tw-gradient-from: #F4FDF7;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-}
-
-.hover\:from-green-100:hover {
-  --tw-gradient-from: #EAFAF0;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-}
-
-.hover\:from-green-200:hover {
-  --tw-gradient-from: #CAF4D9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-}
-
-.hover\:from-green-300:hover {
-  --tw-gradient-from: #AAEDC3;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-}
-
-.hover\:from-green-400:hover {
-  --tw-gradient-from: #6ADF95;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-}
-
-.hover\:from-green-500:hover {
-  --tw-gradient-from: #2AD167;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-}
-
-.hover\:from-green-600:hover {
-  --tw-gradient-from: #26BC5E;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-}
-
-.hover\:from-green-700:hover {
-  --tw-gradient-from: #209D4E;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-}
-
-.hover\:from-green-800:hover {
-  --tw-gradient-from: #197D3E;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-}
-
-.hover\:from-green-900:hover {
-  --tw-gradient-from: #156633;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-}
-
-.hover\:from-blue-50:hover {
-  --tw-gradient-from: #F5F9FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-}
-
-.hover\:from-blue-100:hover {
-  --tw-gradient-from: #EBF3FE;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-}
-
-.hover\:from-blue-200:hover {
-  --tw-gradient-from: #CEE0FD;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-}
-
-.hover\:from-blue-300:hover {
-  --tw-gradient-from: #B1CDFB;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-}
-
-.hover\:from-blue-400:hover {
-  --tw-gradient-from: #76A8F9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-}
-
-.hover\:from-blue-500:hover {
-  --tw-gradient-from: #3B82F6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-}
-
-.hover\:from-blue-600:hover {
-  --tw-gradient-from: #3575DD;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-}
-
-.hover\:from-blue-700:hover {
-  --tw-gradient-from: #2C62B9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-}
-
-.hover\:from-blue-800:hover {
-  --tw-gradient-from: #234E94;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-}
-
-.hover\:from-blue-900:hover {
-  --tw-gradient-from: #1D4079;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-}
-
-.hover\:from-gray-50:hover {
-  --tw-gradient-from: #f9fafb;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-}
-
-.hover\:from-gray-100:hover {
-  --tw-gradient-from: #f3f4f6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-}
-
-.hover\:from-gray-200:hover {
-  --tw-gradient-from: #e5e7eb;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-}
-
-.hover\:from-gray-300:hover {
-  --tw-gradient-from: #d1d5db;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-}
-
-.hover\:from-gray-400:hover {
-  --tw-gradient-from: #9ca3af;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-}
-
-.hover\:from-gray-500:hover {
-  --tw-gradient-from: #6b7280;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-}
-
-.hover\:from-gray-600:hover {
-  --tw-gradient-from: #4b5563;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-}
-
-.hover\:from-gray-700:hover {
-  --tw-gradient-from: #374151;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-}
-
-.hover\:from-gray-800:hover {
-  --tw-gradient-from: #1f2937;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-}
-
-.hover\:from-gray-900:hover {
-  --tw-gradient-from: #111827;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-}
-
-.hover\:via-current:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
-.hover\:via-transparent:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-}
-
-.hover\:via-black:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-}
-
-.hover\:via-white:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
-.hover\:via-darkCoolGray-50:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-}
-
-.hover\:via-darkCoolGray-100:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-}
-
-.hover\:via-darkCoolGray-200:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-}
-
-.hover\:via-darkCoolGray-300:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-}
-
-.hover\:via-darkCoolGray-400:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-}
-
-.hover\:via-darkCoolGray-500:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-}
-
-.hover\:via-darkCoolGray-600:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-}
-
-.hover\:via-darkCoolGray-700:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-}
-
-.hover\:via-darkCoolGray-800:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-}
-
-.hover\:via-darkCoolGray-900:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-}
-
-.hover\:via-coolGray-50:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-}
-
-.hover\:via-coolGray-100:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-}
-
-.hover\:via-coolGray-200:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-}
-
-.hover\:via-coolGray-300:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-}
-
-.hover\:via-coolGray-400:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-}
-
-.hover\:via-coolGray-500:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-}
-
-.hover\:via-coolGray-600:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-}
-
-.hover\:via-coolGray-700:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-}
-
-.hover\:via-coolGray-800:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-}
-
-.hover\:via-coolGray-900:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-}
-
-.hover\:via-indigo-50:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-}
-
-.hover\:via-indigo-100:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-}
-
-.hover\:via-indigo-200:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-}
-
-.hover\:via-indigo-300:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-}
-
-.hover\:via-indigo-400:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-}
-
-.hover\:via-indigo-500:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-}
-
-.hover\:via-indigo-600:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-}
-
-.hover\:via-indigo-700:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-}
-
-.hover\:via-indigo-800:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-}
-
-.hover\:via-indigo-900:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-}
-
-.hover\:via-violet-50:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-}
-
-.hover\:via-violet-100:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-}
-
-.hover\:via-violet-200:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-}
-
-.hover\:via-violet-300:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-}
-
-.hover\:via-violet-400:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-}
-
-.hover\:via-violet-500:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-}
-
-.hover\:via-violet-600:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-}
-
-.hover\:via-violet-700:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-}
-
-.hover\:via-violet-800:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-}
-
-.hover\:via-violet-900:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-}
-
-.hover\:via-yellow-50:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-}
-
-.hover\:via-yellow-100:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-}
-
-.hover\:via-yellow-200:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-}
-
-.hover\:via-yellow-300:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-}
-
-.hover\:via-yellow-400:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-}
-
-.hover\:via-yellow-500:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-}
-
-.hover\:via-yellow-600:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-}
-
-.hover\:via-yellow-700:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-}
-
-.hover\:via-yellow-800:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-}
-
-.hover\:via-yellow-900:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-}
-
-.hover\:via-red-50:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-}
-
-.hover\:via-red-100:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-}
-
-.hover\:via-red-200:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-}
-
-.hover\:via-red-300:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-}
-
-.hover\:via-red-400:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-}
-
-.hover\:via-red-500:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-}
-
-.hover\:via-red-600:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-}
-
-.hover\:via-red-700:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-}
-
-.hover\:via-red-800:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-}
-
-.hover\:via-red-900:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-}
-
-.hover\:via-green-50:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-}
-
-.hover\:via-green-100:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-}
-
-.hover\:via-green-200:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-}
-
-.hover\:via-green-300:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-}
-
-.hover\:via-green-400:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-}
-
-.hover\:via-green-500:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-}
-
-.hover\:via-green-600:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-}
-
-.hover\:via-green-700:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-}
-
-.hover\:via-green-800:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-}
-
-.hover\:via-green-900:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-}
-
-.hover\:via-blue-50:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-}
-
-.hover\:via-blue-100:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-}
-
-.hover\:via-blue-200:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-}
-
-.hover\:via-blue-300:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-}
-
-.hover\:via-blue-400:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-}
-
-.hover\:via-blue-500:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-}
-
-.hover\:via-blue-600:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-}
-
-.hover\:via-blue-700:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-}
-
-.hover\:via-blue-800:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-}
-
-.hover\:via-blue-900:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-}
-
-.hover\:via-gray-50:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-}
-
-.hover\:via-gray-100:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-}
-
-.hover\:via-gray-200:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-}
-
-.hover\:via-gray-300:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-}
-
-.hover\:via-gray-400:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-}
-
-.hover\:via-gray-500:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-}
-
-.hover\:via-gray-600:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-}
-
-.hover\:via-gray-700:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-}
-
-.hover\:via-gray-800:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-}
-
-.hover\:via-gray-900:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-}
-
-.hover\:to-current:hover {
-  --tw-gradient-to: currentColor;
-}
-
-.hover\:to-transparent:hover {
-  --tw-gradient-to: transparent;
-}
-
-.hover\:to-black:hover {
-  --tw-gradient-to: #000;
-}
-
-.hover\:to-white:hover {
-  --tw-gradient-to: #fff;
-}
-
-.hover\:to-darkCoolGray-50:hover {
-  --tw-gradient-to: #F5F6F7;
-}
-
-.hover\:to-darkCoolGray-100:hover {
-  --tw-gradient-to: #EBEDEF;
-}
-
-.hover\:to-darkCoolGray-200:hover {
-  --tw-gradient-to: #CED1D6;
-}
-
-.hover\:to-darkCoolGray-300:hover {
-  --tw-gradient-to: #B0B5BD;
-}
-
-.hover\:to-darkCoolGray-400:hover {
-  --tw-gradient-to: #757E8C;
-}
-
-.hover\:to-darkCoolGray-500:hover {
-  --tw-gradient-to: #3A475B;
-}
-
-.hover\:to-darkCoolGray-600:hover {
-  --tw-gradient-to: #344052;
-}
-
-.hover\:to-darkCoolGray-700:hover {
-  --tw-gradient-to: #2C3544;
-}
-
-.hover\:to-darkCoolGray-800:hover {
-  --tw-gradient-to: #232B37;
-}
-
-.hover\:to-darkCoolGray-900:hover {
-  --tw-gradient-to: #1C232D;
-}
-
-.hover\:to-coolGray-50:hover {
-  --tw-gradient-to: #F7F8F9;
-}
-
-.hover\:to-coolGray-100:hover {
-  --tw-gradient-to: #EEF0F3;
-}
-
-.hover\:to-coolGray-200:hover {
-  --tw-gradient-to: #D5DAE1;
-}
-
-.hover\:to-coolGray-300:hover {
-  --tw-gradient-to: #BBC3CF;
-}
-
-.hover\:to-coolGray-400:hover {
-  --tw-gradient-to: #8896AB;
-}
-
-.hover\:to-coolGray-500:hover {
-  --tw-gradient-to: #556987;
-}
-
-.hover\:to-coolGray-600:hover {
-  --tw-gradient-to: #4D5F7A;
-}
-
-.hover\:to-coolGray-700:hover {
-  --tw-gradient-to: #404F65;
-}
-
-.hover\:to-coolGray-800:hover {
-  --tw-gradient-to: #333F51;
-}
-
-.hover\:to-coolGray-900:hover {
-  --tw-gradient-to: #2A3342;
-}
-
-.hover\:to-indigo-50:hover {
-  --tw-gradient-to: #F8F6FF;
-}
-
-.hover\:to-indigo-100:hover {
-  --tw-gradient-to: #F0EEFF;
-}
-
-.hover\:to-indigo-200:hover {
-  --tw-gradient-to: #DAD4FF;
-}
-
-.hover\:to-indigo-300:hover {
-  --tw-gradient-to: #C3B9FF;
-}
-
-.hover\:to-indigo-400:hover {
-  --tw-gradient-to: #9685FF;
-}
-
-.hover\:to-indigo-500:hover {
-  --tw-gradient-to: #6951FF;
-}
-
-.hover\:to-indigo-600:hover {
-  --tw-gradient-to: #5F49E6;
-}
-
-.hover\:to-indigo-700:hover {
-  --tw-gradient-to: #4F3DBF;
-}
-
-.hover\:to-indigo-800:hover {
-  --tw-gradient-to: #3F3199;
-}
-
-.hover\:to-indigo-900:hover {
-  --tw-gradient-to: #33287D;
-}
-
-.hover\:to-violet-50:hover {
-  --tw-gradient-to: #FBF7FF;
-}
-
-.hover\:to-violet-100:hover {
-  --tw-gradient-to: #F6EEFE;
-}
-
-.hover\:to-violet-200:hover {
-  --tw-gradient-to: #E9D5FD;
-}
-
-.hover\:to-violet-300:hover {
-  --tw-gradient-to: #DCBBFC;
-}
-
-.hover\:to-violet-400:hover {
-  --tw-gradient-to: #C288F9;
-}
-
-.hover\:to-violet-500:hover {
-  --tw-gradient-to: #A855F7;
-}
-
-.hover\:to-violet-600:hover {
-  --tw-gradient-to: #974DDE;
-}
-
-.hover\:to-violet-700:hover {
-  --tw-gradient-to: #7E40B9;
-}
-
-.hover\:to-violet-800:hover {
-  --tw-gradient-to: #653394;
-}
-
-.hover\:to-violet-900:hover {
-  --tw-gradient-to: #522A79;
-}
-
-.hover\:to-yellow-50:hover {
-  --tw-gradient-to: #FFFAF3;
-}
-
-.hover\:to-yellow-100:hover {
-  --tw-gradient-to: #FEF5E7;
-}
-
-.hover\:to-yellow-200:hover {
-  --tw-gradient-to: #FDE7C2;
-}
-
-.hover\:to-yellow-300:hover {
-  --tw-gradient-to: #FBD89D;
-}
-
-.hover\:to-yellow-400:hover {
-  --tw-gradient-to: #F8BB54;
-}
-
-.hover\:to-yellow-500:hover {
-  --tw-gradient-to: #F59E0B;
-}
-
-.hover\:to-yellow-600:hover {
-  --tw-gradient-to: #DD8E0A;
-}
-
-.hover\:to-yellow-700:hover {
-  --tw-gradient-to: #B87708;
-}
-
-.hover\:to-yellow-800:hover {
-  --tw-gradient-to: #935F07;
-}
-
-.hover\:to-yellow-900:hover {
-  --tw-gradient-to: #784D05;
-}
-
-.hover\:to-red-50:hover {
-  --tw-gradient-to: #FEF7F6;
-}
-
-.hover\:to-red-100:hover {
-  --tw-gradient-to: #FDEEEC;
-}
-
-.hover\:to-red-200:hover {
-  --tw-gradient-to: #FBD6D0;
-}
-
-.hover\:to-red-300:hover {
-  --tw-gradient-to: #F9BDB4;
-}
-
-.hover\:to-red-400:hover {
-  --tw-gradient-to: #F48B7C;
-}
-
-.hover\:to-red-500:hover {
-  --tw-gradient-to: #EF5844;
-}
-
-.hover\:to-red-600:hover {
-  --tw-gradient-to: #D7503D;
-}
-
-.hover\:to-red-700:hover {
-  --tw-gradient-to: #B34333;
-}
-
-.hover\:to-red-800:hover {
-  --tw-gradient-to: #8F3529;
-}
-
-.hover\:to-red-900:hover {
-  --tw-gradient-to: #752C21;
-}
-
-.hover\:to-green-50:hover {
-  --tw-gradient-to: #F4FDF7;
-}
-
-.hover\:to-green-100:hover {
-  --tw-gradient-to: #EAFAF0;
-}
-
-.hover\:to-green-200:hover {
-  --tw-gradient-to: #CAF4D9;
-}
-
-.hover\:to-green-300:hover {
-  --tw-gradient-to: #AAEDC3;
-}
-
-.hover\:to-green-400:hover {
-  --tw-gradient-to: #6ADF95;
-}
-
-.hover\:to-green-500:hover {
-  --tw-gradient-to: #2AD167;
-}
-
-.hover\:to-green-600:hover {
-  --tw-gradient-to: #26BC5E;
-}
-
-.hover\:to-green-700:hover {
-  --tw-gradient-to: #209D4E;
-}
-
-.hover\:to-green-800:hover {
-  --tw-gradient-to: #197D3E;
-}
-
-.hover\:to-green-900:hover {
-  --tw-gradient-to: #156633;
-}
-
-.hover\:to-blue-50:hover {
-  --tw-gradient-to: #F5F9FF;
-}
-
-.hover\:to-blue-100:hover {
-  --tw-gradient-to: #EBF3FE;
-}
-
-.hover\:to-blue-200:hover {
-  --tw-gradient-to: #CEE0FD;
-}
-
-.hover\:to-blue-300:hover {
-  --tw-gradient-to: #B1CDFB;
-}
-
-.hover\:to-blue-400:hover {
-  --tw-gradient-to: #76A8F9;
-}
-
-.hover\:to-blue-500:hover {
-  --tw-gradient-to: #3B82F6;
-}
-
-.hover\:to-blue-600:hover {
-  --tw-gradient-to: #3575DD;
-}
-
-.hover\:to-blue-700:hover {
-  --tw-gradient-to: #2C62B9;
-}
-
-.hover\:to-blue-800:hover {
-  --tw-gradient-to: #234E94;
-}
-
-.hover\:to-blue-900:hover {
-  --tw-gradient-to: #1D4079;
-}
-
-.hover\:to-gray-50:hover {
-  --tw-gradient-to: #f9fafb;
-}
-
-.hover\:to-gray-100:hover {
-  --tw-gradient-to: #f3f4f6;
-}
-
-.hover\:to-gray-200:hover {
-  --tw-gradient-to: #e5e7eb;
-}
-
-.hover\:to-gray-300:hover {
-  --tw-gradient-to: #d1d5db;
-}
-
-.hover\:to-gray-400:hover {
-  --tw-gradient-to: #9ca3af;
-}
-
-.hover\:to-gray-500:hover {
-  --tw-gradient-to: #6b7280;
-}
-
-.hover\:to-gray-600:hover {
-  --tw-gradient-to: #4b5563;
-}
-
-.hover\:to-gray-700:hover {
-  --tw-gradient-to: #374151;
-}
-
-.hover\:to-gray-800:hover {
-  --tw-gradient-to: #1f2937;
-}
-
-.hover\:to-gray-900:hover {
-  --tw-gradient-to: #111827;
-}
-
-.focus\:from-current:focus {
-  --tw-gradient-from: currentColor;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
-.focus\:from-transparent:focus {
-  --tw-gradient-from: transparent;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-}
-
-.focus\:from-black:focus {
-  --tw-gradient-from: #000;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-}
-
-.focus\:from-white:focus {
-  --tw-gradient-from: #fff;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
-.focus\:from-darkCoolGray-50:focus {
-  --tw-gradient-from: #F5F6F7;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-}
-
-.focus\:from-darkCoolGray-100:focus {
-  --tw-gradient-from: #EBEDEF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-}
-
-.focus\:from-darkCoolGray-200:focus {
-  --tw-gradient-from: #CED1D6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-}
-
-.focus\:from-darkCoolGray-300:focus {
-  --tw-gradient-from: #B0B5BD;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-}
-
-.focus\:from-darkCoolGray-400:focus {
-  --tw-gradient-from: #757E8C;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-}
-
-.focus\:from-darkCoolGray-500:focus {
-  --tw-gradient-from: #3A475B;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-}
-
-.focus\:from-darkCoolGray-600:focus {
-  --tw-gradient-from: #344052;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-}
-
-.focus\:from-darkCoolGray-700:focus {
-  --tw-gradient-from: #2C3544;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-}
-
-.focus\:from-darkCoolGray-800:focus {
-  --tw-gradient-from: #232B37;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-}
-
-.focus\:from-darkCoolGray-900:focus {
-  --tw-gradient-from: #1C232D;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-}
-
-.focus\:from-coolGray-50:focus {
-  --tw-gradient-from: #F7F8F9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-}
-
-.focus\:from-coolGray-100:focus {
-  --tw-gradient-from: #EEF0F3;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-}
-
-.focus\:from-coolGray-200:focus {
-  --tw-gradient-from: #D5DAE1;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-}
-
-.focus\:from-coolGray-300:focus {
-  --tw-gradient-from: #BBC3CF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-}
-
-.focus\:from-coolGray-400:focus {
-  --tw-gradient-from: #8896AB;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-}
-
-.focus\:from-coolGray-500:focus {
-  --tw-gradient-from: #556987;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-}
-
-.focus\:from-coolGray-600:focus {
-  --tw-gradient-from: #4D5F7A;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-}
-
-.focus\:from-coolGray-700:focus {
-  --tw-gradient-from: #404F65;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-}
-
-.focus\:from-coolGray-800:focus {
-  --tw-gradient-from: #333F51;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-}
-
-.focus\:from-coolGray-900:focus {
-  --tw-gradient-from: #2A3342;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-}
-
-.focus\:from-indigo-50:focus {
-  --tw-gradient-from: #F8F6FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-}
-
-.focus\:from-indigo-100:focus {
-  --tw-gradient-from: #F0EEFF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-}
-
-.focus\:from-indigo-200:focus {
-  --tw-gradient-from: #DAD4FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-}
-
-.focus\:from-indigo-300:focus {
-  --tw-gradient-from: #C3B9FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-}
-
-.focus\:from-indigo-400:focus {
-  --tw-gradient-from: #9685FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-}
-
-.focus\:from-indigo-500:focus {
-  --tw-gradient-from: #6951FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-}
-
-.focus\:from-indigo-600:focus {
-  --tw-gradient-from: #5F49E6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-}
-
-.focus\:from-indigo-700:focus {
-  --tw-gradient-from: #4F3DBF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-}
-
-.focus\:from-indigo-800:focus {
-  --tw-gradient-from: #3F3199;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-}
-
-.focus\:from-indigo-900:focus {
-  --tw-gradient-from: #33287D;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-}
-
-.focus\:from-violet-50:focus {
-  --tw-gradient-from: #FBF7FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-}
-
-.focus\:from-violet-100:focus {
-  --tw-gradient-from: #F6EEFE;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-}
-
-.focus\:from-violet-200:focus {
-  --tw-gradient-from: #E9D5FD;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-}
-
-.focus\:from-violet-300:focus {
-  --tw-gradient-from: #DCBBFC;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-}
-
-.focus\:from-violet-400:focus {
-  --tw-gradient-from: #C288F9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-}
-
-.focus\:from-violet-500:focus {
-  --tw-gradient-from: #A855F7;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-}
-
-.focus\:from-violet-600:focus {
-  --tw-gradient-from: #974DDE;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-}
-
-.focus\:from-violet-700:focus {
-  --tw-gradient-from: #7E40B9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-}
-
-.focus\:from-violet-800:focus {
-  --tw-gradient-from: #653394;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-}
-
-.focus\:from-violet-900:focus {
-  --tw-gradient-from: #522A79;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-}
-
-.focus\:from-yellow-50:focus {
-  --tw-gradient-from: #FFFAF3;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-}
-
-.focus\:from-yellow-100:focus {
-  --tw-gradient-from: #FEF5E7;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-}
-
-.focus\:from-yellow-200:focus {
-  --tw-gradient-from: #FDE7C2;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-}
-
-.focus\:from-yellow-300:focus {
-  --tw-gradient-from: #FBD89D;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-}
-
-.focus\:from-yellow-400:focus {
-  --tw-gradient-from: #F8BB54;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-}
-
-.focus\:from-yellow-500:focus {
-  --tw-gradient-from: #F59E0B;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-}
-
-.focus\:from-yellow-600:focus {
-  --tw-gradient-from: #DD8E0A;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-}
-
-.focus\:from-yellow-700:focus {
-  --tw-gradient-from: #B87708;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-}
-
-.focus\:from-yellow-800:focus {
-  --tw-gradient-from: #935F07;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-}
-
-.focus\:from-yellow-900:focus {
-  --tw-gradient-from: #784D05;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-}
-
-.focus\:from-red-50:focus {
-  --tw-gradient-from: #FEF7F6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-}
-
-.focus\:from-red-100:focus {
-  --tw-gradient-from: #FDEEEC;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-}
-
-.focus\:from-red-200:focus {
-  --tw-gradient-from: #FBD6D0;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-}
-
-.focus\:from-red-300:focus {
-  --tw-gradient-from: #F9BDB4;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-}
-
-.focus\:from-red-400:focus {
-  --tw-gradient-from: #F48B7C;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-}
-
-.focus\:from-red-500:focus {
-  --tw-gradient-from: #EF5844;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-}
-
-.focus\:from-red-600:focus {
-  --tw-gradient-from: #D7503D;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-}
-
-.focus\:from-red-700:focus {
-  --tw-gradient-from: #B34333;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-}
-
-.focus\:from-red-800:focus {
-  --tw-gradient-from: #8F3529;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-}
-
-.focus\:from-red-900:focus {
-  --tw-gradient-from: #752C21;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-}
-
-.focus\:from-green-50:focus {
-  --tw-gradient-from: #F4FDF7;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-}
-
-.focus\:from-green-100:focus {
-  --tw-gradient-from: #EAFAF0;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-}
-
-.focus\:from-green-200:focus {
-  --tw-gradient-from: #CAF4D9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-}
-
-.focus\:from-green-300:focus {
-  --tw-gradient-from: #AAEDC3;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-}
-
-.focus\:from-green-400:focus {
-  --tw-gradient-from: #6ADF95;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-}
-
-.focus\:from-green-500:focus {
-  --tw-gradient-from: #2AD167;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-}
-
-.focus\:from-green-600:focus {
-  --tw-gradient-from: #26BC5E;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-}
-
-.focus\:from-green-700:focus {
-  --tw-gradient-from: #209D4E;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-}
-
-.focus\:from-green-800:focus {
-  --tw-gradient-from: #197D3E;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-}
-
-.focus\:from-green-900:focus {
-  --tw-gradient-from: #156633;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-}
-
-.focus\:from-blue-50:focus {
-  --tw-gradient-from: #F5F9FF;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-}
-
-.focus\:from-blue-100:focus {
-  --tw-gradient-from: #EBF3FE;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-}
-
-.focus\:from-blue-200:focus {
-  --tw-gradient-from: #CEE0FD;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-}
-
-.focus\:from-blue-300:focus {
-  --tw-gradient-from: #B1CDFB;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-}
-
-.focus\:from-blue-400:focus {
-  --tw-gradient-from: #76A8F9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-}
-
-.focus\:from-blue-500:focus {
-  --tw-gradient-from: #3B82F6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-}
-
-.focus\:from-blue-600:focus {
-  --tw-gradient-from: #3575DD;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-}
-
-.focus\:from-blue-700:focus {
-  --tw-gradient-from: #2C62B9;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-}
-
-.focus\:from-blue-800:focus {
-  --tw-gradient-from: #234E94;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-}
-
-.focus\:from-blue-900:focus {
-  --tw-gradient-from: #1D4079;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-}
-
-.focus\:from-gray-50:focus {
-  --tw-gradient-from: #f9fafb;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-}
-
-.focus\:from-gray-100:focus {
-  --tw-gradient-from: #f3f4f6;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-}
-
-.focus\:from-gray-200:focus {
-  --tw-gradient-from: #e5e7eb;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-}
-
-.focus\:from-gray-300:focus {
-  --tw-gradient-from: #d1d5db;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-}
-
-.focus\:from-gray-400:focus {
-  --tw-gradient-from: #9ca3af;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-}
-
-.focus\:from-gray-500:focus {
-  --tw-gradient-from: #6b7280;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-}
-
-.focus\:from-gray-600:focus {
-  --tw-gradient-from: #4b5563;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-}
-
-.focus\:from-gray-700:focus {
-  --tw-gradient-from: #374151;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-}
-
-.focus\:from-gray-800:focus {
-  --tw-gradient-from: #1f2937;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-}
-
-.focus\:from-gray-900:focus {
-  --tw-gradient-from: #111827;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-}
-
-.focus\:via-current:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
-.focus\:via-transparent:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-}
-
-.focus\:via-black:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-}
-
-.focus\:via-white:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
-.focus\:via-darkCoolGray-50:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-}
-
-.focus\:via-darkCoolGray-100:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-}
-
-.focus\:via-darkCoolGray-200:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-}
-
-.focus\:via-darkCoolGray-300:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-}
-
-.focus\:via-darkCoolGray-400:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-}
-
-.focus\:via-darkCoolGray-500:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-}
-
-.focus\:via-darkCoolGray-600:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-}
-
-.focus\:via-darkCoolGray-700:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-}
-
-.focus\:via-darkCoolGray-800:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-}
-
-.focus\:via-darkCoolGray-900:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-}
-
-.focus\:via-coolGray-50:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-}
-
-.focus\:via-coolGray-100:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-}
-
-.focus\:via-coolGray-200:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-}
-
-.focus\:via-coolGray-300:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-}
-
-.focus\:via-coolGray-400:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-}
-
-.focus\:via-coolGray-500:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-}
-
-.focus\:via-coolGray-600:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-}
-
-.focus\:via-coolGray-700:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-}
-
-.focus\:via-coolGray-800:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-}
-
-.focus\:via-coolGray-900:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-}
-
-.focus\:via-indigo-50:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-}
-
-.focus\:via-indigo-100:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-}
-
-.focus\:via-indigo-200:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-}
-
-.focus\:via-indigo-300:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-}
-
-.focus\:via-indigo-400:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-}
-
-.focus\:via-indigo-500:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-}
-
-.focus\:via-indigo-600:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-}
-
-.focus\:via-indigo-700:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-}
-
-.focus\:via-indigo-800:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-}
-
-.focus\:via-indigo-900:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-}
-
-.focus\:via-violet-50:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-}
-
-.focus\:via-violet-100:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-}
-
-.focus\:via-violet-200:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-}
-
-.focus\:via-violet-300:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-}
-
-.focus\:via-violet-400:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-}
-
-.focus\:via-violet-500:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-}
-
-.focus\:via-violet-600:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-}
-
-.focus\:via-violet-700:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-}
-
-.focus\:via-violet-800:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-}
-
-.focus\:via-violet-900:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-}
-
-.focus\:via-yellow-50:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-}
-
-.focus\:via-yellow-100:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-}
-
-.focus\:via-yellow-200:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-}
-
-.focus\:via-yellow-300:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-}
-
-.focus\:via-yellow-400:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-}
-
-.focus\:via-yellow-500:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-}
-
-.focus\:via-yellow-600:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-}
-
-.focus\:via-yellow-700:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-}
-
-.focus\:via-yellow-800:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-}
-
-.focus\:via-yellow-900:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-}
-
-.focus\:via-red-50:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-}
-
-.focus\:via-red-100:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-}
-
-.focus\:via-red-200:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-}
-
-.focus\:via-red-300:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-}
-
-.focus\:via-red-400:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-}
-
-.focus\:via-red-500:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-}
-
-.focus\:via-red-600:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-}
-
-.focus\:via-red-700:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-}
-
-.focus\:via-red-800:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-}
-
-.focus\:via-red-900:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-}
-
-.focus\:via-green-50:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-}
-
-.focus\:via-green-100:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-}
-
-.focus\:via-green-200:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-}
-
-.focus\:via-green-300:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-}
-
-.focus\:via-green-400:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-}
-
-.focus\:via-green-500:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-}
-
-.focus\:via-green-600:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-}
-
-.focus\:via-green-700:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-}
-
-.focus\:via-green-800:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-}
-
-.focus\:via-green-900:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-}
-
-.focus\:via-blue-50:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-}
-
-.focus\:via-blue-100:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-}
-
-.focus\:via-blue-200:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-}
-
-.focus\:via-blue-300:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-}
-
-.focus\:via-blue-400:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-}
-
-.focus\:via-blue-500:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-}
-
-.focus\:via-blue-600:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-}
-
-.focus\:via-blue-700:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-}
-
-.focus\:via-blue-800:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-}
-
-.focus\:via-blue-900:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-}
-
-.focus\:via-gray-50:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-}
-
-.focus\:via-gray-100:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-}
-
-.focus\:via-gray-200:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-}
-
-.focus\:via-gray-300:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-}
-
-.focus\:via-gray-400:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-}
-
-.focus\:via-gray-500:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-}
-
-.focus\:via-gray-600:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-}
-
-.focus\:via-gray-700:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-}
-
-.focus\:via-gray-800:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-}
-
-.focus\:via-gray-900:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-}
-
-.focus\:to-current:focus {
-  --tw-gradient-to: currentColor;
-}
-
-.focus\:to-transparent:focus {
-  --tw-gradient-to: transparent;
-}
-
-.focus\:to-black:focus {
-  --tw-gradient-to: #000;
-}
-
-.focus\:to-white:focus {
-  --tw-gradient-to: #fff;
-}
-
-.focus\:to-darkCoolGray-50:focus {
-  --tw-gradient-to: #F5F6F7;
-}
-
-.focus\:to-darkCoolGray-100:focus {
-  --tw-gradient-to: #EBEDEF;
-}
-
-.focus\:to-darkCoolGray-200:focus {
-  --tw-gradient-to: #CED1D6;
-}
-
-.focus\:to-darkCoolGray-300:focus {
-  --tw-gradient-to: #B0B5BD;
-}
-
-.focus\:to-darkCoolGray-400:focus {
-  --tw-gradient-to: #757E8C;
-}
-
-.focus\:to-darkCoolGray-500:focus {
-  --tw-gradient-to: #3A475B;
-}
-
-.focus\:to-darkCoolGray-600:focus {
-  --tw-gradient-to: #344052;
-}
-
-.focus\:to-darkCoolGray-700:focus {
-  --tw-gradient-to: #2C3544;
-}
-
-.focus\:to-darkCoolGray-800:focus {
-  --tw-gradient-to: #232B37;
-}
-
-.focus\:to-darkCoolGray-900:focus {
-  --tw-gradient-to: #1C232D;
-}
-
-.focus\:to-coolGray-50:focus {
-  --tw-gradient-to: #F7F8F9;
-}
-
-.focus\:to-coolGray-100:focus {
-  --tw-gradient-to: #EEF0F3;
-}
-
-.focus\:to-coolGray-200:focus {
-  --tw-gradient-to: #D5DAE1;
-}
-
-.focus\:to-coolGray-300:focus {
-  --tw-gradient-to: #BBC3CF;
-}
-
-.focus\:to-coolGray-400:focus {
-  --tw-gradient-to: #8896AB;
-}
-
-.focus\:to-coolGray-500:focus {
-  --tw-gradient-to: #556987;
-}
-
-.focus\:to-coolGray-600:focus {
-  --tw-gradient-to: #4D5F7A;
-}
-
-.focus\:to-coolGray-700:focus {
-  --tw-gradient-to: #404F65;
-}
-
-.focus\:to-coolGray-800:focus {
-  --tw-gradient-to: #333F51;
-}
-
-.focus\:to-coolGray-900:focus {
-  --tw-gradient-to: #2A3342;
-}
-
-.focus\:to-indigo-50:focus {
-  --tw-gradient-to: #F8F6FF;
-}
-
-.focus\:to-indigo-100:focus {
-  --tw-gradient-to: #F0EEFF;
-}
-
-.focus\:to-indigo-200:focus {
-  --tw-gradient-to: #DAD4FF;
-}
-
-.focus\:to-indigo-300:focus {
-  --tw-gradient-to: #C3B9FF;
-}
-
-.focus\:to-indigo-400:focus {
-  --tw-gradient-to: #9685FF;
-}
-
-.focus\:to-indigo-500:focus {
-  --tw-gradient-to: #6951FF;
-}
-
-.focus\:to-indigo-600:focus {
-  --tw-gradient-to: #5F49E6;
-}
-
-.focus\:to-indigo-700:focus {
-  --tw-gradient-to: #4F3DBF;
-}
-
-.focus\:to-indigo-800:focus {
-  --tw-gradient-to: #3F3199;
-}
-
-.focus\:to-indigo-900:focus {
-  --tw-gradient-to: #33287D;
-}
-
-.focus\:to-violet-50:focus {
-  --tw-gradient-to: #FBF7FF;
-}
-
-.focus\:to-violet-100:focus {
-  --tw-gradient-to: #F6EEFE;
-}
-
-.focus\:to-violet-200:focus {
-  --tw-gradient-to: #E9D5FD;
-}
-
-.focus\:to-violet-300:focus {
-  --tw-gradient-to: #DCBBFC;
-}
-
-.focus\:to-violet-400:focus {
-  --tw-gradient-to: #C288F9;
-}
-
-.focus\:to-violet-500:focus {
-  --tw-gradient-to: #A855F7;
-}
-
-.focus\:to-violet-600:focus {
-  --tw-gradient-to: #974DDE;
-}
-
-.focus\:to-violet-700:focus {
-  --tw-gradient-to: #7E40B9;
-}
-
-.focus\:to-violet-800:focus {
-  --tw-gradient-to: #653394;
-}
-
-.focus\:to-violet-900:focus {
-  --tw-gradient-to: #522A79;
-}
-
-.focus\:to-yellow-50:focus {
-  --tw-gradient-to: #FFFAF3;
-}
-
-.focus\:to-yellow-100:focus {
-  --tw-gradient-to: #FEF5E7;
-}
-
-.focus\:to-yellow-200:focus {
-  --tw-gradient-to: #FDE7C2;
-}
-
-.focus\:to-yellow-300:focus {
-  --tw-gradient-to: #FBD89D;
-}
-
-.focus\:to-yellow-400:focus {
-  --tw-gradient-to: #F8BB54;
-}
-
-.focus\:to-yellow-500:focus {
-  --tw-gradient-to: #F59E0B;
-}
-
-.focus\:to-yellow-600:focus {
-  --tw-gradient-to: #DD8E0A;
-}
-
-.focus\:to-yellow-700:focus {
-  --tw-gradient-to: #B87708;
-}
-
-.focus\:to-yellow-800:focus {
-  --tw-gradient-to: #935F07;
-}
-
-.focus\:to-yellow-900:focus {
-  --tw-gradient-to: #784D05;
-}
-
-.focus\:to-red-50:focus {
-  --tw-gradient-to: #FEF7F6;
-}
-
-.focus\:to-red-100:focus {
-  --tw-gradient-to: #FDEEEC;
-}
-
-.focus\:to-red-200:focus {
-  --tw-gradient-to: #FBD6D0;
-}
-
-.focus\:to-red-300:focus {
-  --tw-gradient-to: #F9BDB4;
-}
-
-.focus\:to-red-400:focus {
-  --tw-gradient-to: #F48B7C;
-}
-
-.focus\:to-red-500:focus {
-  --tw-gradient-to: #EF5844;
-}
-
-.focus\:to-red-600:focus {
-  --tw-gradient-to: #D7503D;
-}
-
-.focus\:to-red-700:focus {
-  --tw-gradient-to: #B34333;
-}
-
-.focus\:to-red-800:focus {
-  --tw-gradient-to: #8F3529;
-}
-
-.focus\:to-red-900:focus {
-  --tw-gradient-to: #752C21;
-}
-
-.focus\:to-green-50:focus {
-  --tw-gradient-to: #F4FDF7;
-}
-
-.focus\:to-green-100:focus {
-  --tw-gradient-to: #EAFAF0;
-}
-
-.focus\:to-green-200:focus {
-  --tw-gradient-to: #CAF4D9;
-}
-
-.focus\:to-green-300:focus {
-  --tw-gradient-to: #AAEDC3;
-}
-
-.focus\:to-green-400:focus {
-  --tw-gradient-to: #6ADF95;
-}
-
-.focus\:to-green-500:focus {
-  --tw-gradient-to: #2AD167;
-}
-
-.focus\:to-green-600:focus {
-  --tw-gradient-to: #26BC5E;
-}
-
-.focus\:to-green-700:focus {
-  --tw-gradient-to: #209D4E;
-}
-
-.focus\:to-green-800:focus {
-  --tw-gradient-to: #197D3E;
-}
-
-.focus\:to-green-900:focus {
-  --tw-gradient-to: #156633;
-}
-
-.focus\:to-blue-50:focus {
-  --tw-gradient-to: #F5F9FF;
-}
-
-.focus\:to-blue-100:focus {
-  --tw-gradient-to: #EBF3FE;
-}
-
-.focus\:to-blue-200:focus {
-  --tw-gradient-to: #CEE0FD;
-}
-
-.focus\:to-blue-300:focus {
-  --tw-gradient-to: #B1CDFB;
-}
-
-.focus\:to-blue-400:focus {
-  --tw-gradient-to: #76A8F9;
-}
-
-.focus\:to-blue-500:focus {
-  --tw-gradient-to: #3B82F6;
-}
-
-.focus\:to-blue-600:focus {
-  --tw-gradient-to: #3575DD;
-}
-
-.focus\:to-blue-700:focus {
-  --tw-gradient-to: #2C62B9;
-}
-
-.focus\:to-blue-800:focus {
-  --tw-gradient-to: #234E94;
-}
-
-.focus\:to-blue-900:focus {
-  --tw-gradient-to: #1D4079;
-}
-
-.focus\:to-gray-50:focus {
-  --tw-gradient-to: #f9fafb;
-}
-
-.focus\:to-gray-100:focus {
-  --tw-gradient-to: #f3f4f6;
-}
-
-.focus\:to-gray-200:focus {
-  --tw-gradient-to: #e5e7eb;
-}
-
-.focus\:to-gray-300:focus {
-  --tw-gradient-to: #d1d5db;
-}
-
-.focus\:to-gray-400:focus {
-  --tw-gradient-to: #9ca3af;
-}
-
-.focus\:to-gray-500:focus {
-  --tw-gradient-to: #6b7280;
-}
-
-.focus\:to-gray-600:focus {
-  --tw-gradient-to: #4b5563;
-}
-
-.focus\:to-gray-700:focus {
-  --tw-gradient-to: #374151;
-}
-
-.focus\:to-gray-800:focus {
-  --tw-gradient-to: #1f2937;
-}
-
-.focus\:to-gray-900:focus {
-  --tw-gradient-to: #111827;
-}
-
-.bg-opacity-0 {
-  --tw-bg-opacity: 0;
-}
-
-.bg-opacity-5 {
-  --tw-bg-opacity: 0.05;
-}
-
-.bg-opacity-10 {
-  --tw-bg-opacity: 0.1;
-}
-
-.bg-opacity-20 {
-  --tw-bg-opacity: 0.2;
-}
-
-.bg-opacity-25 {
-  --tw-bg-opacity: 0.25;
-}
-
-.bg-opacity-30 {
-  --tw-bg-opacity: 0.3;
-}
-
-.bg-opacity-40 {
-  --tw-bg-opacity: 0.4;
-}
-
-.bg-opacity-50 {
-  --tw-bg-opacity: 0.5;
-}
-
-.bg-opacity-60 {
-  --tw-bg-opacity: 0.6;
-}
-
-.bg-opacity-70 {
-  --tw-bg-opacity: 0.7;
-}
-
-.bg-opacity-75 {
-  --tw-bg-opacity: 0.75;
-}
-
-.bg-opacity-80 {
-  --tw-bg-opacity: 0.8;
-}
-
-.bg-opacity-90 {
-  --tw-bg-opacity: 0.9;
-}
-
-.bg-opacity-95 {
-  --tw-bg-opacity: 0.95;
-}
-
-.bg-opacity-100 {
-  --tw-bg-opacity: 1;
-}
-
-.group:hover .group-hover\:bg-opacity-0 {
-  --tw-bg-opacity: 0;
-}
-
-.group:hover .group-hover\:bg-opacity-5 {
-  --tw-bg-opacity: 0.05;
-}
-
-.group:hover .group-hover\:bg-opacity-10 {
-  --tw-bg-opacity: 0.1;
-}
-
-.group:hover .group-hover\:bg-opacity-20 {
-  --tw-bg-opacity: 0.2;
-}
-
-.group:hover .group-hover\:bg-opacity-25 {
-  --tw-bg-opacity: 0.25;
-}
-
-.group:hover .group-hover\:bg-opacity-30 {
-  --tw-bg-opacity: 0.3;
-}
-
-.group:hover .group-hover\:bg-opacity-40 {
-  --tw-bg-opacity: 0.4;
-}
-
-.group:hover .group-hover\:bg-opacity-50 {
-  --tw-bg-opacity: 0.5;
-}
-
-.group:hover .group-hover\:bg-opacity-60 {
-  --tw-bg-opacity: 0.6;
-}
-
-.group:hover .group-hover\:bg-opacity-70 {
-  --tw-bg-opacity: 0.7;
-}
-
-.group:hover .group-hover\:bg-opacity-75 {
-  --tw-bg-opacity: 0.75;
-}
-
-.group:hover .group-hover\:bg-opacity-80 {
-  --tw-bg-opacity: 0.8;
-}
-
-.group:hover .group-hover\:bg-opacity-90 {
-  --tw-bg-opacity: 0.9;
-}
-
-.group:hover .group-hover\:bg-opacity-95 {
-  --tw-bg-opacity: 0.95;
-}
-
-.group:hover .group-hover\:bg-opacity-100 {
-  --tw-bg-opacity: 1;
-}
-
-.focus-within\:bg-opacity-0:focus-within {
-  --tw-bg-opacity: 0;
-}
-
-.focus-within\:bg-opacity-5:focus-within {
-  --tw-bg-opacity: 0.05;
-}
-
-.focus-within\:bg-opacity-10:focus-within {
-  --tw-bg-opacity: 0.1;
-}
-
-.focus-within\:bg-opacity-20:focus-within {
-  --tw-bg-opacity: 0.2;
-}
-
-.focus-within\:bg-opacity-25:focus-within {
-  --tw-bg-opacity: 0.25;
-}
-
-.focus-within\:bg-opacity-30:focus-within {
-  --tw-bg-opacity: 0.3;
-}
-
-.focus-within\:bg-opacity-40:focus-within {
-  --tw-bg-opacity: 0.4;
-}
-
-.focus-within\:bg-opacity-50:focus-within {
-  --tw-bg-opacity: 0.5;
-}
-
-.focus-within\:bg-opacity-60:focus-within {
-  --tw-bg-opacity: 0.6;
-}
-
-.focus-within\:bg-opacity-70:focus-within {
-  --tw-bg-opacity: 0.7;
-}
-
-.focus-within\:bg-opacity-75:focus-within {
-  --tw-bg-opacity: 0.75;
-}
-
-.focus-within\:bg-opacity-80:focus-within {
-  --tw-bg-opacity: 0.8;
-}
-
-.focus-within\:bg-opacity-90:focus-within {
-  --tw-bg-opacity: 0.9;
-}
-
-.focus-within\:bg-opacity-95:focus-within {
-  --tw-bg-opacity: 0.95;
-}
-
-.focus-within\:bg-opacity-100:focus-within {
-  --tw-bg-opacity: 1;
-}
-
-.hover\:bg-opacity-0:hover {
-  --tw-bg-opacity: 0;
-}
-
-.hover\:bg-opacity-5:hover {
-  --tw-bg-opacity: 0.05;
-}
-
-.hover\:bg-opacity-10:hover {
-  --tw-bg-opacity: 0.1;
-}
-
-.hover\:bg-opacity-20:hover {
-  --tw-bg-opacity: 0.2;
-}
-
-.hover\:bg-opacity-25:hover {
-  --tw-bg-opacity: 0.25;
-}
-
-.hover\:bg-opacity-30:hover {
-  --tw-bg-opacity: 0.3;
-}
-
-.hover\:bg-opacity-40:hover {
-  --tw-bg-opacity: 0.4;
-}
-
-.hover\:bg-opacity-50:hover {
-  --tw-bg-opacity: 0.5;
-}
-
-.hover\:bg-opacity-60:hover {
-  --tw-bg-opacity: 0.6;
-}
-
-.hover\:bg-opacity-70:hover {
-  --tw-bg-opacity: 0.7;
-}
-
-.hover\:bg-opacity-75:hover {
-  --tw-bg-opacity: 0.75;
-}
-
-.hover\:bg-opacity-80:hover {
-  --tw-bg-opacity: 0.8;
-}
-
-.hover\:bg-opacity-90:hover {
-  --tw-bg-opacity: 0.9;
-}
-
-.hover\:bg-opacity-95:hover {
-  --tw-bg-opacity: 0.95;
-}
-
-.hover\:bg-opacity-100:hover {
-  --tw-bg-opacity: 1;
-}
-
-.focus\:bg-opacity-0:focus {
-  --tw-bg-opacity: 0;
-}
-
-.focus\:bg-opacity-5:focus {
-  --tw-bg-opacity: 0.05;
-}
-
-.focus\:bg-opacity-10:focus {
-  --tw-bg-opacity: 0.1;
-}
-
-.focus\:bg-opacity-20:focus {
-  --tw-bg-opacity: 0.2;
-}
-
-.focus\:bg-opacity-25:focus {
-  --tw-bg-opacity: 0.25;
-}
-
-.focus\:bg-opacity-30:focus {
-  --tw-bg-opacity: 0.3;
-}
-
-.focus\:bg-opacity-40:focus {
-  --tw-bg-opacity: 0.4;
-}
-
-.focus\:bg-opacity-50:focus {
-  --tw-bg-opacity: 0.5;
-}
-
-.focus\:bg-opacity-60:focus {
-  --tw-bg-opacity: 0.6;
-}
-
-.focus\:bg-opacity-70:focus {
-  --tw-bg-opacity: 0.7;
-}
-
-.focus\:bg-opacity-75:focus {
-  --tw-bg-opacity: 0.75;
-}
-
-.focus\:bg-opacity-80:focus {
-  --tw-bg-opacity: 0.8;
-}
-
-.focus\:bg-opacity-90:focus {
-  --tw-bg-opacity: 0.9;
-}
-
-.focus\:bg-opacity-95:focus {
-  --tw-bg-opacity: 0.95;
-}
-
-.focus\:bg-opacity-100:focus {
-  --tw-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-black {
-  --tw-border-opacity: 1;
-  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-}
-
-.border-white {
-  --tw-border-opacity: 1;
-  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-}
-
-.border-darkCoolGray-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-}
-
-.border-darkCoolGray-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-}
-
-.border-darkCoolGray-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-}
-
-.border-darkCoolGray-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-}
-
-.border-darkCoolGray-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-}
-
-.border-darkCoolGray-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-}
-
-.border-darkCoolGray-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-}
-
-.border-darkCoolGray-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-}
-
-.border-darkCoolGray-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-}
-
-.border-darkCoolGray-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-}
-
-.border-coolGray-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-}
-
-.border-coolGray-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-}
-
-.border-coolGray-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-}
-
-.border-coolGray-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-}
-
-.border-coolGray-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-}
-
-.border-coolGray-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-}
-
-.border-coolGray-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-}
-
-.border-coolGray-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-}
-
-.border-coolGray-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-}
-
-.border-coolGray-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-}
-
-.border-indigo-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-}
-
-.border-indigo-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-}
-
-.border-indigo-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-}
-
-.border-indigo-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-}
-
-.border-indigo-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-}
-
-.border-indigo-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-}
-
-.border-indigo-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-}
-
-.border-indigo-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-}
-
-.border-indigo-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-}
-
-.border-indigo-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-}
-
-.border-violet-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-}
-
-.border-violet-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-}
-
-.border-violet-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-}
-
-.border-violet-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-}
-
-.border-violet-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-}
-
-.border-violet-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-}
-
-.border-violet-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-}
-
-.border-violet-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-}
-
-.border-violet-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-}
-
-.border-violet-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-}
-
-.border-yellow-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-}
-
-.border-yellow-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-}
-
-.border-yellow-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-}
-
-.border-yellow-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-}
-
-.border-yellow-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-}
-
-.border-yellow-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-}
-
-.border-yellow-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-}
-
-.border-yellow-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-}
-
-.border-yellow-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-}
-
-.border-yellow-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-}
-
-.border-red-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-}
-
-.border-red-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-}
-
-.border-red-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-}
-
-.border-red-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-}
-
-.border-red-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-}
-
-.border-red-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-}
-
-.border-red-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-}
-
-.border-red-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-}
-
-.border-red-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-}
-
-.border-red-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-}
-
-.border-green-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-}
-
-.border-green-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-}
-
-.border-green-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-}
-
-.border-green-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-}
-
-.border-green-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-}
-
-.border-green-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-}
-
-.border-green-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-}
-
-.border-green-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-}
-
-.border-green-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-}
-
-.border-green-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-}
-
-.border-blue-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-}
-
-.border-blue-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-}
-
-.border-blue-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-}
-
-.border-blue-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-}
-
-.border-blue-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-}
-
-.border-blue-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-}
-
-.border-blue-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-}
-
-.border-blue-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-}
-
-.border-blue-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-}
-
-.border-blue-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-}
-
-.border-gray-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-}
-
-.border-gray-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-}
-
-.border-gray-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-}
-
-.border-gray-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-}
-
-.border-gray-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-}
-
-.border-gray-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-}
-
-.border-gray-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-}
-
-.border-gray-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-}
-
-.border-gray-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-}
-
-.border-gray-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(17, 24, 39, var(--tw-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-black {
-  --tw-border-opacity: 1;
-  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-white {
-  --tw-border-opacity: 1;
-  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-darkCoolGray-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-darkCoolGray-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-darkCoolGray-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-darkCoolGray-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-darkCoolGray-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-darkCoolGray-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-darkCoolGray-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-darkCoolGray-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-darkCoolGray-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-darkCoolGray-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-coolGray-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-coolGray-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-coolGray-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-coolGray-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-coolGray-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-coolGray-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-coolGray-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-coolGray-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-coolGray-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-coolGray-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-violet-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-violet-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-violet-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-violet-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-violet-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-violet-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-violet-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-violet-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-violet-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-violet-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-red-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-red-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-red-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-red-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-red-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-red-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-red-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-red-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-red-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-red-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-green-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-green-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-green-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-green-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-green-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-green-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-green-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-green-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-green-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-green-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-50 {
-  --tw-border-opacity: 1;
-  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-300 {
-  --tw-border-opacity: 1;
-  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-400 {
-  --tw-border-opacity: 1;
-  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-800 {
-  --tw-border-opacity: 1;
-  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-}
-
-.focus-within\:border-current:focus-within {
-  border-color: currentColor;
-}
-
-.focus-within\:border-transparent:focus-within {
-  border-color: transparent;
-}
-
-.focus-within\:border-black:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-}
-
-.focus-within\:border-white:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-}
-
-.focus-within\:border-darkCoolGray-50:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-}
-
-.focus-within\:border-darkCoolGray-100:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-}
-
-.focus-within\:border-darkCoolGray-200:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-}
-
-.focus-within\:border-darkCoolGray-300:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-}
-
-.focus-within\:border-darkCoolGray-400:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-}
-
-.focus-within\:border-darkCoolGray-500:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-}
-
-.focus-within\:border-darkCoolGray-600:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-}
-
-.focus-within\:border-darkCoolGray-700:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-}
-
-.focus-within\:border-darkCoolGray-800:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-}
-
-.focus-within\:border-darkCoolGray-900:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-}
-
-.focus-within\:border-coolGray-50:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-}
-
-.focus-within\:border-coolGray-100:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-}
-
-.focus-within\:border-coolGray-200:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-}
-
-.focus-within\:border-coolGray-300:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-}
-
-.focus-within\:border-coolGray-400:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-}
-
-.focus-within\:border-coolGray-500:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-}
-
-.focus-within\:border-coolGray-600:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-}
-
-.focus-within\:border-coolGray-700:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-}
-
-.focus-within\:border-coolGray-800:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-}
-
-.focus-within\:border-coolGray-900:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-}
-
-.focus-within\:border-indigo-50:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-}
-
-.focus-within\:border-indigo-100:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-}
-
-.focus-within\:border-indigo-200:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-}
-
-.focus-within\:border-indigo-300:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-}
-
-.focus-within\:border-indigo-400:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-}
-
-.focus-within\:border-indigo-500:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-}
-
-.focus-within\:border-indigo-600:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-}
-
-.focus-within\:border-indigo-700:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-}
-
-.focus-within\:border-indigo-800:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-}
-
-.focus-within\:border-indigo-900:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-}
-
-.focus-within\:border-violet-50:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-}
-
-.focus-within\:border-violet-100:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-}
-
-.focus-within\:border-violet-200:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-}
-
-.focus-within\:border-violet-300:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-}
-
-.focus-within\:border-violet-400:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-}
-
-.focus-within\:border-violet-500:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-}
-
-.focus-within\:border-violet-600:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-}
-
-.focus-within\:border-violet-700:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-}
-
-.focus-within\:border-violet-800:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-}
-
-.focus-within\:border-violet-900:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-}
-
-.focus-within\:border-yellow-50:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-}
-
-.focus-within\:border-yellow-100:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-}
-
-.focus-within\:border-yellow-200:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-}
-
-.focus-within\:border-yellow-300:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-}
-
-.focus-within\:border-yellow-400:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-}
-
-.focus-within\:border-yellow-500:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-}
-
-.focus-within\:border-yellow-600:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-}
-
-.focus-within\:border-yellow-700:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-}
-
-.focus-within\:border-yellow-800:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-}
-
-.focus-within\:border-yellow-900:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-}
-
-.focus-within\:border-red-50:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-}
-
-.focus-within\:border-red-100:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-}
-
-.focus-within\:border-red-200:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-}
-
-.focus-within\:border-red-300:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-}
-
-.focus-within\:border-red-400:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-}
-
-.focus-within\:border-red-500:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-}
-
-.focus-within\:border-red-600:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-}
-
-.focus-within\:border-red-700:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-}
-
-.focus-within\:border-red-800:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-}
-
-.focus-within\:border-red-900:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-}
-
-.focus-within\:border-green-50:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-}
-
-.focus-within\:border-green-100:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-}
-
-.focus-within\:border-green-200:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-}
-
-.focus-within\:border-green-300:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-}
-
-.focus-within\:border-green-400:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-}
-
-.focus-within\:border-green-500:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-}
-
-.focus-within\:border-green-600:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-}
-
-.focus-within\:border-green-700:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-}
-
-.focus-within\:border-green-800:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-}
-
-.focus-within\:border-green-900:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-}
-
-.focus-within\:border-blue-50:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-}
-
-.focus-within\:border-blue-100:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-}
-
-.focus-within\:border-blue-200:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-}
-
-.focus-within\:border-blue-300:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-}
-
-.focus-within\:border-blue-400:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-}
-
-.focus-within\:border-blue-500:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-}
-
-.focus-within\:border-blue-600:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-}
-
-.focus-within\:border-blue-700:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-}
-
-.focus-within\:border-blue-800:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-}
-
-.focus-within\:border-blue-900:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-}
-
-.focus-within\:border-gray-50:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-}
-
-.focus-within\:border-gray-100:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-}
-
-.focus-within\:border-gray-200:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-}
-
-.focus-within\:border-gray-300:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-}
-
-.focus-within\:border-gray-400:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-}
-
-.focus-within\:border-gray-500:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-}
-
-.focus-within\:border-gray-600:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-}
-
-.focus-within\:border-gray-700:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-}
-
-.focus-within\:border-gray-800:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-}
-
-.focus-within\:border-gray-900:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-}
-
-.hover\:border-current:hover {
-  border-color: currentColor;
-}
-
-.hover\:border-transparent:hover {
-  border-color: transparent;
-}
-
-.hover\:border-black:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-}
-
-.hover\:border-white:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-}
-
-.hover\:border-darkCoolGray-50:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-}
-
-.hover\:border-darkCoolGray-100:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-}
-
-.hover\:border-darkCoolGray-200:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-}
-
-.hover\:border-darkCoolGray-300:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-}
-
-.hover\:border-darkCoolGray-400:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-}
-
-.hover\:border-darkCoolGray-500:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-}
-
-.hover\:border-darkCoolGray-600:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-}
-
-.hover\:border-darkCoolGray-700:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-}
-
-.hover\:border-darkCoolGray-800:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-}
-
-.hover\:border-darkCoolGray-900:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-}
-
-.hover\:border-coolGray-50:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-}
-
-.hover\:border-coolGray-100:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-}
-
-.hover\:border-coolGray-200:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-}
-
-.hover\:border-coolGray-300:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-}
-
-.hover\:border-coolGray-400:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-}
-
-.hover\:border-coolGray-500:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-}
-
-.hover\:border-coolGray-600:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-}
-
-.hover\:border-coolGray-700:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-}
-
-.hover\:border-coolGray-800:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-}
-
-.hover\:border-coolGray-900:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-}
-
-.hover\:border-indigo-50:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-}
-
-.hover\:border-indigo-100:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-}
-
-.hover\:border-indigo-200:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-}
-
-.hover\:border-indigo-300:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-}
-
-.hover\:border-indigo-400:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-}
-
-.hover\:border-indigo-500:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-}
-
-.hover\:border-indigo-600:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-}
-
-.hover\:border-indigo-700:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-}
-
-.hover\:border-indigo-800:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-}
-
-.hover\:border-indigo-900:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-}
-
-.hover\:border-violet-50:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-}
-
-.hover\:border-violet-100:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-}
-
-.hover\:border-violet-200:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-}
-
-.hover\:border-violet-300:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-}
-
-.hover\:border-violet-400:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-}
-
-.hover\:border-violet-500:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-}
-
-.hover\:border-violet-600:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-}
-
-.hover\:border-violet-700:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-}
-
-.hover\:border-violet-800:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-}
-
-.hover\:border-violet-900:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-}
-
-.hover\:border-yellow-50:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-}
-
-.hover\:border-yellow-100:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-}
-
-.hover\:border-yellow-200:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-}
-
-.hover\:border-yellow-300:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-}
-
-.hover\:border-yellow-400:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-}
-
-.hover\:border-yellow-500:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-}
-
-.hover\:border-yellow-600:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-}
-
-.hover\:border-yellow-700:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-}
-
-.hover\:border-yellow-800:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-}
-
-.hover\:border-yellow-900:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-}
-
-.hover\:border-red-50:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-}
-
-.hover\:border-red-100:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-}
-
-.hover\:border-red-200:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-}
-
-.hover\:border-red-300:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-}
-
-.hover\:border-red-400:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-}
-
-.hover\:border-red-500:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-}
-
-.hover\:border-red-600:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-}
-
-.hover\:border-red-700:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-}
-
-.hover\:border-red-800:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-}
-
-.hover\:border-red-900:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-}
-
-.hover\:border-green-50:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-}
-
-.hover\:border-green-100:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-}
-
-.hover\:border-green-200:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-}
-
-.hover\:border-green-300:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-}
-
-.hover\:border-green-400:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-}
-
-.hover\:border-green-500:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-}
-
-.hover\:border-green-600:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-}
-
-.hover\:border-green-700:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-}
-
-.hover\:border-green-800:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-}
-
-.hover\:border-green-900:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-}
-
-.hover\:border-blue-50:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-}
-
-.hover\:border-blue-100:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-}
-
-.hover\:border-blue-200:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-}
-
-.hover\:border-blue-300:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-}
-
-.hover\:border-blue-400:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-}
-
-.hover\:border-blue-500:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-}
-
-.hover\:border-blue-600:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-}
-
-.hover\:border-blue-700:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-}
-
-.hover\:border-blue-800:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-}
-
-.hover\:border-blue-900:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-}
-
-.hover\:border-gray-50:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-}
-
-.hover\:border-gray-100:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-}
-
-.hover\:border-gray-200:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-}
-
-.hover\:border-gray-300:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-}
-
-.hover\:border-gray-400:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-}
-
-.hover\:border-gray-500:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-}
-
-.hover\:border-gray-600:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-}
-
-.hover\:border-gray-700:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-}
-
-.hover\:border-gray-800:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-}
-
-.hover\:border-gray-900:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-}
-
-.focus\:border-current:focus {
-  border-color: currentColor;
-}
-
-.focus\:border-transparent:focus {
-  border-color: transparent;
-}
-
-.focus\:border-black:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-}
-
-.focus\:border-white:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-}
-
-.focus\:border-darkCoolGray-50:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-}
-
-.focus\:border-darkCoolGray-100:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-}
-
-.focus\:border-darkCoolGray-200:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-}
-
-.focus\:border-darkCoolGray-300:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-}
-
-.focus\:border-darkCoolGray-400:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-}
-
-.focus\:border-darkCoolGray-500:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-}
-
-.focus\:border-darkCoolGray-600:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-}
-
-.focus\:border-darkCoolGray-700:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-}
-
-.focus\:border-darkCoolGray-800:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-}
-
-.focus\:border-darkCoolGray-900:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-}
-
-.focus\:border-coolGray-50:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-}
-
-.focus\:border-coolGray-100:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-}
-
-.focus\:border-coolGray-200:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-}
-
-.focus\:border-coolGray-300:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-}
-
-.focus\:border-coolGray-400:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-}
-
-.focus\:border-coolGray-500:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-}
-
-.focus\:border-coolGray-600:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-}
-
-.focus\:border-coolGray-700:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-}
-
-.focus\:border-coolGray-800:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-}
-
-.focus\:border-coolGray-900:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-}
-
-.focus\:border-indigo-50:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-}
-
-.focus\:border-indigo-100:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-}
-
-.focus\:border-indigo-200:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-}
-
-.focus\:border-indigo-300:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-}
-
-.focus\:border-indigo-400:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-}
-
-.focus\:border-indigo-500:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-}
-
-.focus\:border-indigo-600:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-}
-
-.focus\:border-indigo-700:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-}
-
-.focus\:border-indigo-800:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-}
-
-.focus\:border-indigo-900:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-}
-
-.focus\:border-violet-50:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-}
-
-.focus\:border-violet-100:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-}
-
-.focus\:border-violet-200:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-}
-
-.focus\:border-violet-300:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-}
-
-.focus\:border-violet-400:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-}
-
-.focus\:border-violet-500:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-}
-
-.focus\:border-violet-600:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-}
-
-.focus\:border-violet-700:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-}
-
-.focus\:border-violet-800:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-}
-
-.focus\:border-violet-900:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-}
-
-.focus\:border-yellow-50:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-}
-
-.focus\:border-yellow-100:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-}
-
-.focus\:border-yellow-200:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-}
-
-.focus\:border-yellow-300:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-}
-
-.focus\:border-yellow-400:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-}
-
-.focus\:border-yellow-500:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-}
-
-.focus\:border-yellow-600:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-}
-
-.focus\:border-yellow-700:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-}
-
-.focus\:border-yellow-800:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-}
-
-.focus\:border-yellow-900:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-}
-
-.focus\:border-red-50:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-}
-
-.focus\:border-red-100:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-}
-
-.focus\:border-red-200:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-}
-
-.focus\:border-red-300:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-}
-
-.focus\:border-red-400:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-}
-
-.focus\:border-red-500:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-}
-
-.focus\:border-red-600:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-}
-
-.focus\:border-red-700:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-}
-
-.focus\:border-red-800:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-}
-
-.focus\:border-red-900:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-}
-
-.focus\:border-green-50:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-}
-
-.focus\:border-green-100:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-}
-
-.focus\:border-green-200:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-}
-
-.focus\:border-green-300:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-}
-
-.focus\:border-green-400:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-}
-
-.focus\:border-green-500:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-}
-
-.focus\:border-green-600:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-}
-
-.focus\:border-green-700:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-}
-
-.focus\:border-green-800:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-}
-
-.focus\:border-green-900:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-}
-
-.focus\:border-blue-50:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-}
-
-.focus\:border-blue-100:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-}
-
-.focus\:border-blue-200:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-}
-
-.focus\:border-blue-300:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-}
-
-.focus\:border-blue-400:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-}
-
-.focus\:border-blue-500:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-}
-
-.focus\:border-blue-600:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-}
-
-.focus\:border-blue-700:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-}
-
-.focus\:border-blue-800:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-}
-
-.focus\:border-blue-900:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-}
-
-.focus\:border-gray-50:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-}
-
-.focus\:border-gray-100:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-}
-
-.focus\:border-gray-200:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-}
-
-.focus\:border-gray-300:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-}
-
-.focus\:border-gray-400:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-}
-
-.focus\:border-gray-500:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-}
-
-.focus\:border-gray-600:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-}
-
-.focus\:border-gray-700:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-}
-
-.focus\:border-gray-800:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-}
-
-.focus\:border-gray-900:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-}
-
-.border-opacity-0 {
-  --tw-border-opacity: 0;
-}
-
-.border-opacity-5 {
-  --tw-border-opacity: 0.05;
-}
-
-.border-opacity-10 {
-  --tw-border-opacity: 0.1;
-}
-
-.border-opacity-20 {
-  --tw-border-opacity: 0.2;
-}
-
-.border-opacity-25 {
-  --tw-border-opacity: 0.25;
-}
-
-.border-opacity-30 {
-  --tw-border-opacity: 0.3;
-}
-
-.border-opacity-40 {
-  --tw-border-opacity: 0.4;
-}
-
-.border-opacity-50 {
-  --tw-border-opacity: 0.5;
-}
-
-.border-opacity-60 {
-  --tw-border-opacity: 0.6;
-}
-
-.border-opacity-70 {
-  --tw-border-opacity: 0.7;
-}
-
-.border-opacity-75 {
-  --tw-border-opacity: 0.75;
-}
-
-.border-opacity-80 {
-  --tw-border-opacity: 0.8;
-}
-
-.border-opacity-90 {
-  --tw-border-opacity: 0.9;
-}
-
-.border-opacity-95 {
-  --tw-border-opacity: 0.95;
-}
-
-.border-opacity-100 {
-  --tw-border-opacity: 1;
-}
-
-.group:hover .group-hover\:border-opacity-0 {
-  --tw-border-opacity: 0;
-}
-
-.group:hover .group-hover\:border-opacity-5 {
-  --tw-border-opacity: 0.05;
-}
-
-.group:hover .group-hover\:border-opacity-10 {
-  --tw-border-opacity: 0.1;
-}
-
-.group:hover .group-hover\:border-opacity-20 {
-  --tw-border-opacity: 0.2;
-}
-
-.group:hover .group-hover\:border-opacity-25 {
-  --tw-border-opacity: 0.25;
-}
-
-.group:hover .group-hover\:border-opacity-30 {
-  --tw-border-opacity: 0.3;
-}
-
-.group:hover .group-hover\:border-opacity-40 {
-  --tw-border-opacity: 0.4;
-}
-
-.group:hover .group-hover\:border-opacity-50 {
-  --tw-border-opacity: 0.5;
-}
-
-.group:hover .group-hover\:border-opacity-60 {
-  --tw-border-opacity: 0.6;
-}
-
-.group:hover .group-hover\:border-opacity-70 {
-  --tw-border-opacity: 0.7;
-}
-
-.group:hover .group-hover\:border-opacity-75 {
-  --tw-border-opacity: 0.75;
-}
-
-.group:hover .group-hover\:border-opacity-80 {
-  --tw-border-opacity: 0.8;
-}
-
-.group:hover .group-hover\:border-opacity-90 {
-  --tw-border-opacity: 0.9;
-}
-
-.group:hover .group-hover\:border-opacity-95 {
-  --tw-border-opacity: 0.95;
-}
-
-.group:hover .group-hover\:border-opacity-100 {
-  --tw-border-opacity: 1;
-}
-
-.focus-within\:border-opacity-0:focus-within {
-  --tw-border-opacity: 0;
-}
-
-.focus-within\:border-opacity-5:focus-within {
-  --tw-border-opacity: 0.05;
-}
-
-.focus-within\:border-opacity-10:focus-within {
-  --tw-border-opacity: 0.1;
-}
-
-.focus-within\:border-opacity-20:focus-within {
-  --tw-border-opacity: 0.2;
-}
-
-.focus-within\:border-opacity-25:focus-within {
-  --tw-border-opacity: 0.25;
-}
-
-.focus-within\:border-opacity-30:focus-within {
-  --tw-border-opacity: 0.3;
-}
-
-.focus-within\:border-opacity-40:focus-within {
-  --tw-border-opacity: 0.4;
-}
-
-.focus-within\:border-opacity-50:focus-within {
-  --tw-border-opacity: 0.5;
-}
-
-.focus-within\:border-opacity-60:focus-within {
-  --tw-border-opacity: 0.6;
-}
-
-.focus-within\:border-opacity-70:focus-within {
-  --tw-border-opacity: 0.7;
-}
-
-.focus-within\:border-opacity-75:focus-within {
-  --tw-border-opacity: 0.75;
-}
-
-.focus-within\:border-opacity-80:focus-within {
-  --tw-border-opacity: 0.8;
-}
-
-.focus-within\:border-opacity-90:focus-within {
-  --tw-border-opacity: 0.9;
-}
-
-.focus-within\:border-opacity-95:focus-within {
-  --tw-border-opacity: 0.95;
-}
-
-.focus-within\:border-opacity-100:focus-within {
-  --tw-border-opacity: 1;
-}
-
-.hover\:border-opacity-0:hover {
-  --tw-border-opacity: 0;
-}
-
-.hover\:border-opacity-5:hover {
-  --tw-border-opacity: 0.05;
-}
-
-.hover\:border-opacity-10:hover {
-  --tw-border-opacity: 0.1;
-}
-
-.hover\:border-opacity-20:hover {
-  --tw-border-opacity: 0.2;
-}
-
-.hover\:border-opacity-25:hover {
-  --tw-border-opacity: 0.25;
-}
-
-.hover\:border-opacity-30:hover {
-  --tw-border-opacity: 0.3;
-}
-
-.hover\:border-opacity-40:hover {
-  --tw-border-opacity: 0.4;
-}
-
-.hover\:border-opacity-50:hover {
-  --tw-border-opacity: 0.5;
-}
-
-.hover\:border-opacity-60:hover {
-  --tw-border-opacity: 0.6;
-}
-
-.hover\:border-opacity-70:hover {
-  --tw-border-opacity: 0.7;
-}
-
-.hover\:border-opacity-75:hover {
-  --tw-border-opacity: 0.75;
-}
-
-.hover\:border-opacity-80:hover {
-  --tw-border-opacity: 0.8;
-}
-
-.hover\:border-opacity-90:hover {
-  --tw-border-opacity: 0.9;
-}
-
-.hover\:border-opacity-95:hover {
-  --tw-border-opacity: 0.95;
-}
-
-.hover\:border-opacity-100:hover {
-  --tw-border-opacity: 1;
-}
-
-.focus\:border-opacity-0:focus {
-  --tw-border-opacity: 0;
-}
-
-.focus\:border-opacity-5:focus {
-  --tw-border-opacity: 0.05;
-}
-
-.focus\:border-opacity-10:focus {
-  --tw-border-opacity: 0.1;
-}
-
-.focus\:border-opacity-20:focus {
-  --tw-border-opacity: 0.2;
-}
-
-.focus\:border-opacity-25:focus {
-  --tw-border-opacity: 0.25;
-}
-
-.focus\:border-opacity-30:focus {
-  --tw-border-opacity: 0.3;
-}
-
-.focus\:border-opacity-40:focus {
-  --tw-border-opacity: 0.4;
-}
-
-.focus\:border-opacity-50:focus {
-  --tw-border-opacity: 0.5;
-}
-
-.focus\:border-opacity-60:focus {
-  --tw-border-opacity: 0.6;
-}
-
-.focus\:border-opacity-70:focus {
-  --tw-border-opacity: 0.7;
-}
-
-.focus\:border-opacity-75:focus {
-  --tw-border-opacity: 0.75;
-}
-
-.focus\:border-opacity-80:focus {
-  --tw-border-opacity: 0.8;
-}
-
-.focus\:border-opacity-90:focus {
-  --tw-border-opacity: 0.9;
-}
-
-.focus\:border-opacity-95:focus {
-  --tw-border-opacity: 0.95;
-}
-
-.focus\:border-opacity-100:focus {
-  --tw-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.675rem;
-}
-
-.rounded-2xl {
-  border-radius: 0.75rem;
-}
-
-.rounded-3xl {
-  border-radius: 0.875rem;
-}
-
-.rounded-4xl {
-  border-radius: 1rem;
-}
-
-.rounded-5xl {
-  border-radius: 1.25rem;
-}
-
-.rounded-6xl {
-  border-radius: 1.375rem;
-}
-
-.rounded-7xl {
-  border-radius: 1.5rem;
-}
-
-.rounded-8xl {
-  border-radius: 2rem;
-}
-
-.rounded-9xl {
-  border-radius: 2.25rem;
-}
-
-.rounded-10xl {
-  border-radius: 2.5rem;
-}
-
-.rounded-11xl {
-  border-radius: 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.675rem;
-  border-top-right-radius: 0.675rem;
-}
-
-.rounded-r-xl {
-  border-top-right-radius: 0.675rem;
-  border-bottom-right-radius: 0.675rem;
-}
-
-.rounded-b-xl {
-  border-bottom-right-radius: 0.675rem;
-  border-bottom-left-radius: 0.675rem;
-}
-
-.rounded-l-xl {
-  border-top-left-radius: 0.675rem;
-  border-bottom-left-radius: 0.675rem;
-}
-
-.rounded-t-2xl {
-  border-top-left-radius: 0.75rem;
-  border-top-right-radius: 0.75rem;
-}
-
-.rounded-r-2xl {
-  border-top-right-radius: 0.75rem;
-  border-bottom-right-radius: 0.75rem;
-}
-
-.rounded-b-2xl {
-  border-bottom-right-radius: 0.75rem;
-  border-bottom-left-radius: 0.75rem;
-}
-
-.rounded-l-2xl {
-  border-top-left-radius: 0.75rem;
-  border-bottom-left-radius: 0.75rem;
-}
-
-.rounded-t-3xl {
-  border-top-left-radius: 0.875rem;
-  border-top-right-radius: 0.875rem;
-}
-
-.rounded-r-3xl {
-  border-top-right-radius: 0.875rem;
-  border-bottom-right-radius: 0.875rem;
-}
-
-.rounded-b-3xl {
-  border-bottom-right-radius: 0.875rem;
-  border-bottom-left-radius: 0.875rem;
-}
-
-.rounded-l-3xl {
-  border-top-left-radius: 0.875rem;
-  border-bottom-left-radius: 0.875rem;
-}
-
-.rounded-t-4xl {
-  border-top-left-radius: 1rem;
-  border-top-right-radius: 1rem;
-}
-
-.rounded-r-4xl {
-  border-top-right-radius: 1rem;
-  border-bottom-right-radius: 1rem;
-}
-
-.rounded-b-4xl {
-  border-bottom-right-radius: 1rem;
-  border-bottom-left-radius: 1rem;
-}
-
-.rounded-l-4xl {
-  border-top-left-radius: 1rem;
-  border-bottom-left-radius: 1rem;
-}
-
-.rounded-t-5xl {
-  border-top-left-radius: 1.25rem;
-  border-top-right-radius: 1.25rem;
-}
-
-.rounded-r-5xl {
-  border-top-right-radius: 1.25rem;
-  border-bottom-right-radius: 1.25rem;
-}
-
-.rounded-b-5xl {
-  border-bottom-right-radius: 1.25rem;
-  border-bottom-left-radius: 1.25rem;
-}
-
-.rounded-l-5xl {
-  border-top-left-radius: 1.25rem;
-  border-bottom-left-radius: 1.25rem;
-}
-
-.rounded-t-6xl {
-  border-top-left-radius: 1.375rem;
-  border-top-right-radius: 1.375rem;
-}
-
-.rounded-r-6xl {
-  border-top-right-radius: 1.375rem;
-  border-bottom-right-radius: 1.375rem;
-}
-
-.rounded-b-6xl {
-  border-bottom-right-radius: 1.375rem;
-  border-bottom-left-radius: 1.375rem;
-}
-
-.rounded-l-6xl {
-  border-top-left-radius: 1.375rem;
-  border-bottom-left-radius: 1.375rem;
-}
-
-.rounded-t-7xl {
-  border-top-left-radius: 1.5rem;
-  border-top-right-radius: 1.5rem;
-}
-
-.rounded-r-7xl {
-  border-top-right-radius: 1.5rem;
-  border-bottom-right-radius: 1.5rem;
-}
-
-.rounded-b-7xl {
-  border-bottom-right-radius: 1.5rem;
-  border-bottom-left-radius: 1.5rem;
-}
-
-.rounded-l-7xl {
-  border-top-left-radius: 1.5rem;
-  border-bottom-left-radius: 1.5rem;
-}
-
-.rounded-t-8xl {
-  border-top-left-radius: 2rem;
-  border-top-right-radius: 2rem;
-}
-
-.rounded-r-8xl {
-  border-top-right-radius: 2rem;
-  border-bottom-right-radius: 2rem;
-}
-
-.rounded-b-8xl {
-  border-bottom-right-radius: 2rem;
-  border-bottom-left-radius: 2rem;
-}
-
-.rounded-l-8xl {
-  border-top-left-radius: 2rem;
-  border-bottom-left-radius: 2rem;
-}
-
-.rounded-t-9xl {
-  border-top-left-radius: 2.25rem;
-  border-top-right-radius: 2.25rem;
-}
-
-.rounded-r-9xl {
-  border-top-right-radius: 2.25rem;
-  border-bottom-right-radius: 2.25rem;
-}
-
-.rounded-b-9xl {
-  border-bottom-right-radius: 2.25rem;
-  border-bottom-left-radius: 2.25rem;
-}
-
-.rounded-l-9xl {
-  border-top-left-radius: 2.25rem;
-  border-bottom-left-radius: 2.25rem;
-}
-
-.rounded-t-10xl {
-  border-top-left-radius: 2.5rem;
-  border-top-right-radius: 2.5rem;
-}
-
-.rounded-r-10xl {
-  border-top-right-radius: 2.5rem;
-  border-bottom-right-radius: 2.5rem;
-}
-
-.rounded-b-10xl {
-  border-bottom-right-radius: 2.5rem;
-  border-bottom-left-radius: 2.5rem;
-}
-
-.rounded-l-10xl {
-  border-top-left-radius: 2.5rem;
-  border-bottom-left-radius: 2.5rem;
-}
-
-.rounded-t-11xl {
-  border-top-left-radius: 5rem;
-  border-top-right-radius: 5rem;
-}
-
-.rounded-r-11xl {
-  border-top-right-radius: 5rem;
-  border-bottom-right-radius: 5rem;
-}
-
-.rounded-b-11xl {
-  border-bottom-right-radius: 5rem;
-  border-bottom-left-radius: 5rem;
-}
-
-.rounded-l-11xl {
-  border-top-left-radius: 5rem;
-  border-bottom-left-radius: 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.675rem;
-}
-
-.rounded-tr-xl {
-  border-top-right-radius: 0.675rem;
-}
-
-.rounded-br-xl {
-  border-bottom-right-radius: 0.675rem;
-}
-
-.rounded-bl-xl {
-  border-bottom-left-radius: 0.675rem;
-}
-
-.rounded-tl-2xl {
-  border-top-left-radius: 0.75rem;
-}
-
-.rounded-tr-2xl {
-  border-top-right-radius: 0.75rem;
-}
-
-.rounded-br-2xl {
-  border-bottom-right-radius: 0.75rem;
-}
-
-.rounded-bl-2xl {
-  border-bottom-left-radius: 0.75rem;
-}
-
-.rounded-tl-3xl {
-  border-top-left-radius: 0.875rem;
-}
-
-.rounded-tr-3xl {
-  border-top-right-radius: 0.875rem;
-}
-
-.rounded-br-3xl {
-  border-bottom-right-radius: 0.875rem;
-}
-
-.rounded-bl-3xl {
-  border-bottom-left-radius: 0.875rem;
-}
-
-.rounded-tl-4xl {
-  border-top-left-radius: 1rem;
-}
-
-.rounded-tr-4xl {
-  border-top-right-radius: 1rem;
-}
-
-.rounded-br-4xl {
-  border-bottom-right-radius: 1rem;
-}
-
-.rounded-bl-4xl {
-  border-bottom-left-radius: 1rem;
-}
-
-.rounded-tl-5xl {
-  border-top-left-radius: 1.25rem;
-}
-
-.rounded-tr-5xl {
-  border-top-right-radius: 1.25rem;
-}
-
-.rounded-br-5xl {
-  border-bottom-right-radius: 1.25rem;
-}
-
-.rounded-bl-5xl {
-  border-bottom-left-radius: 1.25rem;
-}
-
-.rounded-tl-6xl {
-  border-top-left-radius: 1.375rem;
-}
-
-.rounded-tr-6xl {
-  border-top-right-radius: 1.375rem;
-}
-
-.rounded-br-6xl {
-  border-bottom-right-radius: 1.375rem;
-}
-
-.rounded-bl-6xl {
-  border-bottom-left-radius: 1.375rem;
-}
-
-.rounded-tl-7xl {
-  border-top-left-radius: 1.5rem;
-}
-
-.rounded-tr-7xl {
-  border-top-right-radius: 1.5rem;
-}
-
-.rounded-br-7xl {
-  border-bottom-right-radius: 1.5rem;
-}
-
-.rounded-bl-7xl {
-  border-bottom-left-radius: 1.5rem;
-}
-
-.rounded-tl-8xl {
-  border-top-left-radius: 2rem;
-}
-
-.rounded-tr-8xl {
-  border-top-right-radius: 2rem;
-}
-
-.rounded-br-8xl {
-  border-bottom-right-radius: 2rem;
-}
-
-.rounded-bl-8xl {
-  border-bottom-left-radius: 2rem;
-}
-
-.rounded-tl-9xl {
-  border-top-left-radius: 2.25rem;
-}
-
-.rounded-tr-9xl {
-  border-top-right-radius: 2.25rem;
-}
-
-.rounded-br-9xl {
-  border-bottom-right-radius: 2.25rem;
-}
-
-.rounded-bl-9xl {
-  border-bottom-left-radius: 2.25rem;
-}
-
-.rounded-tl-10xl {
-  border-top-left-radius: 2.5rem;
-}
-
-.rounded-tr-10xl {
-  border-top-right-radius: 2.5rem;
-}
-
-.rounded-br-10xl {
-  border-bottom-right-radius: 2.5rem;
-}
-
-.rounded-bl-10xl {
-  border-bottom-left-radius: 2.5rem;
-}
-
-.rounded-tl-11xl {
-  border-top-left-radius: 5rem;
-}
-
-.rounded-tr-11xl {
-  border-top-right-radius: 5rem;
-}
-
-.rounded-br-11xl {
-  border-bottom-right-radius: 5rem;
-}
-
-.rounded-bl-11xl {
-  border-bottom-left-radius: 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 {
-  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-nowrap {
-  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;
-}
-
-.clear-left {
-  clear: left;
-}
-
-.clear-right {
-  clear: right;
-}
-
-.clear-both {
-  clear: both;
-}
-
-.clear-none {
-  clear: none;
-}
-
-.font-body {
-  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-}
-
-.font-heading {
-  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-}
-
-.font-sans {
-  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-}
-
-.font-serif {
-  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
-}
-
-.font-mono {
-  font-family: ui-monospace, SFMono-Regular, 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;
-}
-
-.h-0 {
-  height: 0px;
-}
-
-.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-14 {
-  height: 3.5rem;
-}
-
-.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-full {
-  height: 100%;
-}
-
-.h-screen {
-  height: 100vh;
-}
-
-.text-xxs {
-  font-size: 0.6875rem;
-}
-
-.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: 3.75rem;
-}
-
-.text-7xl {
-  font-size: 4.5rem;
-}
-
-.text-8xl {
-  font-size: 6rem;
-}
-
-.text-9xl {
-  font-size: 8rem;
-}
-
-.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: 0px;
-}
-
-.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-14 {
-  margin: 3.5rem;
-}
-
-.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-0 {
-  margin: 0px;
-}
-
-.-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-14 {
-  margin: -3.5rem;
-}
-
-.-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;
-}
-
-.my-0 {
-  margin-top: 0px;
-  margin-bottom: 0px;
-}
-
-.mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
-}
-
-.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-14 {
-  margin-top: 3.5rem;
-  margin-bottom: 3.5rem;
-}
-
-.mx-14 {
-  margin-left: 3.5rem;
-  margin-right: 3.5rem;
-}
-
-.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-0 {
-  margin-top: 0px;
-  margin-bottom: 0px;
-}
-
-.-mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
-}
-
-.-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-14 {
-  margin-top: -3.5rem;
-  margin-bottom: -3.5rem;
-}
-
-.-mx-14 {
-  margin-left: -3.5rem;
-  margin-right: -3.5rem;
-}
-
-.-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;
-}
-
-.mt-0 {
-  margin-top: 0px;
-}
-
-.mr-0 {
-  margin-right: 0px;
-}
-
-.mb-0 {
-  margin-bottom: 0px;
-}
-
-.ml-0 {
-  margin-left: 0px;
-}
-
-.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-14 {
-  margin-top: 3.5rem;
-}
-
-.mr-14 {
-  margin-right: 3.5rem;
-}
-
-.mb-14 {
-  margin-bottom: 3.5rem;
-}
-
-.ml-14 {
-  margin-left: 3.5rem;
-}
-
-.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-0 {
-  margin-top: 0px;
-}
-
-.-mr-0 {
-  margin-right: 0px;
-}
-
-.-mb-0 {
-  margin-bottom: 0px;
-}
-
-.-ml-0 {
-  margin-left: 0px;
-}
-
-.-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-14 {
-  margin-top: -3.5rem;
-}
-
-.-mr-14 {
-  margin-right: -3.5rem;
-}
-
-.-mb-14 {
-  margin-bottom: -3.5rem;
-}
-
-.-ml-14 {
-  margin-left: -3.5rem;
-}
-
-.-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;
-}
-
-.max-h-full {
-  max-height: 100%;
-}
-
-.max-h-screen {
-  max-height: 100vh;
-}
-
-.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 {
-  max-width: -webkit-min-content;
-  max-width: -moz-min-content;
-  max-width: min-content;
-}
-
-.max-w-max {
-  max-width: -webkit-max-content;
-  max-width: -moz-max-content;
-  max-width: max-content;
-}
-
-.max-w-prose {
-  max-width: 65ch;
-}
-
-.min-h-0 {
-  min-height: 0;
-}
-
-.min-h-full {
-  min-height: 100%;
-}
-
-.min-h-screen {
-  min-height: 100vh;
-}
-
-.min-w-0 {
-  min-width: 0;
-}
-
-.min-w-full {
-  min-width: 100%;
-}
-
-.object-contain {
-  -o-object-fit: contain;
-     object-fit: contain;
-}
-
-.object-cover {
-  -o-object-fit: cover;
-     object-fit: cover;
-}
-
-.object-fill {
-  -o-object-fit: fill;
-     object-fit: fill;
-}
-
-.object-none {
-  -o-object-fit: none;
-     object-fit: none;
-}
-
-.object-scale-down {
-  -o-object-fit: scale-down;
-     object-fit: scale-down;
-}
-
-.object-bottom {
-  -o-object-position: bottom;
-     object-position: bottom;
-}
-
-.object-center {
-  -o-object-position: center;
-     object-position: center;
-}
-
-.object-left {
-  -o-object-position: left;
-     object-position: left;
-}
-
-.object-left-bottom {
-  -o-object-position: left bottom;
-     object-position: left bottom;
-}
-
-.object-left-top {
-  -o-object-position: left top;
-     object-position: left top;
-}
-
-.object-right {
-  -o-object-position: right;
-     object-position: right;
-}
-
-.object-right-bottom {
-  -o-object-position: right bottom;
-     object-position: right bottom;
-}
-
-.object-right-top {
-  -o-object-position: right top;
-     object-position: right top;
-}
-
-.object-top {
-  -o-object-position: top;
-     object-position: top;
-}
-
-.opacity-0 {
-  opacity: 0;
-}
-
-.opacity-5 {
-  opacity: 0.05;
-}
-
-.opacity-10 {
-  opacity: 0.1;
-}
-
-.opacity-20 {
-  opacity: 0.2;
-}
-
-.opacity-25 {
-  opacity: 0.25;
-}
-
-.opacity-30 {
-  opacity: 0.3;
-}
-
-.opacity-40 {
-  opacity: 0.4;
-}
-
-.opacity-50 {
-  opacity: 0.5;
-}
-
-.opacity-60 {
-  opacity: 0.6;
-}
-
-.opacity-70 {
-  opacity: 0.7;
-}
-
-.opacity-75 {
-  opacity: 0.75;
-}
-
-.opacity-80 {
-  opacity: 0.8;
-}
-
-.opacity-90 {
-  opacity: 0.9;
-}
-
-.opacity-95 {
-  opacity: 0.95;
-}
-
-.opacity-100 {
-  opacity: 1;
-}
-
-.group:hover .group-hover\:opacity-0 {
-  opacity: 0;
-}
-
-.group:hover .group-hover\:opacity-5 {
-  opacity: 0.05;
-}
-
-.group:hover .group-hover\:opacity-10 {
-  opacity: 0.1;
-}
-
-.group:hover .group-hover\:opacity-20 {
-  opacity: 0.2;
-}
-
-.group:hover .group-hover\:opacity-25 {
-  opacity: 0.25;
-}
-
-.group:hover .group-hover\:opacity-30 {
-  opacity: 0.3;
-}
-
-.group:hover .group-hover\:opacity-40 {
-  opacity: 0.4;
-}
-
-.group:hover .group-hover\:opacity-50 {
-  opacity: 0.5;
-}
-
-.group:hover .group-hover\:opacity-60 {
-  opacity: 0.6;
-}
-
-.group:hover .group-hover\:opacity-70 {
-  opacity: 0.7;
-}
-
-.group:hover .group-hover\:opacity-75 {
-  opacity: 0.75;
-}
-
-.group:hover .group-hover\:opacity-80 {
-  opacity: 0.8;
-}
-
-.group:hover .group-hover\:opacity-90 {
-  opacity: 0.9;
-}
-
-.group:hover .group-hover\:opacity-95 {
-  opacity: 0.95;
-}
-
-.group:hover .group-hover\:opacity-100 {
-  opacity: 1;
-}
-
-.focus-within\:opacity-0:focus-within {
-  opacity: 0;
-}
-
-.focus-within\:opacity-5:focus-within {
-  opacity: 0.05;
-}
-
-.focus-within\:opacity-10:focus-within {
-  opacity: 0.1;
-}
-
-.focus-within\:opacity-20:focus-within {
-  opacity: 0.2;
-}
-
-.focus-within\:opacity-25:focus-within {
-  opacity: 0.25;
-}
-
-.focus-within\:opacity-30:focus-within {
-  opacity: 0.3;
-}
-
-.focus-within\:opacity-40:focus-within {
-  opacity: 0.4;
-}
-
-.focus-within\:opacity-50:focus-within {
-  opacity: 0.5;
-}
-
-.focus-within\:opacity-60:focus-within {
-  opacity: 0.6;
-}
-
-.focus-within\:opacity-70:focus-within {
-  opacity: 0.7;
-}
-
-.focus-within\:opacity-75:focus-within {
-  opacity: 0.75;
-}
-
-.focus-within\:opacity-80:focus-within {
-  opacity: 0.8;
-}
-
-.focus-within\:opacity-90:focus-within {
-  opacity: 0.9;
-}
-
-.focus-within\:opacity-95:focus-within {
-  opacity: 0.95;
-}
-
-.focus-within\:opacity-100:focus-within {
-  opacity: 1;
-}
-
-.hover\:opacity-0:hover {
-  opacity: 0;
-}
-
-.hover\:opacity-5:hover {
-  opacity: 0.05;
-}
-
-.hover\:opacity-10:hover {
-  opacity: 0.1;
-}
-
-.hover\:opacity-20:hover {
-  opacity: 0.2;
-}
-
-.hover\:opacity-25:hover {
-  opacity: 0.25;
-}
-
-.hover\:opacity-30:hover {
-  opacity: 0.3;
-}
-
-.hover\:opacity-40:hover {
-  opacity: 0.4;
-}
-
-.hover\:opacity-50:hover {
-  opacity: 0.5;
-}
-
-.hover\:opacity-60:hover {
-  opacity: 0.6;
-}
-
-.hover\:opacity-70:hover {
-  opacity: 0.7;
-}
-
-.hover\:opacity-75:hover {
-  opacity: 0.75;
-}
-
-.hover\:opacity-80:hover {
-  opacity: 0.8;
-}
-
-.hover\:opacity-90:hover {
-  opacity: 0.9;
-}
-
-.hover\:opacity-95:hover {
-  opacity: 0.95;
-}
-
-.hover\:opacity-100:hover {
-  opacity: 1;
-}
-
-.focus\:opacity-0:focus {
-  opacity: 0;
-}
-
-.focus\:opacity-5:focus {
-  opacity: 0.05;
-}
-
-.focus\:opacity-10:focus {
-  opacity: 0.1;
-}
-
-.focus\:opacity-20:focus {
-  opacity: 0.2;
-}
-
-.focus\:opacity-25:focus {
-  opacity: 0.25;
-}
-
-.focus\:opacity-30:focus {
-  opacity: 0.3;
-}
-
-.focus\:opacity-40:focus {
-  opacity: 0.4;
-}
-
-.focus\:opacity-50:focus {
-  opacity: 0.5;
-}
-
-.focus\:opacity-60:focus {
-  opacity: 0.6;
-}
-
-.focus\:opacity-70:focus {
-  opacity: 0.7;
-}
-
-.focus\:opacity-75:focus {
-  opacity: 0.75;
-}
-
-.focus\:opacity-80:focus {
-  opacity: 0.8;
-}
-
-.focus\:opacity-90:focus {
-  opacity: 0.9;
-}
-
-.focus\:opacity-95:focus {
-  opacity: 0.95;
-}
-
-.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-within\:outline-none:focus-within {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-
-.focus-within\:outline-white:focus-within {
-  outline: 2px dotted white;
-  outline-offset: 2px;
-}
-
-.focus-within\:outline-black:focus-within {
-  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;
-}
-
-.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: 0px;
-}
-
-.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-14 {
-  padding: 3.5rem;
-}
-
-.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;
-}
-
-.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-
-.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
-}
-
-.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-14 {
-  padding-top: 3.5rem;
-  padding-bottom: 3.5rem;
-}
-
-.px-14 {
-  padding-left: 3.5rem;
-  padding-right: 3.5rem;
-}
-
-.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;
-}
-
-.pt-0 {
-  padding-top: 0px;
-}
-
-.pr-0 {
-  padding-right: 0px;
-}
-
-.pb-0 {
-  padding-bottom: 0px;
-}
-
-.pl-0 {
-  padding-left: 0px;
-}
-
-.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-14 {
-  padding-top: 3.5rem;
-}
-
-.pr-14 {
-  padding-right: 3.5rem;
-}
-
-.pb-14 {
-  padding-bottom: 3.5rem;
-}
-
-.pl-14 {
-  padding-left: 3.5rem;
-}
-
-.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;
-}
-
-.placeholder-current::-webkit-input-placeholder {
-  color: currentColor;
-}
-
-.placeholder-current::-moz-placeholder {
-  color: currentColor;
-}
-
-.placeholder-current:-ms-input-placeholder {
-  color: currentColor;
-}
-
-.placeholder-current::-ms-input-placeholder {
-  color: currentColor;
-}
-
-.placeholder-current::placeholder {
-  color: currentColor;
-}
-
-.placeholder-transparent::-webkit-input-placeholder {
-  color: transparent;
-}
-
-.placeholder-transparent::-moz-placeholder {
-  color: transparent;
-}
-
-.placeholder-transparent:-ms-input-placeholder {
-  color: transparent;
-}
-
-.placeholder-transparent::-ms-input-placeholder {
-  color: transparent;
-}
-
-.placeholder-transparent::placeholder {
-  color: transparent;
-}
-
-.placeholder-black::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
-.placeholder-black::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
-.placeholder-black:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
-.placeholder-black::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
-.placeholder-black::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
-.placeholder-white::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-white::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-white:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-white::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-white::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-50::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-50::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-100::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-100::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-200::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-200::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-300::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-300::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-400::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-400::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-500::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-500::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-600::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-600::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-700::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-700::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-800::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-800::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-900::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-}
-
-.placeholder-darkCoolGray-900::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-50::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-50::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-100::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-100::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-200::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-200::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-300::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-300::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-400::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-400::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-500::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-500::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-600::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-600::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-700::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-700::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-800::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-800::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-900::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-}
-
-.placeholder-coolGray-900::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-50::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-50::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-100::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-100::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-200::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-200::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-300::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-300::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-400::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-400::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-500::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-500::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-600::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-600::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-700::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-700::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-800::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-800::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-900::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-}
-
-.placeholder-indigo-900::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-50::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-50::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-100::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-100::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-200::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-200::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-300::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-300::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-400::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-400::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-500::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-500::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-600::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-600::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-700::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-700::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-800::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-800::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-900::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-}
-
-.placeholder-violet-900::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-50::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-50::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-100::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-100::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-200::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-200::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-300::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-300::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-400::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-400::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-500::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-500::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-600::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-600::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-700::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-700::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-800::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-800::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-900::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-}
-
-.placeholder-yellow-900::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-50::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-50::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-100::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-100::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-200::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-200::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-300::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-300::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-400::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-400::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-500::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-500::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-600::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-600::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-700::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-700::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-800::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-800::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-900::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-}
-
-.placeholder-red-900::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-50::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-50::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-100::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-100::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-200::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-200::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-300::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-300::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-400::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-400::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-500::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-500::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-600::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-600::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-700::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-700::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-800::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-800::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-900::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-900::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-50::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-50::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-100::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-100::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-200::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-200::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-300::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-300::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-400::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-400::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-500::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-500::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-600::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-600::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-700::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-700::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-800::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-800::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-900::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-}
-
-.placeholder-blue-900::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-50::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-50::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-100::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-100::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-200::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-200::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-200:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-200::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-200::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-300::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-300::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-300:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-300::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-300::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-400::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-400::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-400:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-400::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-400::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-500::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-500::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-500:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-500::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-500::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-600::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-600::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-600:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-600::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-600::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-700::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-700::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-700:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-700::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-700::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-800::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-800::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-800:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-800::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-800::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-900::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-900::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-900:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-900::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-}
-
-.placeholder-gray-900::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-current:focus::-webkit-input-placeholder {
-  color: currentColor;
-}
-
-.focus\:placeholder-current:focus::-moz-placeholder {
-  color: currentColor;
-}
-
-.focus\:placeholder-current:focus:-ms-input-placeholder {
-  color: currentColor;
-}
-
-.focus\:placeholder-current:focus::-ms-input-placeholder {
-  color: currentColor;
-}
-
-.focus\:placeholder-current:focus::placeholder {
-  color: currentColor;
-}
-
-.focus\:placeholder-transparent:focus::-webkit-input-placeholder {
-  color: transparent;
-}
-
-.focus\:placeholder-transparent:focus::-moz-placeholder {
-  color: transparent;
-}
-
-.focus\:placeholder-transparent:focus:-ms-input-placeholder {
-  color: transparent;
-}
-
-.focus\:placeholder-transparent:focus::-ms-input-placeholder {
-  color: transparent;
-}
-
-.focus\:placeholder-transparent:focus::placeholder {
-  color: transparent;
-}
-
-.focus\:placeholder-black:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-black:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-black:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-black:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-black:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-white:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-white:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-white:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-white:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-white:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-50:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-50:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-100:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-100:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-200:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-200:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-300:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-300:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-400:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-400:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-500:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-500:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-600:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-600:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-700:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-700:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-800:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-800:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-900:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-darkCoolGray-900:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-50:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-50:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-100:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-100:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-200:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-200:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-300:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-300:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-400:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-400:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-500:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-500:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-600:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-600:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-700:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-700:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-800:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-800:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-900:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-coolGray-900:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-50:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-50:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-100:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-100:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-200:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-200:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-300:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-300:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-400:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-400:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-500:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-500:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-600:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-600:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-700:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-700:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-800:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-800:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-900:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-900:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-50:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-50:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-100:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-100:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-200:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-200:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-300:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-300:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-400:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-400:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-500:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-500:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-600:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-600:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-700:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-700:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-800:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-800:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-900:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-violet-900:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-50:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-50:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-100:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-100:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-200:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-200:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-300:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-300:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-400:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-400:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-500:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-500:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-600:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-600:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-700:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-700:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-800:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-800:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-900:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-900:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-50:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-50:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-100:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-100:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-200:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-200:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-300:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-300:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-400:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-400:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-500:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-500:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-600:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-600:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-700:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-700:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-800:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-800:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-900:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-red-900:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-50:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-50:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-100:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-100:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-200:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-200:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-300:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-300:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-400:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-400:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-500:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-500:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-600:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-600:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-700:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-700:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-800:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-800:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-900:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-green-900:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-50:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-50:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-100:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-100:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-200:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-200:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-300:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-300:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-400:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-400:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-500:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-500:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-600:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-600:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-700:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-700:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-800:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-800:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-900:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-blue-900:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-50:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-50:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-100:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-100:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-200:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-200:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-300:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-300:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-400:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-400:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-500:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-500:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-600:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-600:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-700:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-700:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-800:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-800:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-900:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-}
-
-.focus\:placeholder-gray-900:focus::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-}
-
-.placeholder-opacity-0::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0;
-}
-
-.placeholder-opacity-0::-moz-placeholder {
-  --tw-placeholder-opacity: 0;
-}
-
-.placeholder-opacity-0:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0;
-}
-
-.placeholder-opacity-0::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0;
-}
-
-.placeholder-opacity-0::placeholder {
-  --tw-placeholder-opacity: 0;
-}
-
-.placeholder-opacity-5::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.05;
-}
-
-.placeholder-opacity-5::-moz-placeholder {
-  --tw-placeholder-opacity: 0.05;
-}
-
-.placeholder-opacity-5:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.05;
-}
-
-.placeholder-opacity-5::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.05;
-}
-
-.placeholder-opacity-5::placeholder {
-  --tw-placeholder-opacity: 0.05;
-}
-
-.placeholder-opacity-10::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.1;
-}
-
-.placeholder-opacity-10::-moz-placeholder {
-  --tw-placeholder-opacity: 0.1;
-}
-
-.placeholder-opacity-10:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.1;
-}
-
-.placeholder-opacity-10::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.1;
-}
-
-.placeholder-opacity-10::placeholder {
-  --tw-placeholder-opacity: 0.1;
-}
-
-.placeholder-opacity-20::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.2;
-}
-
-.placeholder-opacity-20::-moz-placeholder {
-  --tw-placeholder-opacity: 0.2;
-}
-
-.placeholder-opacity-20:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.2;
-}
-
-.placeholder-opacity-20::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.2;
-}
-
-.placeholder-opacity-20::placeholder {
-  --tw-placeholder-opacity: 0.2;
-}
-
-.placeholder-opacity-25::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.25;
-}
-
-.placeholder-opacity-25::-moz-placeholder {
-  --tw-placeholder-opacity: 0.25;
-}
-
-.placeholder-opacity-25:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.25;
-}
-
-.placeholder-opacity-25::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.25;
-}
-
-.placeholder-opacity-25::placeholder {
-  --tw-placeholder-opacity: 0.25;
-}
-
-.placeholder-opacity-30::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.3;
-}
-
-.placeholder-opacity-30::-moz-placeholder {
-  --tw-placeholder-opacity: 0.3;
-}
-
-.placeholder-opacity-30:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.3;
-}
-
-.placeholder-opacity-30::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.3;
-}
-
-.placeholder-opacity-30::placeholder {
-  --tw-placeholder-opacity: 0.3;
-}
-
-.placeholder-opacity-40::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.4;
-}
-
-.placeholder-opacity-40::-moz-placeholder {
-  --tw-placeholder-opacity: 0.4;
-}
-
-.placeholder-opacity-40:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.4;
-}
-
-.placeholder-opacity-40::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.4;
-}
-
-.placeholder-opacity-40::placeholder {
-  --tw-placeholder-opacity: 0.4;
-}
-
-.placeholder-opacity-50::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.5;
-}
-
-.placeholder-opacity-50::-moz-placeholder {
-  --tw-placeholder-opacity: 0.5;
-}
-
-.placeholder-opacity-50:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.5;
-}
-
-.placeholder-opacity-50::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.5;
-}
-
-.placeholder-opacity-50::placeholder {
-  --tw-placeholder-opacity: 0.5;
-}
-
-.placeholder-opacity-60::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.6;
-}
-
-.placeholder-opacity-60::-moz-placeholder {
-  --tw-placeholder-opacity: 0.6;
-}
-
-.placeholder-opacity-60:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.6;
-}
-
-.placeholder-opacity-60::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.6;
-}
-
-.placeholder-opacity-60::placeholder {
-  --tw-placeholder-opacity: 0.6;
-}
-
-.placeholder-opacity-70::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.7;
-}
-
-.placeholder-opacity-70::-moz-placeholder {
-  --tw-placeholder-opacity: 0.7;
-}
-
-.placeholder-opacity-70:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.7;
-}
-
-.placeholder-opacity-70::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.7;
-}
-
-.placeholder-opacity-70::placeholder {
-  --tw-placeholder-opacity: 0.7;
-}
-
-.placeholder-opacity-75::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.75;
-}
-
-.placeholder-opacity-75::-moz-placeholder {
-  --tw-placeholder-opacity: 0.75;
-}
-
-.placeholder-opacity-75:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.75;
-}
-
-.placeholder-opacity-75::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.75;
-}
-
-.placeholder-opacity-75::placeholder {
-  --tw-placeholder-opacity: 0.75;
-}
-
-.placeholder-opacity-80::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.8;
-}
-
-.placeholder-opacity-80::-moz-placeholder {
-  --tw-placeholder-opacity: 0.8;
-}
-
-.placeholder-opacity-80:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.8;
-}
-
-.placeholder-opacity-80::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.8;
-}
-
-.placeholder-opacity-80::placeholder {
-  --tw-placeholder-opacity: 0.8;
-}
-
-.placeholder-opacity-90::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.9;
-}
-
-.placeholder-opacity-90::-moz-placeholder {
-  --tw-placeholder-opacity: 0.9;
-}
-
-.placeholder-opacity-90:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.9;
-}
-
-.placeholder-opacity-90::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.9;
-}
-
-.placeholder-opacity-90::placeholder {
-  --tw-placeholder-opacity: 0.9;
-}
-
-.placeholder-opacity-95::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.95;
-}
-
-.placeholder-opacity-95::-moz-placeholder {
-  --tw-placeholder-opacity: 0.95;
-}
-
-.placeholder-opacity-95:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.95;
-}
-
-.placeholder-opacity-95::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.95;
-}
-
-.placeholder-opacity-95::placeholder {
-  --tw-placeholder-opacity: 0.95;
-}
-
-.placeholder-opacity-100::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-}
-
-.placeholder-opacity-100::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-}
-
-.placeholder-opacity-100:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-}
-
-.placeholder-opacity-100::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-}
-
-.placeholder-opacity-100::placeholder {
-  --tw-placeholder-opacity: 1;
-}
-
-.focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0;
-}
-
-.focus\:placeholder-opacity-0:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 0;
-}
-
-.focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0;
-}
-
-.focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0;
-}
-
-.focus\:placeholder-opacity-0:focus::placeholder {
-  --tw-placeholder-opacity: 0;
-}
-
-.focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.05;
-}
-
-.focus\:placeholder-opacity-5:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 0.05;
-}
-
-.focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.05;
-}
-
-.focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.05;
-}
-
-.focus\:placeholder-opacity-5:focus::placeholder {
-  --tw-placeholder-opacity: 0.05;
-}
-
-.focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.1;
-}
-
-.focus\:placeholder-opacity-10:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 0.1;
-}
-
-.focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.1;
-}
-
-.focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.1;
-}
-
-.focus\:placeholder-opacity-10:focus::placeholder {
-  --tw-placeholder-opacity: 0.1;
-}
-
-.focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.2;
-}
-
-.focus\:placeholder-opacity-20:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 0.2;
-}
-
-.focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.2;
-}
-
-.focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.2;
-}
-
-.focus\:placeholder-opacity-20:focus::placeholder {
-  --tw-placeholder-opacity: 0.2;
-}
-
-.focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.25;
-}
-
-.focus\:placeholder-opacity-25:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 0.25;
-}
-
-.focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.25;
-}
-
-.focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.25;
-}
-
-.focus\:placeholder-opacity-25:focus::placeholder {
-  --tw-placeholder-opacity: 0.25;
-}
-
-.focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.3;
-}
-
-.focus\:placeholder-opacity-30:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 0.3;
-}
-
-.focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.3;
-}
-
-.focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.3;
-}
-
-.focus\:placeholder-opacity-30:focus::placeholder {
-  --tw-placeholder-opacity: 0.3;
-}
-
-.focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.4;
-}
-
-.focus\:placeholder-opacity-40:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 0.4;
-}
-
-.focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.4;
-}
-
-.focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.4;
-}
-
-.focus\:placeholder-opacity-40:focus::placeholder {
-  --tw-placeholder-opacity: 0.4;
-}
-
-.focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.5;
-}
-
-.focus\:placeholder-opacity-50:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 0.5;
-}
-
-.focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.5;
-}
-
-.focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.5;
-}
-
-.focus\:placeholder-opacity-50:focus::placeholder {
-  --tw-placeholder-opacity: 0.5;
-}
-
-.focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.6;
-}
-
-.focus\:placeholder-opacity-60:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 0.6;
-}
-
-.focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.6;
-}
-
-.focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.6;
-}
-
-.focus\:placeholder-opacity-60:focus::placeholder {
-  --tw-placeholder-opacity: 0.6;
-}
-
-.focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.7;
-}
-
-.focus\:placeholder-opacity-70:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 0.7;
-}
-
-.focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.7;
-}
-
-.focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.7;
-}
-
-.focus\:placeholder-opacity-70:focus::placeholder {
-  --tw-placeholder-opacity: 0.7;
-}
-
-.focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.75;
-}
-
-.focus\:placeholder-opacity-75:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 0.75;
-}
-
-.focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.75;
-}
-
-.focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.75;
-}
-
-.focus\:placeholder-opacity-75:focus::placeholder {
-  --tw-placeholder-opacity: 0.75;
-}
-
-.focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.8;
-}
-
-.focus\:placeholder-opacity-80:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 0.8;
-}
-
-.focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.8;
-}
-
-.focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.8;
-}
-
-.focus\:placeholder-opacity-80:focus::placeholder {
-  --tw-placeholder-opacity: 0.8;
-}
-
-.focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.9;
-}
-
-.focus\:placeholder-opacity-90:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 0.9;
-}
-
-.focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.9;
-}
-
-.focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.9;
-}
-
-.focus\:placeholder-opacity-90:focus::placeholder {
-  --tw-placeholder-opacity: 0.9;
-}
-
-.focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 0.95;
-}
-
-.focus\:placeholder-opacity-95:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 0.95;
-}
-
-.focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.95;
-}
-
-.focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 0.95;
-}
-
-.focus\:placeholder-opacity-95:focus::placeholder {
-  --tw-placeholder-opacity: 0.95;
-}
-
-.focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
-  --tw-placeholder-opacity: 1;
-}
-
-.focus\:placeholder-opacity-100:focus::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-}
-
-.focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-}
-
-.focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-  --tw-placeholder-opacity: 1;
-}
-
-.focus\:placeholder-opacity-100:focus::placeholder {
-  --tw-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: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
-}
-
-.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-14 {
-  top: 3.5rem;
-  right: 3.5rem;
-  bottom: 3.5rem;
-  left: 3.5rem;
-}
-
-.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-0 {
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
-}
-
-.-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-14 {
-  top: -3.5rem;
-  right: -3.5rem;
-  bottom: -3.5rem;
-  left: -3.5rem;
-}
-
-.-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-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-full {
-  top: 100%;
-  right: 100%;
-  bottom: 100%;
-  left: 100%;
-}
-
-.-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-full {
-  top: -100%;
-  right: -100%;
-  bottom: -100%;
-  left: -100%;
-}
-
-.inset-y-0 {
-  top: 0px;
-  bottom: 0px;
-}
-
-.inset-x-0 {
-  right: 0px;
-  left: 0px;
-}
-
-.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-14 {
-  top: 3.5rem;
-  bottom: 3.5rem;
-}
-
-.inset-x-14 {
-  right: 3.5rem;
-  left: 3.5rem;
-}
-
-.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-0 {
-  top: 0px;
-  bottom: 0px;
-}
-
-.-inset-x-0 {
-  right: 0px;
-  left: 0px;
-}
-
-.-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-14 {
-  top: -3.5rem;
-  bottom: -3.5rem;
-}
-
-.-inset-x-14 {
-  right: -3.5rem;
-  left: -3.5rem;
-}
-
-.-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-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-full {
-  top: 100%;
-  bottom: 100%;
-}
-
-.inset-x-full {
-  right: 100%;
-  left: 100%;
-}
-
-.-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-full {
-  top: -100%;
-  bottom: -100%;
-}
-
-.-inset-x-full {
-  right: -100%;
-  left: -100%;
-}
-
-.top-0 {
-  top: 0px;
-}
-
-.right-0 {
-  right: 0px;
-}
-
-.bottom-0 {
-  bottom: 0px;
-}
-
-.left-0 {
-  left: 0px;
-}
-
-.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-14 {
-  top: 3.5rem;
-}
-
-.right-14 {
-  right: 3.5rem;
-}
-
-.bottom-14 {
-  bottom: 3.5rem;
-}
-
-.left-14 {
-  left: 3.5rem;
-}
-
-.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-0 {
-  top: 0px;
-}
-
-.-right-0 {
-  right: 0px;
-}
-
-.-bottom-0 {
-  bottom: 0px;
-}
-
-.-left-0 {
-  left: 0px;
-}
-
-.-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-14 {
-  top: -3.5rem;
-}
-
-.-right-14 {
-  right: -3.5rem;
-}
-
-.-bottom-14 {
-  bottom: -3.5rem;
-}
-
-.-left-14 {
-  left: -3.5rem;
-}
-
-.-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-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-full {
-  top: 100%;
-}
-
-.right-full {
-  right: 100%;
-}
-
-.bottom-full {
-  bottom: 100%;
-}
-
-.left-full {
-  left: 100%;
-}
-
-.-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-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;
-}
-
-* {
-  --tw-shadow: 0 0 #0000;
-}
-
-.shadow-sm {
-  --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow {
-  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-md {
-  --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-lg {
-  --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-xl {
-  --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-2xl {
-  --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-3xl {
-  --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-inner {
-  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-none {
-  --tw-shadow: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.group:hover .group-hover\:shadow-sm {
-  --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.group:hover .group-hover\:shadow {
-  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.group:hover .group-hover\:shadow-md {
-  --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.group:hover .group-hover\:shadow-lg {
-  --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.group:hover .group-hover\:shadow-xl {
-  --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.group:hover .group-hover\:shadow-2xl {
-  --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.group:hover .group-hover\:shadow-3xl {
-  --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.group:hover .group-hover\:shadow-inner {
-  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.group:hover .group-hover\:shadow-none {
-  --tw-shadow: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus-within\:shadow-sm:focus-within {
-  --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus-within\:shadow:focus-within {
-  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus-within\:shadow-md:focus-within {
-  --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus-within\:shadow-lg:focus-within {
-  --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus-within\:shadow-xl:focus-within {
-  --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus-within\:shadow-2xl:focus-within {
-  --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus-within\:shadow-3xl:focus-within {
-  --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus-within\:shadow-inner:focus-within {
-  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus-within\:shadow-none:focus-within {
-  --tw-shadow: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.hover\:shadow-sm:hover {
-  --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.hover\:shadow:hover {
-  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.hover\:shadow-md:hover {
-  --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.hover\:shadow-lg:hover {
-  --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.hover\:shadow-xl:hover {
-  --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.hover\:shadow-2xl:hover {
-  --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.hover\:shadow-3xl:hover {
-  --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.hover\:shadow-inner:hover {
-  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.hover\:shadow-none:hover {
-  --tw-shadow: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus\:shadow-sm:focus {
-  --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus\:shadow:focus {
-  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus\:shadow-md:focus {
-  --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus\:shadow-lg:focus {
-  --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus\:shadow-xl:focus {
-  --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus\:shadow-2xl:focus {
-  --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus\:shadow-3xl:focus {
-  --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus\:shadow-inner:focus {
-  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus\:shadow-none:focus {
-  --tw-shadow: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-* {
-  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgba(59, 130, 246, 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-}
-
-.ring-0 {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.ring-1 {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.ring-2 {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.ring-4 {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.ring-8 {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.ring {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.ring-inset {
-  --tw-ring-inset: inset;
-}
-
-.focus-within\:ring-0:focus-within {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus-within\:ring-1:focus-within {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus-within\:ring-2:focus-within {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus-within\:ring-4:focus-within {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus-within\:ring-8:focus-within {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus-within\:ring:focus-within {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus-within\:ring-inset:focus-within {
-  --tw-ring-inset: inset;
-}
-
-.focus\:ring-0:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus\:ring-1:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus\:ring-2:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus\:ring-4:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus\:ring-8:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus\:ring:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus\:ring-inset:focus {
-  --tw-ring-inset: inset;
-}
-
-.ring-offset-current {
-  --tw-ring-offset-color: currentColor;
-}
-
-.ring-offset-transparent {
-  --tw-ring-offset-color: transparent;
-}
-
-.ring-offset-black {
-  --tw-ring-offset-color: #000;
-}
-
-.ring-offset-white {
-  --tw-ring-offset-color: #fff;
-}
-
-.ring-offset-darkCoolGray-50 {
-  --tw-ring-offset-color: #F5F6F7;
-}
-
-.ring-offset-darkCoolGray-100 {
-  --tw-ring-offset-color: #EBEDEF;
-}
-
-.ring-offset-darkCoolGray-200 {
-  --tw-ring-offset-color: #CED1D6;
-}
-
-.ring-offset-darkCoolGray-300 {
-  --tw-ring-offset-color: #B0B5BD;
-}
-
-.ring-offset-darkCoolGray-400 {
-  --tw-ring-offset-color: #757E8C;
-}
-
-.ring-offset-darkCoolGray-500 {
-  --tw-ring-offset-color: #3A475B;
-}
-
-.ring-offset-darkCoolGray-600 {
-  --tw-ring-offset-color: #344052;
-}
-
-.ring-offset-darkCoolGray-700 {
-  --tw-ring-offset-color: #2C3544;
-}
-
-.ring-offset-darkCoolGray-800 {
-  --tw-ring-offset-color: #232B37;
-}
-
-.ring-offset-darkCoolGray-900 {
-  --tw-ring-offset-color: #1C232D;
-}
-
-.ring-offset-coolGray-50 {
-  --tw-ring-offset-color: #F7F8F9;
-}
-
-.ring-offset-coolGray-100 {
-  --tw-ring-offset-color: #EEF0F3;
-}
-
-.ring-offset-coolGray-200 {
-  --tw-ring-offset-color: #D5DAE1;
-}
-
-.ring-offset-coolGray-300 {
-  --tw-ring-offset-color: #BBC3CF;
-}
-
-.ring-offset-coolGray-400 {
-  --tw-ring-offset-color: #8896AB;
-}
-
-.ring-offset-coolGray-500 {
-  --tw-ring-offset-color: #556987;
-}
-
-.ring-offset-coolGray-600 {
-  --tw-ring-offset-color: #4D5F7A;
-}
-
-.ring-offset-coolGray-700 {
-  --tw-ring-offset-color: #404F65;
-}
-
-.ring-offset-coolGray-800 {
-  --tw-ring-offset-color: #333F51;
-}
-
-.ring-offset-coolGray-900 {
-  --tw-ring-offset-color: #2A3342;
-}
-
-.ring-offset-indigo-50 {
-  --tw-ring-offset-color: #F8F6FF;
-}
-
-.ring-offset-indigo-100 {
-  --tw-ring-offset-color: #F0EEFF;
-}
-
-.ring-offset-indigo-200 {
-  --tw-ring-offset-color: #DAD4FF;
-}
-
-.ring-offset-indigo-300 {
-  --tw-ring-offset-color: #C3B9FF;
-}
-
-.ring-offset-indigo-400 {
-  --tw-ring-offset-color: #9685FF;
-}
-
-.ring-offset-indigo-500 {
-  --tw-ring-offset-color: #6951FF;
-}
-
-.ring-offset-indigo-600 {
-  --tw-ring-offset-color: #5F49E6;
-}
-
-.ring-offset-indigo-700 {
-  --tw-ring-offset-color: #4F3DBF;
-}
-
-.ring-offset-indigo-800 {
-  --tw-ring-offset-color: #3F3199;
-}
-
-.ring-offset-indigo-900 {
-  --tw-ring-offset-color: #33287D;
-}
-
-.ring-offset-violet-50 {
-  --tw-ring-offset-color: #FBF7FF;
-}
-
-.ring-offset-violet-100 {
-  --tw-ring-offset-color: #F6EEFE;
-}
-
-.ring-offset-violet-200 {
-  --tw-ring-offset-color: #E9D5FD;
-}
-
-.ring-offset-violet-300 {
-  --tw-ring-offset-color: #DCBBFC;
-}
-
-.ring-offset-violet-400 {
-  --tw-ring-offset-color: #C288F9;
-}
-
-.ring-offset-violet-500 {
-  --tw-ring-offset-color: #A855F7;
-}
-
-.ring-offset-violet-600 {
-  --tw-ring-offset-color: #974DDE;
-}
-
-.ring-offset-violet-700 {
-  --tw-ring-offset-color: #7E40B9;
-}
-
-.ring-offset-violet-800 {
-  --tw-ring-offset-color: #653394;
-}
-
-.ring-offset-violet-900 {
-  --tw-ring-offset-color: #522A79;
-}
-
-.ring-offset-yellow-50 {
-  --tw-ring-offset-color: #FFFAF3;
-}
-
-.ring-offset-yellow-100 {
-  --tw-ring-offset-color: #FEF5E7;
-}
-
-.ring-offset-yellow-200 {
-  --tw-ring-offset-color: #FDE7C2;
-}
-
-.ring-offset-yellow-300 {
-  --tw-ring-offset-color: #FBD89D;
-}
-
-.ring-offset-yellow-400 {
-  --tw-ring-offset-color: #F8BB54;
-}
-
-.ring-offset-yellow-500 {
-  --tw-ring-offset-color: #F59E0B;
-}
-
-.ring-offset-yellow-600 {
-  --tw-ring-offset-color: #DD8E0A;
-}
-
-.ring-offset-yellow-700 {
-  --tw-ring-offset-color: #B87708;
-}
-
-.ring-offset-yellow-800 {
-  --tw-ring-offset-color: #935F07;
-}
-
-.ring-offset-yellow-900 {
-  --tw-ring-offset-color: #784D05;
-}
-
-.ring-offset-red-50 {
-  --tw-ring-offset-color: #FEF7F6;
-}
-
-.ring-offset-red-100 {
-  --tw-ring-offset-color: #FDEEEC;
-}
-
-.ring-offset-red-200 {
-  --tw-ring-offset-color: #FBD6D0;
-}
-
-.ring-offset-red-300 {
-  --tw-ring-offset-color: #F9BDB4;
-}
-
-.ring-offset-red-400 {
-  --tw-ring-offset-color: #F48B7C;
-}
-
-.ring-offset-red-500 {
-  --tw-ring-offset-color: #EF5844;
-}
-
-.ring-offset-red-600 {
-  --tw-ring-offset-color: #D7503D;
-}
-
-.ring-offset-red-700 {
-  --tw-ring-offset-color: #B34333;
-}
-
-.ring-offset-red-800 {
-  --tw-ring-offset-color: #8F3529;
-}
-
-.ring-offset-red-900 {
-  --tw-ring-offset-color: #752C21;
-}
-
-.ring-offset-green-50 {
-  --tw-ring-offset-color: #F4FDF7;
-}
-
-.ring-offset-green-100 {
-  --tw-ring-offset-color: #EAFAF0;
-}
-
-.ring-offset-green-200 {
-  --tw-ring-offset-color: #CAF4D9;
-}
-
-.ring-offset-green-300 {
-  --tw-ring-offset-color: #AAEDC3;
-}
-
-.ring-offset-green-400 {
-  --tw-ring-offset-color: #6ADF95;
-}
-
-.ring-offset-green-500 {
-  --tw-ring-offset-color: #2AD167;
-}
-
-.ring-offset-green-600 {
-  --tw-ring-offset-color: #26BC5E;
-}
-
-.ring-offset-green-700 {
-  --tw-ring-offset-color: #209D4E;
-}
-
-.ring-offset-green-800 {
-  --tw-ring-offset-color: #197D3E;
-}
-
-.ring-offset-green-900 {
-  --tw-ring-offset-color: #156633;
-}
-
-.ring-offset-blue-50 {
-  --tw-ring-offset-color: #F5F9FF;
-}
-
-.ring-offset-blue-100 {
-  --tw-ring-offset-color: #EBF3FE;
-}
-
-.ring-offset-blue-200 {
-  --tw-ring-offset-color: #CEE0FD;
-}
-
-.ring-offset-blue-300 {
-  --tw-ring-offset-color: #B1CDFB;
-}
-
-.ring-offset-blue-400 {
-  --tw-ring-offset-color: #76A8F9;
-}
-
-.ring-offset-blue-500 {
-  --tw-ring-offset-color: #3B82F6;
-}
-
-.ring-offset-blue-600 {
-  --tw-ring-offset-color: #3575DD;
-}
-
-.ring-offset-blue-700 {
-  --tw-ring-offset-color: #2C62B9;
-}
-
-.ring-offset-blue-800 {
-  --tw-ring-offset-color: #234E94;
-}
-
-.ring-offset-blue-900 {
-  --tw-ring-offset-color: #1D4079;
-}
-
-.ring-offset-gray-50 {
-  --tw-ring-offset-color: #f9fafb;
-}
-
-.ring-offset-gray-100 {
-  --tw-ring-offset-color: #f3f4f6;
-}
-
-.ring-offset-gray-200 {
-  --tw-ring-offset-color: #e5e7eb;
-}
-
-.ring-offset-gray-300 {
-  --tw-ring-offset-color: #d1d5db;
-}
-
-.ring-offset-gray-400 {
-  --tw-ring-offset-color: #9ca3af;
-}
-
-.ring-offset-gray-500 {
-  --tw-ring-offset-color: #6b7280;
-}
-
-.ring-offset-gray-600 {
-  --tw-ring-offset-color: #4b5563;
-}
-
-.ring-offset-gray-700 {
-  --tw-ring-offset-color: #374151;
-}
-
-.ring-offset-gray-800 {
-  --tw-ring-offset-color: #1f2937;
-}
-
-.ring-offset-gray-900 {
-  --tw-ring-offset-color: #111827;
-}
-
-.focus-within\:ring-offset-current:focus-within {
-  --tw-ring-offset-color: currentColor;
-}
-
-.focus-within\:ring-offset-transparent:focus-within {
-  --tw-ring-offset-color: transparent;
-}
-
-.focus-within\:ring-offset-black:focus-within {
-  --tw-ring-offset-color: #000;
-}
-
-.focus-within\:ring-offset-white:focus-within {
-  --tw-ring-offset-color: #fff;
-}
-
-.focus-within\:ring-offset-darkCoolGray-50:focus-within {
-  --tw-ring-offset-color: #F5F6F7;
-}
-
-.focus-within\:ring-offset-darkCoolGray-100:focus-within {
-  --tw-ring-offset-color: #EBEDEF;
-}
-
-.focus-within\:ring-offset-darkCoolGray-200:focus-within {
-  --tw-ring-offset-color: #CED1D6;
-}
-
-.focus-within\:ring-offset-darkCoolGray-300:focus-within {
-  --tw-ring-offset-color: #B0B5BD;
-}
-
-.focus-within\:ring-offset-darkCoolGray-400:focus-within {
-  --tw-ring-offset-color: #757E8C;
-}
-
-.focus-within\:ring-offset-darkCoolGray-500:focus-within {
-  --tw-ring-offset-color: #3A475B;
-}
-
-.focus-within\:ring-offset-darkCoolGray-600:focus-within {
-  --tw-ring-offset-color: #344052;
-}
-
-.focus-within\:ring-offset-darkCoolGray-700:focus-within {
-  --tw-ring-offset-color: #2C3544;
-}
-
-.focus-within\:ring-offset-darkCoolGray-800:focus-within {
-  --tw-ring-offset-color: #232B37;
-}
-
-.focus-within\:ring-offset-darkCoolGray-900:focus-within {
-  --tw-ring-offset-color: #1C232D;
-}
-
-.focus-within\:ring-offset-coolGray-50:focus-within {
-  --tw-ring-offset-color: #F7F8F9;
-}
-
-.focus-within\:ring-offset-coolGray-100:focus-within {
-  --tw-ring-offset-color: #EEF0F3;
-}
-
-.focus-within\:ring-offset-coolGray-200:focus-within {
-  --tw-ring-offset-color: #D5DAE1;
-}
-
-.focus-within\:ring-offset-coolGray-300:focus-within {
-  --tw-ring-offset-color: #BBC3CF;
-}
-
-.focus-within\:ring-offset-coolGray-400:focus-within {
-  --tw-ring-offset-color: #8896AB;
-}
-
-.focus-within\:ring-offset-coolGray-500:focus-within {
-  --tw-ring-offset-color: #556987;
-}
-
-.focus-within\:ring-offset-coolGray-600:focus-within {
-  --tw-ring-offset-color: #4D5F7A;
-}
-
-.focus-within\:ring-offset-coolGray-700:focus-within {
-  --tw-ring-offset-color: #404F65;
-}
-
-.focus-within\:ring-offset-coolGray-800:focus-within {
-  --tw-ring-offset-color: #333F51;
-}
-
-.focus-within\:ring-offset-coolGray-900:focus-within {
-  --tw-ring-offset-color: #2A3342;
-}
-
-.focus-within\:ring-offset-indigo-50:focus-within {
-  --tw-ring-offset-color: #F8F6FF;
-}
-
-.focus-within\:ring-offset-indigo-100:focus-within {
-  --tw-ring-offset-color: #F0EEFF;
-}
-
-.focus-within\:ring-offset-indigo-200:focus-within {
-  --tw-ring-offset-color: #DAD4FF;
-}
-
-.focus-within\:ring-offset-indigo-300:focus-within {
-  --tw-ring-offset-color: #C3B9FF;
-}
-
-.focus-within\:ring-offset-indigo-400:focus-within {
-  --tw-ring-offset-color: #9685FF;
-}
-
-.focus-within\:ring-offset-indigo-500:focus-within {
-  --tw-ring-offset-color: #6951FF;
-}
-
-.focus-within\:ring-offset-indigo-600:focus-within {
-  --tw-ring-offset-color: #5F49E6;
-}
-
-.focus-within\:ring-offset-indigo-700:focus-within {
-  --tw-ring-offset-color: #4F3DBF;
-}
-
-.focus-within\:ring-offset-indigo-800:focus-within {
-  --tw-ring-offset-color: #3F3199;
-}
-
-.focus-within\:ring-offset-indigo-900:focus-within {
-  --tw-ring-offset-color: #33287D;
-}
-
-.focus-within\:ring-offset-violet-50:focus-within {
-  --tw-ring-offset-color: #FBF7FF;
-}
-
-.focus-within\:ring-offset-violet-100:focus-within {
-  --tw-ring-offset-color: #F6EEFE;
-}
-
-.focus-within\:ring-offset-violet-200:focus-within {
-  --tw-ring-offset-color: #E9D5FD;
-}
-
-.focus-within\:ring-offset-violet-300:focus-within {
-  --tw-ring-offset-color: #DCBBFC;
-}
-
-.focus-within\:ring-offset-violet-400:focus-within {
-  --tw-ring-offset-color: #C288F9;
-}
-
-.focus-within\:ring-offset-violet-500:focus-within {
-  --tw-ring-offset-color: #A855F7;
-}
-
-.focus-within\:ring-offset-violet-600:focus-within {
-  --tw-ring-offset-color: #974DDE;
-}
-
-.focus-within\:ring-offset-violet-700:focus-within {
-  --tw-ring-offset-color: #7E40B9;
-}
-
-.focus-within\:ring-offset-violet-800:focus-within {
-  --tw-ring-offset-color: #653394;
-}
-
-.focus-within\:ring-offset-violet-900:focus-within {
-  --tw-ring-offset-color: #522A79;
-}
-
-.focus-within\:ring-offset-yellow-50:focus-within {
-  --tw-ring-offset-color: #FFFAF3;
-}
-
-.focus-within\:ring-offset-yellow-100:focus-within {
-  --tw-ring-offset-color: #FEF5E7;
-}
-
-.focus-within\:ring-offset-yellow-200:focus-within {
-  --tw-ring-offset-color: #FDE7C2;
-}
-
-.focus-within\:ring-offset-yellow-300:focus-within {
-  --tw-ring-offset-color: #FBD89D;
-}
-
-.focus-within\:ring-offset-yellow-400:focus-within {
-  --tw-ring-offset-color: #F8BB54;
-}
-
-.focus-within\:ring-offset-yellow-500:focus-within {
-  --tw-ring-offset-color: #F59E0B;
-}
-
-.focus-within\:ring-offset-yellow-600:focus-within {
-  --tw-ring-offset-color: #DD8E0A;
-}
-
-.focus-within\:ring-offset-yellow-700:focus-within {
-  --tw-ring-offset-color: #B87708;
-}
-
-.focus-within\:ring-offset-yellow-800:focus-within {
-  --tw-ring-offset-color: #935F07;
-}
-
-.focus-within\:ring-offset-yellow-900:focus-within {
-  --tw-ring-offset-color: #784D05;
-}
-
-.focus-within\:ring-offset-red-50:focus-within {
-  --tw-ring-offset-color: #FEF7F6;
-}
-
-.focus-within\:ring-offset-red-100:focus-within {
-  --tw-ring-offset-color: #FDEEEC;
-}
-
-.focus-within\:ring-offset-red-200:focus-within {
-  --tw-ring-offset-color: #FBD6D0;
-}
-
-.focus-within\:ring-offset-red-300:focus-within {
-  --tw-ring-offset-color: #F9BDB4;
-}
-
-.focus-within\:ring-offset-red-400:focus-within {
-  --tw-ring-offset-color: #F48B7C;
-}
-
-.focus-within\:ring-offset-red-500:focus-within {
-  --tw-ring-offset-color: #EF5844;
-}
-
-.focus-within\:ring-offset-red-600:focus-within {
-  --tw-ring-offset-color: #D7503D;
-}
-
-.focus-within\:ring-offset-red-700:focus-within {
-  --tw-ring-offset-color: #B34333;
-}
-
-.focus-within\:ring-offset-red-800:focus-within {
-  --tw-ring-offset-color: #8F3529;
-}
-
-.focus-within\:ring-offset-red-900:focus-within {
-  --tw-ring-offset-color: #752C21;
-}
-
-.focus-within\:ring-offset-green-50:focus-within {
-  --tw-ring-offset-color: #F4FDF7;
-}
-
-.focus-within\:ring-offset-green-100:focus-within {
-  --tw-ring-offset-color: #EAFAF0;
-}
-
-.focus-within\:ring-offset-green-200:focus-within {
-  --tw-ring-offset-color: #CAF4D9;
-}
-
-.focus-within\:ring-offset-green-300:focus-within {
-  --tw-ring-offset-color: #AAEDC3;
-}
-
-.focus-within\:ring-offset-green-400:focus-within {
-  --tw-ring-offset-color: #6ADF95;
-}
-
-.focus-within\:ring-offset-green-500:focus-within {
-  --tw-ring-offset-color: #2AD167;
-}
-
-.focus-within\:ring-offset-green-600:focus-within {
-  --tw-ring-offset-color: #26BC5E;
-}
-
-.focus-within\:ring-offset-green-700:focus-within {
-  --tw-ring-offset-color: #209D4E;
-}
-
-.focus-within\:ring-offset-green-800:focus-within {
-  --tw-ring-offset-color: #197D3E;
-}
-
-.focus-within\:ring-offset-green-900:focus-within {
-  --tw-ring-offset-color: #156633;
-}
-
-.focus-within\:ring-offset-blue-50:focus-within {
-  --tw-ring-offset-color: #F5F9FF;
-}
-
-.focus-within\:ring-offset-blue-100:focus-within {
-  --tw-ring-offset-color: #EBF3FE;
-}
-
-.focus-within\:ring-offset-blue-200:focus-within {
-  --tw-ring-offset-color: #CEE0FD;
-}
-
-.focus-within\:ring-offset-blue-300:focus-within {
-  --tw-ring-offset-color: #B1CDFB;
-}
-
-.focus-within\:ring-offset-blue-400:focus-within {
-  --tw-ring-offset-color: #76A8F9;
-}
-
-.focus-within\:ring-offset-blue-500:focus-within {
-  --tw-ring-offset-color: #3B82F6;
-}
-
-.focus-within\:ring-offset-blue-600:focus-within {
-  --tw-ring-offset-color: #3575DD;
-}
-
-.focus-within\:ring-offset-blue-700:focus-within {
-  --tw-ring-offset-color: #2C62B9;
-}
-
-.focus-within\:ring-offset-blue-800:focus-within {
-  --tw-ring-offset-color: #234E94;
-}
-
-.focus-within\:ring-offset-blue-900:focus-within {
-  --tw-ring-offset-color: #1D4079;
-}
-
-.focus-within\:ring-offset-gray-50:focus-within {
-  --tw-ring-offset-color: #f9fafb;
-}
-
-.focus-within\:ring-offset-gray-100:focus-within {
-  --tw-ring-offset-color: #f3f4f6;
-}
-
-.focus-within\:ring-offset-gray-200:focus-within {
-  --tw-ring-offset-color: #e5e7eb;
-}
-
-.focus-within\:ring-offset-gray-300:focus-within {
-  --tw-ring-offset-color: #d1d5db;
-}
-
-.focus-within\:ring-offset-gray-400:focus-within {
-  --tw-ring-offset-color: #9ca3af;
-}
-
-.focus-within\:ring-offset-gray-500:focus-within {
-  --tw-ring-offset-color: #6b7280;
-}
-
-.focus-within\:ring-offset-gray-600:focus-within {
-  --tw-ring-offset-color: #4b5563;
-}
-
-.focus-within\:ring-offset-gray-700:focus-within {
-  --tw-ring-offset-color: #374151;
-}
-
-.focus-within\:ring-offset-gray-800:focus-within {
-  --tw-ring-offset-color: #1f2937;
-}
-
-.focus-within\:ring-offset-gray-900:focus-within {
-  --tw-ring-offset-color: #111827;
-}
-
-.focus\:ring-offset-current:focus {
-  --tw-ring-offset-color: currentColor;
-}
-
-.focus\:ring-offset-transparent:focus {
-  --tw-ring-offset-color: transparent;
-}
-
-.focus\:ring-offset-black:focus {
-  --tw-ring-offset-color: #000;
-}
-
-.focus\:ring-offset-white:focus {
-  --tw-ring-offset-color: #fff;
-}
-
-.focus\:ring-offset-darkCoolGray-50:focus {
-  --tw-ring-offset-color: #F5F6F7;
-}
-
-.focus\:ring-offset-darkCoolGray-100:focus {
-  --tw-ring-offset-color: #EBEDEF;
-}
-
-.focus\:ring-offset-darkCoolGray-200:focus {
-  --tw-ring-offset-color: #CED1D6;
-}
-
-.focus\:ring-offset-darkCoolGray-300:focus {
-  --tw-ring-offset-color: #B0B5BD;
-}
-
-.focus\:ring-offset-darkCoolGray-400:focus {
-  --tw-ring-offset-color: #757E8C;
-}
-
-.focus\:ring-offset-darkCoolGray-500:focus {
-  --tw-ring-offset-color: #3A475B;
-}
-
-.focus\:ring-offset-darkCoolGray-600:focus {
-  --tw-ring-offset-color: #344052;
-}
-
-.focus\:ring-offset-darkCoolGray-700:focus {
-  --tw-ring-offset-color: #2C3544;
-}
-
-.focus\:ring-offset-darkCoolGray-800:focus {
-  --tw-ring-offset-color: #232B37;
-}
-
-.focus\:ring-offset-darkCoolGray-900:focus {
-  --tw-ring-offset-color: #1C232D;
-}
-
-.focus\:ring-offset-coolGray-50:focus {
-  --tw-ring-offset-color: #F7F8F9;
-}
-
-.focus\:ring-offset-coolGray-100:focus {
-  --tw-ring-offset-color: #EEF0F3;
-}
-
-.focus\:ring-offset-coolGray-200:focus {
-  --tw-ring-offset-color: #D5DAE1;
-}
-
-.focus\:ring-offset-coolGray-300:focus {
-  --tw-ring-offset-color: #BBC3CF;
-}
-
-.focus\:ring-offset-coolGray-400:focus {
-  --tw-ring-offset-color: #8896AB;
-}
-
-.focus\:ring-offset-coolGray-500:focus {
-  --tw-ring-offset-color: #556987;
-}
-
-.focus\:ring-offset-coolGray-600:focus {
-  --tw-ring-offset-color: #4D5F7A;
-}
-
-.focus\:ring-offset-coolGray-700:focus {
-  --tw-ring-offset-color: #404F65;
-}
-
-.focus\:ring-offset-coolGray-800:focus {
-  --tw-ring-offset-color: #333F51;
-}
-
-.focus\:ring-offset-coolGray-900:focus {
-  --tw-ring-offset-color: #2A3342;
-}
-
-.focus\:ring-offset-indigo-50:focus {
-  --tw-ring-offset-color: #F8F6FF;
-}
-
-.focus\:ring-offset-indigo-100:focus {
-  --tw-ring-offset-color: #F0EEFF;
-}
-
-.focus\:ring-offset-indigo-200:focus {
-  --tw-ring-offset-color: #DAD4FF;
-}
-
-.focus\:ring-offset-indigo-300:focus {
-  --tw-ring-offset-color: #C3B9FF;
-}
-
-.focus\:ring-offset-indigo-400:focus {
-  --tw-ring-offset-color: #9685FF;
-}
-
-.focus\:ring-offset-indigo-500:focus {
-  --tw-ring-offset-color: #6951FF;
-}
-
-.focus\:ring-offset-indigo-600:focus {
-  --tw-ring-offset-color: #5F49E6;
-}
-
-.focus\:ring-offset-indigo-700:focus {
-  --tw-ring-offset-color: #4F3DBF;
-}
-
-.focus\:ring-offset-indigo-800:focus {
-  --tw-ring-offset-color: #3F3199;
-}
-
-.focus\:ring-offset-indigo-900:focus {
-  --tw-ring-offset-color: #33287D;
-}
-
-.focus\:ring-offset-violet-50:focus {
-  --tw-ring-offset-color: #FBF7FF;
-}
-
-.focus\:ring-offset-violet-100:focus {
-  --tw-ring-offset-color: #F6EEFE;
-}
-
-.focus\:ring-offset-violet-200:focus {
-  --tw-ring-offset-color: #E9D5FD;
-}
-
-.focus\:ring-offset-violet-300:focus {
-  --tw-ring-offset-color: #DCBBFC;
-}
-
-.focus\:ring-offset-violet-400:focus {
-  --tw-ring-offset-color: #C288F9;
-}
-
-.focus\:ring-offset-violet-500:focus {
-  --tw-ring-offset-color: #A855F7;
-}
-
-.focus\:ring-offset-violet-600:focus {
-  --tw-ring-offset-color: #974DDE;
-}
-
-.focus\:ring-offset-violet-700:focus {
-  --tw-ring-offset-color: #7E40B9;
-}
-
-.focus\:ring-offset-violet-800:focus {
-  --tw-ring-offset-color: #653394;
-}
-
-.focus\:ring-offset-violet-900:focus {
-  --tw-ring-offset-color: #522A79;
-}
-
-.focus\:ring-offset-yellow-50:focus {
-  --tw-ring-offset-color: #FFFAF3;
-}
-
-.focus\:ring-offset-yellow-100:focus {
-  --tw-ring-offset-color: #FEF5E7;
-}
-
-.focus\:ring-offset-yellow-200:focus {
-  --tw-ring-offset-color: #FDE7C2;
-}
-
-.focus\:ring-offset-yellow-300:focus {
-  --tw-ring-offset-color: #FBD89D;
-}
-
-.focus\:ring-offset-yellow-400:focus {
-  --tw-ring-offset-color: #F8BB54;
-}
-
-.focus\:ring-offset-yellow-500:focus {
-  --tw-ring-offset-color: #F59E0B;
-}
-
-.focus\:ring-offset-yellow-600:focus {
-  --tw-ring-offset-color: #DD8E0A;
-}
-
-.focus\:ring-offset-yellow-700:focus {
-  --tw-ring-offset-color: #B87708;
-}
-
-.focus\:ring-offset-yellow-800:focus {
-  --tw-ring-offset-color: #935F07;
-}
-
-.focus\:ring-offset-yellow-900:focus {
-  --tw-ring-offset-color: #784D05;
-}
-
-.focus\:ring-offset-red-50:focus {
-  --tw-ring-offset-color: #FEF7F6;
-}
-
-.focus\:ring-offset-red-100:focus {
-  --tw-ring-offset-color: #FDEEEC;
-}
-
-.focus\:ring-offset-red-200:focus {
-  --tw-ring-offset-color: #FBD6D0;
-}
-
-.focus\:ring-offset-red-300:focus {
-  --tw-ring-offset-color: #F9BDB4;
-}
-
-.focus\:ring-offset-red-400:focus {
-  --tw-ring-offset-color: #F48B7C;
-}
-
-.focus\:ring-offset-red-500:focus {
-  --tw-ring-offset-color: #EF5844;
-}
-
-.focus\:ring-offset-red-600:focus {
-  --tw-ring-offset-color: #D7503D;
-}
-
-.focus\:ring-offset-red-700:focus {
-  --tw-ring-offset-color: #B34333;
-}
-
-.focus\:ring-offset-red-800:focus {
-  --tw-ring-offset-color: #8F3529;
-}
-
-.focus\:ring-offset-red-900:focus {
-  --tw-ring-offset-color: #752C21;
-}
-
-.focus\:ring-offset-green-50:focus {
-  --tw-ring-offset-color: #F4FDF7;
-}
-
-.focus\:ring-offset-green-100:focus {
-  --tw-ring-offset-color: #EAFAF0;
-}
-
-.focus\:ring-offset-green-200:focus {
-  --tw-ring-offset-color: #CAF4D9;
-}
-
-.focus\:ring-offset-green-300:focus {
-  --tw-ring-offset-color: #AAEDC3;
-}
-
-.focus\:ring-offset-green-400:focus {
-  --tw-ring-offset-color: #6ADF95;
-}
-
-.focus\:ring-offset-green-500:focus {
-  --tw-ring-offset-color: #2AD167;
-}
-
-.focus\:ring-offset-green-600:focus {
-  --tw-ring-offset-color: #26BC5E;
-}
-
-.focus\:ring-offset-green-700:focus {
-  --tw-ring-offset-color: #209D4E;
-}
-
-.focus\:ring-offset-green-800:focus {
-  --tw-ring-offset-color: #197D3E;
-}
-
-.focus\:ring-offset-green-900:focus {
-  --tw-ring-offset-color: #156633;
-}
-
-.focus\:ring-offset-blue-50:focus {
-  --tw-ring-offset-color: #F5F9FF;
-}
-
-.focus\:ring-offset-blue-100:focus {
-  --tw-ring-offset-color: #EBF3FE;
-}
-
-.focus\:ring-offset-blue-200:focus {
-  --tw-ring-offset-color: #CEE0FD;
-}
-
-.focus\:ring-offset-blue-300:focus {
-  --tw-ring-offset-color: #B1CDFB;
-}
-
-.focus\:ring-offset-blue-400:focus {
-  --tw-ring-offset-color: #76A8F9;
-}
-
-.focus\:ring-offset-blue-500:focus {
-  --tw-ring-offset-color: #3B82F6;
-}
-
-.focus\:ring-offset-blue-600:focus {
-  --tw-ring-offset-color: #3575DD;
-}
-
-.focus\:ring-offset-blue-700:focus {
-  --tw-ring-offset-color: #2C62B9;
-}
-
-.focus\:ring-offset-blue-800:focus {
-  --tw-ring-offset-color: #234E94;
-}
-
-.focus\:ring-offset-blue-900:focus {
-  --tw-ring-offset-color: #1D4079;
-}
-
-.focus\:ring-offset-gray-50:focus {
-  --tw-ring-offset-color: #f9fafb;
-}
-
-.focus\:ring-offset-gray-100:focus {
-  --tw-ring-offset-color: #f3f4f6;
-}
-
-.focus\:ring-offset-gray-200:focus {
-  --tw-ring-offset-color: #e5e7eb;
-}
-
-.focus\:ring-offset-gray-300:focus {
-  --tw-ring-offset-color: #d1d5db;
-}
-
-.focus\:ring-offset-gray-400:focus {
-  --tw-ring-offset-color: #9ca3af;
-}
-
-.focus\:ring-offset-gray-500:focus {
-  --tw-ring-offset-color: #6b7280;
-}
-
-.focus\:ring-offset-gray-600:focus {
-  --tw-ring-offset-color: #4b5563;
-}
-
-.focus\:ring-offset-gray-700:focus {
-  --tw-ring-offset-color: #374151;
-}
-
-.focus\:ring-offset-gray-800:focus {
-  --tw-ring-offset-color: #1f2937;
-}
-
-.focus\:ring-offset-gray-900:focus {
-  --tw-ring-offset-color: #111827;
-}
-
-.ring-offset-0 {
-  --tw-ring-offset-width: 0px;
-}
-
-.ring-offset-1 {
-  --tw-ring-offset-width: 1px;
-}
-
-.ring-offset-2 {
-  --tw-ring-offset-width: 2px;
-}
-
-.ring-offset-4 {
-  --tw-ring-offset-width: 4px;
-}
-
-.ring-offset-8 {
-  --tw-ring-offset-width: 8px;
-}
-
-.focus-within\:ring-offset-0:focus-within {
-  --tw-ring-offset-width: 0px;
-}
-
-.focus-within\:ring-offset-1:focus-within {
-  --tw-ring-offset-width: 1px;
-}
-
-.focus-within\:ring-offset-2:focus-within {
-  --tw-ring-offset-width: 2px;
-}
-
-.focus-within\:ring-offset-4:focus-within {
-  --tw-ring-offset-width: 4px;
-}
-
-.focus-within\:ring-offset-8:focus-within {
-  --tw-ring-offset-width: 8px;
-}
-
-.focus\:ring-offset-0:focus {
-  --tw-ring-offset-width: 0px;
-}
-
-.focus\:ring-offset-1:focus {
-  --tw-ring-offset-width: 1px;
-}
-
-.focus\:ring-offset-2:focus {
-  --tw-ring-offset-width: 2px;
-}
-
-.focus\:ring-offset-4:focus {
-  --tw-ring-offset-width: 4px;
-}
-
-.focus\:ring-offset-8:focus {
-  --tw-ring-offset-width: 8px;
-}
-
-.ring-current {
-  --tw-ring-color: currentColor;
-}
-
-.ring-transparent {
-  --tw-ring-color: transparent;
-}
-
-.ring-black {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-}
-
-.ring-white {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-}
-
-.ring-darkCoolGray-50 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-}
-
-.ring-darkCoolGray-100 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-}
-
-.ring-darkCoolGray-200 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-}
-
-.ring-darkCoolGray-300 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-}
-
-.ring-darkCoolGray-400 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-}
-
-.ring-darkCoolGray-500 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-}
-
-.ring-darkCoolGray-600 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-}
-
-.ring-darkCoolGray-700 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-}
-
-.ring-darkCoolGray-800 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-}
-
-.ring-darkCoolGray-900 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-}
-
-.ring-coolGray-50 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-}
-
-.ring-coolGray-100 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-}
-
-.ring-coolGray-200 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-}
-
-.ring-coolGray-300 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-}
-
-.ring-coolGray-400 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-}
-
-.ring-coolGray-500 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-}
-
-.ring-coolGray-600 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-}
-
-.ring-coolGray-700 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-}
-
-.ring-coolGray-800 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-}
-
-.ring-coolGray-900 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-}
-
-.ring-indigo-50 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-}
-
-.ring-indigo-100 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-}
-
-.ring-indigo-200 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-}
-
-.ring-indigo-300 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-}
-
-.ring-indigo-400 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-}
-
-.ring-indigo-500 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-}
-
-.ring-indigo-600 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-}
-
-.ring-indigo-700 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-}
-
-.ring-indigo-800 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-}
-
-.ring-indigo-900 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-}
-
-.ring-violet-50 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-}
-
-.ring-violet-100 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-}
-
-.ring-violet-200 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-}
-
-.ring-violet-300 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-}
-
-.ring-violet-400 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-}
-
-.ring-violet-500 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-}
-
-.ring-violet-600 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-}
-
-.ring-violet-700 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-}
-
-.ring-violet-800 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-}
-
-.ring-violet-900 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-}
-
-.ring-yellow-50 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-}
-
-.ring-yellow-100 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-}
-
-.ring-yellow-200 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-}
-
-.ring-yellow-300 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-}
-
-.ring-yellow-400 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-}
-
-.ring-yellow-500 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-}
-
-.ring-yellow-600 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-}
-
-.ring-yellow-700 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-}
-
-.ring-yellow-800 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-}
-
-.ring-yellow-900 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-}
-
-.ring-red-50 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-}
-
-.ring-red-100 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-}
-
-.ring-red-200 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-}
-
-.ring-red-300 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-}
-
-.ring-red-400 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-}
-
-.ring-red-500 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-}
-
-.ring-red-600 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-}
-
-.ring-red-700 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-}
-
-.ring-red-800 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-}
-
-.ring-red-900 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-}
-
-.ring-green-50 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-}
-
-.ring-green-100 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-}
-
-.ring-green-200 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-}
-
-.ring-green-300 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-}
-
-.ring-green-400 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-}
-
-.ring-green-500 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-}
-
-.ring-green-600 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-}
-
-.ring-green-700 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-}
-
-.ring-green-800 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-}
-
-.ring-green-900 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-}
-
-.ring-blue-50 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-}
-
-.ring-blue-100 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-}
-
-.ring-blue-200 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-}
-
-.ring-blue-300 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-}
-
-.ring-blue-400 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-}
-
-.ring-blue-500 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-}
-
-.ring-blue-600 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-}
-
-.ring-blue-700 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-}
-
-.ring-blue-800 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-}
-
-.ring-blue-900 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-}
-
-.ring-gray-50 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-}
-
-.ring-gray-100 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-}
-
-.ring-gray-200 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-}
-
-.ring-gray-300 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-}
-
-.ring-gray-400 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-}
-
-.ring-gray-500 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-}
-
-.ring-gray-600 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-}
-
-.ring-gray-700 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-}
-
-.ring-gray-800 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-}
-
-.ring-gray-900 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-current:focus-within {
-  --tw-ring-color: currentColor;
-}
-
-.focus-within\:ring-transparent:focus-within {
-  --tw-ring-color: transparent;
-}
-
-.focus-within\:ring-black:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-white:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-darkCoolGray-50:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-darkCoolGray-100:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-darkCoolGray-200:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-darkCoolGray-300:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-darkCoolGray-400:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-darkCoolGray-500:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-darkCoolGray-600:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-darkCoolGray-700:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-darkCoolGray-800:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-darkCoolGray-900:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-coolGray-50:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-coolGray-100:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-coolGray-200:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-coolGray-300:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-coolGray-400:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-coolGray-500:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-coolGray-600:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-coolGray-700:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-coolGray-800:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-coolGray-900:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-indigo-50:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-indigo-100:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-indigo-200:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-indigo-300:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-indigo-400:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-indigo-500:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-indigo-600:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-indigo-700:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-indigo-800:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-indigo-900:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-violet-50:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-violet-100:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-violet-200:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-violet-300:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-violet-400:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-violet-500:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-violet-600:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-violet-700:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-violet-800:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-violet-900:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-yellow-50:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-yellow-100:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-yellow-200:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-yellow-300:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-yellow-400:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-yellow-500:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-yellow-600:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-yellow-700:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-yellow-800:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-yellow-900:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-red-50:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-red-100:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-red-200:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-red-300:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-red-400:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-red-500:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-red-600:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-red-700:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-red-800:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-red-900:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-green-50:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-green-100:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-green-200:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-green-300:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-green-400:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-green-500:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-green-600:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-green-700:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-green-800:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-green-900:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-blue-50:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-blue-100:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-blue-200:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-blue-300:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-blue-400:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-blue-500:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-blue-600:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-blue-700:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-blue-800:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-blue-900:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-gray-50:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-gray-100:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-gray-200:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-gray-300:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-gray-400:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-gray-500:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-gray-600:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-gray-700:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-gray-800:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-}
-
-.focus-within\:ring-gray-900:focus-within {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-}
-
-.focus\:ring-current:focus {
-  --tw-ring-color: currentColor;
-}
-
-.focus\:ring-transparent:focus {
-  --tw-ring-color: transparent;
-}
-
-.focus\:ring-black:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-}
-
-.focus\:ring-white:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-}
-
-.focus\:ring-darkCoolGray-50:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-}
-
-.focus\:ring-darkCoolGray-100:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-}
-
-.focus\:ring-darkCoolGray-200:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-}
-
-.focus\:ring-darkCoolGray-300:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-}
-
-.focus\:ring-darkCoolGray-400:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-}
-
-.focus\:ring-darkCoolGray-500:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-}
-
-.focus\:ring-darkCoolGray-600:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-}
-
-.focus\:ring-darkCoolGray-700:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-}
-
-.focus\:ring-darkCoolGray-800:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-}
-
-.focus\:ring-darkCoolGray-900:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-}
-
-.focus\:ring-coolGray-50:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-}
-
-.focus\:ring-coolGray-100:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-}
-
-.focus\:ring-coolGray-200:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-}
-
-.focus\:ring-coolGray-300:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-}
-
-.focus\:ring-coolGray-400:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-}
-
-.focus\:ring-coolGray-500:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-}
-
-.focus\:ring-coolGray-600:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-}
-
-.focus\:ring-coolGray-700:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-}
-
-.focus\:ring-coolGray-800:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-}
-
-.focus\:ring-coolGray-900:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-}
-
-.focus\:ring-indigo-50:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-}
-
-.focus\:ring-indigo-100:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-}
-
-.focus\:ring-indigo-200:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-}
-
-.focus\:ring-indigo-300:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-}
-
-.focus\:ring-indigo-400:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-}
-
-.focus\:ring-indigo-500:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-}
-
-.focus\:ring-indigo-600:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-}
-
-.focus\:ring-indigo-700:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-}
-
-.focus\:ring-indigo-800:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-}
-
-.focus\:ring-indigo-900:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-}
-
-.focus\:ring-violet-50:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-}
-
-.focus\:ring-violet-100:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-}
-
-.focus\:ring-violet-200:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-}
-
-.focus\:ring-violet-300:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-}
-
-.focus\:ring-violet-400:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-}
-
-.focus\:ring-violet-500:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-}
-
-.focus\:ring-violet-600:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-}
-
-.focus\:ring-violet-700:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-}
-
-.focus\:ring-violet-800:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-}
-
-.focus\:ring-violet-900:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-}
-
-.focus\:ring-yellow-50:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-}
-
-.focus\:ring-yellow-100:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-}
-
-.focus\:ring-yellow-200:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-}
-
-.focus\:ring-yellow-300:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-}
-
-.focus\:ring-yellow-400:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-}
-
-.focus\:ring-yellow-500:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-}
-
-.focus\:ring-yellow-600:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-}
-
-.focus\:ring-yellow-700:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-}
-
-.focus\:ring-yellow-800:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-}
-
-.focus\:ring-yellow-900:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-}
-
-.focus\:ring-red-50:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-}
-
-.focus\:ring-red-100:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-}
-
-.focus\:ring-red-200:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-}
-
-.focus\:ring-red-300:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-}
-
-.focus\:ring-red-400:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-}
-
-.focus\:ring-red-500:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-}
-
-.focus\:ring-red-600:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-}
-
-.focus\:ring-red-700:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-}
-
-.focus\:ring-red-800:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-}
-
-.focus\:ring-red-900:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-}
-
-.focus\:ring-green-50:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-}
-
-.focus\:ring-green-100:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-}
-
-.focus\:ring-green-200:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-}
-
-.focus\:ring-green-300:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-}
-
-.focus\:ring-green-400:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-}
-
-.focus\:ring-green-500:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-}
-
-.focus\:ring-green-600:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-}
-
-.focus\:ring-green-700:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-}
-
-.focus\:ring-green-800:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-}
-
-.focus\:ring-green-900:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-}
-
-.focus\:ring-blue-50:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-}
-
-.focus\:ring-blue-100:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-}
-
-.focus\:ring-blue-200:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-}
-
-.focus\:ring-blue-300:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-}
-
-.focus\:ring-blue-400:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-}
-
-.focus\:ring-blue-500:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-}
-
-.focus\:ring-blue-600:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-}
-
-.focus\:ring-blue-700:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-}
-
-.focus\:ring-blue-800:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-}
-
-.focus\:ring-blue-900:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-}
-
-.focus\:ring-gray-50:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-}
-
-.focus\:ring-gray-100:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-}
-
-.focus\:ring-gray-200:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-}
-
-.focus\:ring-gray-300:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-}
-
-.focus\:ring-gray-400:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-}
-
-.focus\:ring-gray-500:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-}
-
-.focus\:ring-gray-600:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-}
-
-.focus\:ring-gray-700:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-}
-
-.focus\:ring-gray-800:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-}
-
-.focus\:ring-gray-900:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-}
-
-.ring-opacity-0 {
-  --tw-ring-opacity: 0;
-}
-
-.ring-opacity-5 {
-  --tw-ring-opacity: 0.05;
-}
-
-.ring-opacity-10 {
-  --tw-ring-opacity: 0.1;
-}
-
-.ring-opacity-20 {
-  --tw-ring-opacity: 0.2;
-}
-
-.ring-opacity-25 {
-  --tw-ring-opacity: 0.25;
-}
-
-.ring-opacity-30 {
-  --tw-ring-opacity: 0.3;
-}
-
-.ring-opacity-40 {
-  --tw-ring-opacity: 0.4;
-}
-
-.ring-opacity-50 {
-  --tw-ring-opacity: 0.5;
-}
-
-.ring-opacity-60 {
-  --tw-ring-opacity: 0.6;
-}
-
-.ring-opacity-70 {
-  --tw-ring-opacity: 0.7;
-}
-
-.ring-opacity-75 {
-  --tw-ring-opacity: 0.75;
-}
-
-.ring-opacity-80 {
-  --tw-ring-opacity: 0.8;
-}
-
-.ring-opacity-90 {
-  --tw-ring-opacity: 0.9;
-}
-
-.ring-opacity-95 {
-  --tw-ring-opacity: 0.95;
-}
-
-.ring-opacity-100 {
-  --tw-ring-opacity: 1;
-}
-
-.focus-within\:ring-opacity-0:focus-within {
-  --tw-ring-opacity: 0;
-}
-
-.focus-within\:ring-opacity-5:focus-within {
-  --tw-ring-opacity: 0.05;
-}
-
-.focus-within\:ring-opacity-10:focus-within {
-  --tw-ring-opacity: 0.1;
-}
-
-.focus-within\:ring-opacity-20:focus-within {
-  --tw-ring-opacity: 0.2;
-}
-
-.focus-within\:ring-opacity-25:focus-within {
-  --tw-ring-opacity: 0.25;
-}
-
-.focus-within\:ring-opacity-30:focus-within {
-  --tw-ring-opacity: 0.3;
-}
-
-.focus-within\:ring-opacity-40:focus-within {
-  --tw-ring-opacity: 0.4;
-}
-
-.focus-within\:ring-opacity-50:focus-within {
-  --tw-ring-opacity: 0.5;
-}
-
-.focus-within\:ring-opacity-60:focus-within {
-  --tw-ring-opacity: 0.6;
-}
-
-.focus-within\:ring-opacity-70:focus-within {
-  --tw-ring-opacity: 0.7;
-}
-
-.focus-within\:ring-opacity-75:focus-within {
-  --tw-ring-opacity: 0.75;
-}
-
-.focus-within\:ring-opacity-80:focus-within {
-  --tw-ring-opacity: 0.8;
-}
-
-.focus-within\:ring-opacity-90:focus-within {
-  --tw-ring-opacity: 0.9;
-}
-
-.focus-within\:ring-opacity-95:focus-within {
-  --tw-ring-opacity: 0.95;
-}
-
-.focus-within\:ring-opacity-100:focus-within {
-  --tw-ring-opacity: 1;
-}
-
-.focus\:ring-opacity-0:focus {
-  --tw-ring-opacity: 0;
-}
-
-.focus\:ring-opacity-5:focus {
-  --tw-ring-opacity: 0.05;
-}
-
-.focus\:ring-opacity-10:focus {
-  --tw-ring-opacity: 0.1;
-}
-
-.focus\:ring-opacity-20:focus {
-  --tw-ring-opacity: 0.2;
-}
-
-.focus\:ring-opacity-25:focus {
-  --tw-ring-opacity: 0.25;
-}
-
-.focus\:ring-opacity-30:focus {
-  --tw-ring-opacity: 0.3;
-}
-
-.focus\:ring-opacity-40:focus {
-  --tw-ring-opacity: 0.4;
-}
-
-.focus\:ring-opacity-50:focus {
-  --tw-ring-opacity: 0.5;
-}
-
-.focus\:ring-opacity-60:focus {
-  --tw-ring-opacity: 0.6;
-}
-
-.focus\:ring-opacity-70:focus {
-  --tw-ring-opacity: 0.7;
-}
-
-.focus\:ring-opacity-75:focus {
-  --tw-ring-opacity: 0.75;
-}
-
-.focus\:ring-opacity-80:focus {
-  --tw-ring-opacity: 0.8;
-}
-
-.focus\:ring-opacity-90:focus {
-  --tw-ring-opacity: 0.9;
-}
-
-.focus\:ring-opacity-95:focus {
-  --tw-ring-opacity: 0.95;
-}
-
-.focus\:ring-opacity-100:focus {
-  --tw-ring-opacity: 1;
-}
-
-.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-black {
-  --tw-text-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-text-opacity));
-}
-
-.text-white {
-  --tw-text-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-text-opacity));
-}
-
-.text-darkCoolGray-50 {
-  --tw-text-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-text-opacity));
-}
-
-.text-darkCoolGray-100 {
-  --tw-text-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-text-opacity));
-}
-
-.text-darkCoolGray-200 {
-  --tw-text-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-text-opacity));
-}
-
-.text-darkCoolGray-300 {
-  --tw-text-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-text-opacity));
-}
-
-.text-darkCoolGray-400 {
-  --tw-text-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-text-opacity));
-}
-
-.text-darkCoolGray-500 {
-  --tw-text-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-text-opacity));
-}
-
-.text-darkCoolGray-600 {
-  --tw-text-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-text-opacity));
-}
-
-.text-darkCoolGray-700 {
-  --tw-text-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-text-opacity));
-}
-
-.text-darkCoolGray-800 {
-  --tw-text-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-text-opacity));
-}
-
-.text-darkCoolGray-900 {
-  --tw-text-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-text-opacity));
-}
-
-.text-coolGray-50 {
-  --tw-text-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-text-opacity));
-}
-
-.text-coolGray-100 {
-  --tw-text-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-text-opacity));
-}
-
-.text-coolGray-200 {
-  --tw-text-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-text-opacity));
-}
-
-.text-coolGray-300 {
-  --tw-text-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-text-opacity));
-}
-
-.text-coolGray-400 {
-  --tw-text-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-text-opacity));
-}
-
-.text-coolGray-500 {
-  --tw-text-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-text-opacity));
-}
-
-.text-coolGray-600 {
-  --tw-text-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-text-opacity));
-}
-
-.text-coolGray-700 {
-  --tw-text-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-text-opacity));
-}
-
-.text-coolGray-800 {
-  --tw-text-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-text-opacity));
-}
-
-.text-coolGray-900 {
-  --tw-text-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-text-opacity));
-}
-
-.text-indigo-50 {
-  --tw-text-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-text-opacity));
-}
-
-.text-indigo-100 {
-  --tw-text-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-text-opacity));
-}
-
-.text-indigo-200 {
-  --tw-text-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-text-opacity));
-}
-
-.text-indigo-300 {
-  --tw-text-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-text-opacity));
-}
-
-.text-indigo-400 {
-  --tw-text-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-text-opacity));
-}
-
-.text-indigo-500 {
-  --tw-text-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-text-opacity));
-}
-
-.text-indigo-600 {
-  --tw-text-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-text-opacity));
-}
-
-.text-indigo-700 {
-  --tw-text-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-text-opacity));
-}
-
-.text-indigo-800 {
-  --tw-text-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-text-opacity));
-}
-
-.text-indigo-900 {
-  --tw-text-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-text-opacity));
-}
-
-.text-violet-50 {
-  --tw-text-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-text-opacity));
-}
-
-.text-violet-100 {
-  --tw-text-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-text-opacity));
-}
-
-.text-violet-200 {
-  --tw-text-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-text-opacity));
-}
-
-.text-violet-300 {
-  --tw-text-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-text-opacity));
-}
-
-.text-violet-400 {
-  --tw-text-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-text-opacity));
-}
-
-.text-violet-500 {
-  --tw-text-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-text-opacity));
-}
-
-.text-violet-600 {
-  --tw-text-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-text-opacity));
-}
-
-.text-violet-700 {
-  --tw-text-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-text-opacity));
-}
-
-.text-violet-800 {
-  --tw-text-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-text-opacity));
-}
-
-.text-violet-900 {
-  --tw-text-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-text-opacity));
-}
-
-.text-yellow-50 {
-  --tw-text-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-text-opacity));
-}
-
-.text-yellow-100 {
-  --tw-text-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-text-opacity));
-}
-
-.text-yellow-200 {
-  --tw-text-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-text-opacity));
-}
-
-.text-yellow-300 {
-  --tw-text-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-text-opacity));
-}
-
-.text-yellow-400 {
-  --tw-text-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-text-opacity));
-}
-
-.text-yellow-500 {
-  --tw-text-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-text-opacity));
-}
-
-.text-yellow-600 {
-  --tw-text-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-text-opacity));
-}
-
-.text-yellow-700 {
-  --tw-text-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-text-opacity));
-}
-
-.text-yellow-800 {
-  --tw-text-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-text-opacity));
-}
-
-.text-yellow-900 {
-  --tw-text-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-text-opacity));
-}
-
-.text-red-50 {
-  --tw-text-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-text-opacity));
-}
-
-.text-red-100 {
-  --tw-text-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-text-opacity));
-}
-
-.text-red-200 {
-  --tw-text-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-text-opacity));
-}
-
-.text-red-300 {
-  --tw-text-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-text-opacity));
-}
-
-.text-red-400 {
-  --tw-text-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-text-opacity));
-}
-
-.text-red-500 {
-  --tw-text-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-text-opacity));
-}
-
-.text-red-600 {
-  --tw-text-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-text-opacity));
-}
-
-.text-red-700 {
-  --tw-text-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-text-opacity));
-}
-
-.text-red-800 {
-  --tw-text-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-text-opacity));
-}
-
-.text-red-900 {
-  --tw-text-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-text-opacity));
-}
-
-.text-green-50 {
-  --tw-text-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-text-opacity));
-}
-
-.text-green-100 {
-  --tw-text-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-text-opacity));
-}
-
-.text-green-200 {
-  --tw-text-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-text-opacity));
-}
-
-.text-green-300 {
-  --tw-text-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-text-opacity));
-}
-
-.text-green-400 {
-  --tw-text-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-text-opacity));
-}
-
-.text-green-500 {
-  --tw-text-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-text-opacity));
-}
-
-.text-green-600 {
-  --tw-text-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-text-opacity));
-}
-
-.text-green-700 {
-  --tw-text-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-text-opacity));
-}
-
-.text-green-800 {
-  --tw-text-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-text-opacity));
-}
-
-.text-green-900 {
-  --tw-text-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-text-opacity));
-}
-
-.text-blue-50 {
-  --tw-text-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-text-opacity));
-}
-
-.text-blue-100 {
-  --tw-text-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-text-opacity));
-}
-
-.text-blue-200 {
-  --tw-text-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-text-opacity));
-}
-
-.text-blue-300 {
-  --tw-text-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-text-opacity));
-}
-
-.text-blue-400 {
-  --tw-text-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-text-opacity));
-}
-
-.text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-text-opacity));
-}
-
-.text-blue-600 {
-  --tw-text-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-text-opacity));
-}
-
-.text-blue-700 {
-  --tw-text-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-text-opacity));
-}
-
-.text-blue-800 {
-  --tw-text-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-text-opacity));
-}
-
-.text-blue-900 {
-  --tw-text-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-text-opacity));
-}
-
-.text-gray-50 {
-  --tw-text-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-text-opacity));
-}
-
-.text-gray-100 {
-  --tw-text-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-text-opacity));
-}
-
-.text-gray-200 {
-  --tw-text-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-text-opacity));
-}
-
-.text-gray-300 {
-  --tw-text-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-text-opacity));
-}
-
-.text-gray-400 {
-  --tw-text-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-text-opacity));
-}
-
-.text-gray-500 {
-  --tw-text-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-text-opacity));
-}
-
-.text-gray-600 {
-  --tw-text-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-text-opacity));
-}
-
-.text-gray-700 {
-  --tw-text-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-text-opacity));
-}
-
-.text-gray-800 {
-  --tw-text-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-text-opacity));
-}
-
-.text-gray-900 {
-  --tw-text-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-text-opacity));
-}
-
-.text-body {
-  --tw-text-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-current {
-  color: currentColor;
-}
-
-.group:hover .group-hover\:text-transparent {
-  color: transparent;
-}
-
-.group:hover .group-hover\:text-black {
-  --tw-text-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-white {
-  --tw-text-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-darkCoolGray-50 {
-  --tw-text-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-darkCoolGray-100 {
-  --tw-text-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-darkCoolGray-200 {
-  --tw-text-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-darkCoolGray-300 {
-  --tw-text-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-darkCoolGray-400 {
-  --tw-text-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-darkCoolGray-500 {
-  --tw-text-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-darkCoolGray-600 {
-  --tw-text-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-darkCoolGray-700 {
-  --tw-text-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-darkCoolGray-800 {
-  --tw-text-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-darkCoolGray-900 {
-  --tw-text-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-coolGray-50 {
-  --tw-text-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-coolGray-100 {
-  --tw-text-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-coolGray-200 {
-  --tw-text-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-coolGray-300 {
-  --tw-text-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-coolGray-400 {
-  --tw-text-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-coolGray-500 {
-  --tw-text-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-coolGray-600 {
-  --tw-text-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-coolGray-700 {
-  --tw-text-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-coolGray-800 {
-  --tw-text-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-coolGray-900 {
-  --tw-text-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-50 {
-  --tw-text-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-100 {
-  --tw-text-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-200 {
-  --tw-text-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-300 {
-  --tw-text-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-400 {
-  --tw-text-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-500 {
-  --tw-text-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-600 {
-  --tw-text-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-700 {
-  --tw-text-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-800 {
-  --tw-text-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-900 {
-  --tw-text-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-violet-50 {
-  --tw-text-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-violet-100 {
-  --tw-text-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-violet-200 {
-  --tw-text-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-violet-300 {
-  --tw-text-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-violet-400 {
-  --tw-text-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-violet-500 {
-  --tw-text-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-violet-600 {
-  --tw-text-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-violet-700 {
-  --tw-text-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-violet-800 {
-  --tw-text-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-violet-900 {
-  --tw-text-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-50 {
-  --tw-text-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-100 {
-  --tw-text-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-200 {
-  --tw-text-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-300 {
-  --tw-text-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-400 {
-  --tw-text-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-500 {
-  --tw-text-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-600 {
-  --tw-text-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-700 {
-  --tw-text-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-800 {
-  --tw-text-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-900 {
-  --tw-text-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-red-50 {
-  --tw-text-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-red-100 {
-  --tw-text-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-red-200 {
-  --tw-text-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-red-300 {
-  --tw-text-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-red-400 {
-  --tw-text-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-red-500 {
-  --tw-text-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-red-600 {
-  --tw-text-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-red-700 {
-  --tw-text-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-red-800 {
-  --tw-text-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-red-900 {
-  --tw-text-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-green-50 {
-  --tw-text-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-green-100 {
-  --tw-text-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-green-200 {
-  --tw-text-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-green-300 {
-  --tw-text-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-green-400 {
-  --tw-text-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-green-500 {
-  --tw-text-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-green-600 {
-  --tw-text-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-green-700 {
-  --tw-text-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-green-800 {
-  --tw-text-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-green-900 {
-  --tw-text-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-50 {
-  --tw-text-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-100 {
-  --tw-text-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-200 {
-  --tw-text-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-300 {
-  --tw-text-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-400 {
-  --tw-text-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-600 {
-  --tw-text-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-700 {
-  --tw-text-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-800 {
-  --tw-text-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-900 {
-  --tw-text-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-50 {
-  --tw-text-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-100 {
-  --tw-text-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-200 {
-  --tw-text-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-300 {
-  --tw-text-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-400 {
-  --tw-text-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-500 {
-  --tw-text-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-600 {
-  --tw-text-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-700 {
-  --tw-text-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-800 {
-  --tw-text-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-900 {
-  --tw-text-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-body {
-  --tw-text-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-text-opacity));
-}
-
-.focus-within\:text-current:focus-within {
-  color: currentColor;
-}
-
-.focus-within\:text-transparent:focus-within {
-  color: transparent;
-}
-
-.focus-within\:text-black:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-text-opacity));
-}
-
-.focus-within\:text-white:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-text-opacity));
-}
-
-.focus-within\:text-darkCoolGray-50:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-text-opacity));
-}
-
-.focus-within\:text-darkCoolGray-100:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-text-opacity));
-}
-
-.focus-within\:text-darkCoolGray-200:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-text-opacity));
-}
-
-.focus-within\:text-darkCoolGray-300:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-text-opacity));
-}
-
-.focus-within\:text-darkCoolGray-400:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-text-opacity));
-}
-
-.focus-within\:text-darkCoolGray-500:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-text-opacity));
-}
-
-.focus-within\:text-darkCoolGray-600:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-text-opacity));
-}
-
-.focus-within\:text-darkCoolGray-700:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-text-opacity));
-}
-
-.focus-within\:text-darkCoolGray-800:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-text-opacity));
-}
-
-.focus-within\:text-darkCoolGray-900:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-text-opacity));
-}
-
-.focus-within\:text-coolGray-50:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-text-opacity));
-}
-
-.focus-within\:text-coolGray-100:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-text-opacity));
-}
-
-.focus-within\:text-coolGray-200:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-text-opacity));
-}
-
-.focus-within\:text-coolGray-300:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-text-opacity));
-}
-
-.focus-within\:text-coolGray-400:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-text-opacity));
-}
-
-.focus-within\:text-coolGray-500:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-text-opacity));
-}
-
-.focus-within\:text-coolGray-600:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-text-opacity));
-}
-
-.focus-within\:text-coolGray-700:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-text-opacity));
-}
-
-.focus-within\:text-coolGray-800:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-text-opacity));
-}
-
-.focus-within\:text-coolGray-900:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-text-opacity));
-}
-
-.focus-within\:text-indigo-50:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-text-opacity));
-}
-
-.focus-within\:text-indigo-100:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-text-opacity));
-}
-
-.focus-within\:text-indigo-200:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-text-opacity));
-}
-
-.focus-within\:text-indigo-300:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-text-opacity));
-}
-
-.focus-within\:text-indigo-400:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-text-opacity));
-}
-
-.focus-within\:text-indigo-500:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-text-opacity));
-}
-
-.focus-within\:text-indigo-600:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-text-opacity));
-}
-
-.focus-within\:text-indigo-700:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-text-opacity));
-}
-
-.focus-within\:text-indigo-800:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-text-opacity));
-}
-
-.focus-within\:text-indigo-900:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-text-opacity));
-}
-
-.focus-within\:text-violet-50:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-text-opacity));
-}
-
-.focus-within\:text-violet-100:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-text-opacity));
-}
-
-.focus-within\:text-violet-200:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-text-opacity));
-}
-
-.focus-within\:text-violet-300:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-text-opacity));
-}
-
-.focus-within\:text-violet-400:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-text-opacity));
-}
-
-.focus-within\:text-violet-500:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-text-opacity));
-}
-
-.focus-within\:text-violet-600:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-text-opacity));
-}
-
-.focus-within\:text-violet-700:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-text-opacity));
-}
-
-.focus-within\:text-violet-800:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-text-opacity));
-}
-
-.focus-within\:text-violet-900:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-text-opacity));
-}
-
-.focus-within\:text-yellow-50:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-text-opacity));
-}
-
-.focus-within\:text-yellow-100:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-text-opacity));
-}
-
-.focus-within\:text-yellow-200:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-text-opacity));
-}
-
-.focus-within\:text-yellow-300:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-text-opacity));
-}
-
-.focus-within\:text-yellow-400:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-text-opacity));
-}
-
-.focus-within\:text-yellow-500:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-text-opacity));
-}
-
-.focus-within\:text-yellow-600:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-text-opacity));
-}
-
-.focus-within\:text-yellow-700:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-text-opacity));
-}
-
-.focus-within\:text-yellow-800:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-text-opacity));
-}
-
-.focus-within\:text-yellow-900:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-text-opacity));
-}
-
-.focus-within\:text-red-50:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-text-opacity));
-}
-
-.focus-within\:text-red-100:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-text-opacity));
-}
-
-.focus-within\:text-red-200:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-text-opacity));
-}
-
-.focus-within\:text-red-300:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-text-opacity));
-}
-
-.focus-within\:text-red-400:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-text-opacity));
-}
-
-.focus-within\:text-red-500:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-text-opacity));
-}
-
-.focus-within\:text-red-600:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-text-opacity));
-}
-
-.focus-within\:text-red-700:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-text-opacity));
-}
-
-.focus-within\:text-red-800:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-text-opacity));
-}
-
-.focus-within\:text-red-900:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-text-opacity));
-}
-
-.focus-within\:text-green-50:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-text-opacity));
-}
-
-.focus-within\:text-green-100:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-text-opacity));
-}
-
-.focus-within\:text-green-200:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-text-opacity));
-}
-
-.focus-within\:text-green-300:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-text-opacity));
-}
-
-.focus-within\:text-green-400:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-text-opacity));
-}
-
-.focus-within\:text-green-500:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-text-opacity));
-}
-
-.focus-within\:text-green-600:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-text-opacity));
-}
-
-.focus-within\:text-green-700:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-text-opacity));
-}
-
-.focus-within\:text-green-800:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-text-opacity));
-}
-
-.focus-within\:text-green-900:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-text-opacity));
-}
-
-.focus-within\:text-blue-50:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-text-opacity));
-}
-
-.focus-within\:text-blue-100:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-text-opacity));
-}
-
-.focus-within\:text-blue-200:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-text-opacity));
-}
-
-.focus-within\:text-blue-300:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-text-opacity));
-}
-
-.focus-within\:text-blue-400:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-text-opacity));
-}
-
-.focus-within\:text-blue-500:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-text-opacity));
-}
-
-.focus-within\:text-blue-600:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-text-opacity));
-}
-
-.focus-within\:text-blue-700:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-text-opacity));
-}
-
-.focus-within\:text-blue-800:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-text-opacity));
-}
-
-.focus-within\:text-blue-900:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-text-opacity));
-}
-
-.focus-within\:text-gray-50:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-text-opacity));
-}
-
-.focus-within\:text-gray-100:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-text-opacity));
-}
-
-.focus-within\:text-gray-200:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-text-opacity));
-}
-
-.focus-within\:text-gray-300:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-text-opacity));
-}
-
-.focus-within\:text-gray-400:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-text-opacity));
-}
-
-.focus-within\:text-gray-500:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-text-opacity));
-}
-
-.focus-within\:text-gray-600:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-text-opacity));
-}
-
-.focus-within\:text-gray-700:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-text-opacity));
-}
-
-.focus-within\:text-gray-800:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-text-opacity));
-}
-
-.focus-within\:text-gray-900:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-text-opacity));
-}
-
-.focus-within\:text-body:focus-within {
-  --tw-text-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-text-opacity));
-}
-
-.hover\:text-current:hover {
-  color: currentColor;
-}
-
-.hover\:text-transparent:hover {
-  color: transparent;
-}
-
-.hover\:text-black:hover {
-  --tw-text-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-text-opacity));
-}
-
-.hover\:text-white:hover {
-  --tw-text-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-text-opacity));
-}
-
-.hover\:text-darkCoolGray-50:hover {
-  --tw-text-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-text-opacity));
-}
-
-.hover\:text-darkCoolGray-100:hover {
-  --tw-text-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-text-opacity));
-}
-
-.hover\:text-darkCoolGray-200:hover {
-  --tw-text-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-text-opacity));
-}
-
-.hover\:text-darkCoolGray-300:hover {
-  --tw-text-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-text-opacity));
-}
-
-.hover\:text-darkCoolGray-400:hover {
-  --tw-text-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-text-opacity));
-}
-
-.hover\:text-darkCoolGray-500:hover {
-  --tw-text-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-text-opacity));
-}
-
-.hover\:text-darkCoolGray-600:hover {
-  --tw-text-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-text-opacity));
-}
-
-.hover\:text-darkCoolGray-700:hover {
-  --tw-text-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-text-opacity));
-}
-
-.hover\:text-darkCoolGray-800:hover {
-  --tw-text-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-text-opacity));
-}
-
-.hover\:text-darkCoolGray-900:hover {
-  --tw-text-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-text-opacity));
-}
-
-.hover\:text-coolGray-50:hover {
-  --tw-text-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-text-opacity));
-}
-
-.hover\:text-coolGray-100:hover {
-  --tw-text-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-text-opacity));
-}
-
-.hover\:text-coolGray-200:hover {
-  --tw-text-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-text-opacity));
-}
-
-.hover\:text-coolGray-300:hover {
-  --tw-text-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-text-opacity));
-}
-
-.hover\:text-coolGray-400:hover {
-  --tw-text-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-text-opacity));
-}
-
-.hover\:text-coolGray-500:hover {
-  --tw-text-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-text-opacity));
-}
-
-.hover\:text-coolGray-600:hover {
-  --tw-text-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-text-opacity));
-}
-
-.hover\:text-coolGray-700:hover {
-  --tw-text-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-text-opacity));
-}
-
-.hover\:text-coolGray-800:hover {
-  --tw-text-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-text-opacity));
-}
-
-.hover\:text-coolGray-900:hover {
-  --tw-text-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-text-opacity));
-}
-
-.hover\:text-indigo-50:hover {
-  --tw-text-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-text-opacity));
-}
-
-.hover\:text-indigo-100:hover {
-  --tw-text-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-text-opacity));
-}
-
-.hover\:text-indigo-200:hover {
-  --tw-text-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-text-opacity));
-}
-
-.hover\:text-indigo-300:hover {
-  --tw-text-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-text-opacity));
-}
-
-.hover\:text-indigo-400:hover {
-  --tw-text-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-text-opacity));
-}
-
-.hover\:text-indigo-500:hover {
-  --tw-text-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-text-opacity));
-}
-
-.hover\:text-indigo-600:hover {
-  --tw-text-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-text-opacity));
-}
-
-.hover\:text-indigo-700:hover {
-  --tw-text-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-text-opacity));
-}
-
-.hover\:text-indigo-800:hover {
-  --tw-text-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-text-opacity));
-}
-
-.hover\:text-indigo-900:hover {
-  --tw-text-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-text-opacity));
-}
-
-.hover\:text-violet-50:hover {
-  --tw-text-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-text-opacity));
-}
-
-.hover\:text-violet-100:hover {
-  --tw-text-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-text-opacity));
-}
-
-.hover\:text-violet-200:hover {
-  --tw-text-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-text-opacity));
-}
-
-.hover\:text-violet-300:hover {
-  --tw-text-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-text-opacity));
-}
-
-.hover\:text-violet-400:hover {
-  --tw-text-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-text-opacity));
-}
-
-.hover\:text-violet-500:hover {
-  --tw-text-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-text-opacity));
-}
-
-.hover\:text-violet-600:hover {
-  --tw-text-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-text-opacity));
-}
-
-.hover\:text-violet-700:hover {
-  --tw-text-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-text-opacity));
-}
-
-.hover\:text-violet-800:hover {
-  --tw-text-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-text-opacity));
-}
-
-.hover\:text-violet-900:hover {
-  --tw-text-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-text-opacity));
-}
-
-.hover\:text-yellow-50:hover {
-  --tw-text-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-text-opacity));
-}
-
-.hover\:text-yellow-100:hover {
-  --tw-text-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-text-opacity));
-}
-
-.hover\:text-yellow-200:hover {
-  --tw-text-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-text-opacity));
-}
-
-.hover\:text-yellow-300:hover {
-  --tw-text-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-text-opacity));
-}
-
-.hover\:text-yellow-400:hover {
-  --tw-text-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-text-opacity));
-}
-
-.hover\:text-yellow-500:hover {
-  --tw-text-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-text-opacity));
-}
-
-.hover\:text-yellow-600:hover {
-  --tw-text-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-text-opacity));
-}
-
-.hover\:text-yellow-700:hover {
-  --tw-text-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-text-opacity));
-}
-
-.hover\:text-yellow-800:hover {
-  --tw-text-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-text-opacity));
-}
-
-.hover\:text-yellow-900:hover {
-  --tw-text-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-text-opacity));
-}
-
-.hover\:text-red-50:hover {
-  --tw-text-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-text-opacity));
-}
-
-.hover\:text-red-100:hover {
-  --tw-text-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-text-opacity));
-}
-
-.hover\:text-red-200:hover {
-  --tw-text-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-text-opacity));
-}
-
-.hover\:text-red-300:hover {
-  --tw-text-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-text-opacity));
-}
-
-.hover\:text-red-400:hover {
-  --tw-text-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-text-opacity));
-}
-
-.hover\:text-red-500:hover {
-  --tw-text-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-text-opacity));
-}
-
-.hover\:text-red-600:hover {
-  --tw-text-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-text-opacity));
-}
-
-.hover\:text-red-700:hover {
-  --tw-text-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-text-opacity));
-}
-
-.hover\:text-red-800:hover {
-  --tw-text-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-text-opacity));
-}
-
-.hover\:text-red-900:hover {
-  --tw-text-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-text-opacity));
-}
-
-.hover\:text-green-50:hover {
-  --tw-text-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-text-opacity));
-}
-
-.hover\:text-green-100:hover {
-  --tw-text-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-text-opacity));
-}
-
-.hover\:text-green-200:hover {
-  --tw-text-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-text-opacity));
-}
-
-.hover\:text-green-300:hover {
-  --tw-text-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-text-opacity));
-}
-
-.hover\:text-green-400:hover {
-  --tw-text-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-text-opacity));
-}
-
-.hover\:text-green-500:hover {
-  --tw-text-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-text-opacity));
-}
-
-.hover\:text-green-600:hover {
-  --tw-text-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-text-opacity));
-}
-
-.hover\:text-green-700:hover {
-  --tw-text-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-text-opacity));
-}
-
-.hover\:text-green-800:hover {
-  --tw-text-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-text-opacity));
-}
-
-.hover\:text-green-900:hover {
-  --tw-text-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-text-opacity));
-}
-
-.hover\:text-blue-50:hover {
-  --tw-text-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-text-opacity));
-}
-
-.hover\:text-blue-100:hover {
-  --tw-text-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-text-opacity));
-}
-
-.hover\:text-blue-200:hover {
-  --tw-text-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-text-opacity));
-}
-
-.hover\:text-blue-300:hover {
-  --tw-text-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-text-opacity));
-}
-
-.hover\:text-blue-400:hover {
-  --tw-text-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-text-opacity));
-}
-
-.hover\:text-blue-500:hover {
-  --tw-text-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-text-opacity));
-}
-
-.hover\:text-blue-600:hover {
-  --tw-text-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-text-opacity));
-}
-
-.hover\:text-blue-700:hover {
-  --tw-text-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-text-opacity));
-}
-
-.hover\:text-blue-800:hover {
-  --tw-text-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-text-opacity));
-}
-
-.hover\:text-blue-900:hover {
-  --tw-text-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-text-opacity));
-}
-
-.hover\:text-gray-50:hover {
-  --tw-text-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-text-opacity));
-}
-
-.hover\:text-gray-100:hover {
-  --tw-text-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-text-opacity));
-}
-
-.hover\:text-gray-200:hover {
-  --tw-text-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-text-opacity));
-}
-
-.hover\:text-gray-300:hover {
-  --tw-text-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-text-opacity));
-}
-
-.hover\:text-gray-400:hover {
-  --tw-text-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-text-opacity));
-}
-
-.hover\:text-gray-500:hover {
-  --tw-text-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-text-opacity));
-}
-
-.hover\:text-gray-600:hover {
-  --tw-text-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-text-opacity));
-}
-
-.hover\:text-gray-700:hover {
-  --tw-text-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-text-opacity));
-}
-
-.hover\:text-gray-800:hover {
-  --tw-text-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-text-opacity));
-}
-
-.hover\:text-gray-900:hover {
-  --tw-text-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-text-opacity));
-}
-
-.hover\:text-body:hover {
-  --tw-text-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-text-opacity));
-}
-
-.focus\:text-current:focus {
-  color: currentColor;
-}
-
-.focus\:text-transparent:focus {
-  color: transparent;
-}
-
-.focus\:text-black:focus {
-  --tw-text-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-text-opacity));
-}
-
-.focus\:text-white:focus {
-  --tw-text-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-text-opacity));
-}
-
-.focus\:text-darkCoolGray-50:focus {
-  --tw-text-opacity: 1;
-  color: rgba(245, 246, 247, var(--tw-text-opacity));
-}
-
-.focus\:text-darkCoolGray-100:focus {
-  --tw-text-opacity: 1;
-  color: rgba(235, 237, 239, var(--tw-text-opacity));
-}
-
-.focus\:text-darkCoolGray-200:focus {
-  --tw-text-opacity: 1;
-  color: rgba(206, 209, 214, var(--tw-text-opacity));
-}
-
-.focus\:text-darkCoolGray-300:focus {
-  --tw-text-opacity: 1;
-  color: rgba(176, 181, 189, var(--tw-text-opacity));
-}
-
-.focus\:text-darkCoolGray-400:focus {
-  --tw-text-opacity: 1;
-  color: rgba(117, 126, 140, var(--tw-text-opacity));
-}
-
-.focus\:text-darkCoolGray-500:focus {
-  --tw-text-opacity: 1;
-  color: rgba(58, 71, 91, var(--tw-text-opacity));
-}
-
-.focus\:text-darkCoolGray-600:focus {
-  --tw-text-opacity: 1;
-  color: rgba(52, 64, 82, var(--tw-text-opacity));
-}
-
-.focus\:text-darkCoolGray-700:focus {
-  --tw-text-opacity: 1;
-  color: rgba(44, 53, 68, var(--tw-text-opacity));
-}
-
-.focus\:text-darkCoolGray-800:focus {
-  --tw-text-opacity: 1;
-  color: rgba(35, 43, 55, var(--tw-text-opacity));
-}
-
-.focus\:text-darkCoolGray-900:focus {
-  --tw-text-opacity: 1;
-  color: rgba(28, 35, 45, var(--tw-text-opacity));
-}
-
-.focus\:text-coolGray-50:focus {
-  --tw-text-opacity: 1;
-  color: rgba(247, 248, 249, var(--tw-text-opacity));
-}
-
-.focus\:text-coolGray-100:focus {
-  --tw-text-opacity: 1;
-  color: rgba(238, 240, 243, var(--tw-text-opacity));
-}
-
-.focus\:text-coolGray-200:focus {
-  --tw-text-opacity: 1;
-  color: rgba(213, 218, 225, var(--tw-text-opacity));
-}
-
-.focus\:text-coolGray-300:focus {
-  --tw-text-opacity: 1;
-  color: rgba(187, 195, 207, var(--tw-text-opacity));
-}
-
-.focus\:text-coolGray-400:focus {
-  --tw-text-opacity: 1;
-  color: rgba(136, 150, 171, var(--tw-text-opacity));
-}
-
-.focus\:text-coolGray-500:focus {
-  --tw-text-opacity: 1;
-  color: rgba(85, 105, 135, var(--tw-text-opacity));
-}
-
-.focus\:text-coolGray-600:focus {
-  --tw-text-opacity: 1;
-  color: rgba(77, 95, 122, var(--tw-text-opacity));
-}
-
-.focus\:text-coolGray-700:focus {
-  --tw-text-opacity: 1;
-  color: rgba(64, 79, 101, var(--tw-text-opacity));
-}
-
-.focus\:text-coolGray-800:focus {
-  --tw-text-opacity: 1;
-  color: rgba(51, 63, 81, var(--tw-text-opacity));
-}
-
-.focus\:text-coolGray-900:focus {
-  --tw-text-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-text-opacity));
-}
-
-.focus\:text-indigo-50:focus {
-  --tw-text-opacity: 1;
-  color: rgba(248, 246, 255, var(--tw-text-opacity));
-}
-
-.focus\:text-indigo-100:focus {
-  --tw-text-opacity: 1;
-  color: rgba(240, 238, 255, var(--tw-text-opacity));
-}
-
-.focus\:text-indigo-200:focus {
-  --tw-text-opacity: 1;
-  color: rgba(218, 212, 255, var(--tw-text-opacity));
-}
-
-.focus\:text-indigo-300:focus {
-  --tw-text-opacity: 1;
-  color: rgba(195, 185, 255, var(--tw-text-opacity));
-}
-
-.focus\:text-indigo-400:focus {
-  --tw-text-opacity: 1;
-  color: rgba(150, 133, 255, var(--tw-text-opacity));
-}
-
-.focus\:text-indigo-500:focus {
-  --tw-text-opacity: 1;
-  color: rgba(105, 81, 255, var(--tw-text-opacity));
-}
-
-.focus\:text-indigo-600:focus {
-  --tw-text-opacity: 1;
-  color: rgba(95, 73, 230, var(--tw-text-opacity));
-}
-
-.focus\:text-indigo-700:focus {
-  --tw-text-opacity: 1;
-  color: rgba(79, 61, 191, var(--tw-text-opacity));
-}
-
-.focus\:text-indigo-800:focus {
-  --tw-text-opacity: 1;
-  color: rgba(63, 49, 153, var(--tw-text-opacity));
-}
-
-.focus\:text-indigo-900:focus {
-  --tw-text-opacity: 1;
-  color: rgba(51, 40, 125, var(--tw-text-opacity));
-}
-
-.focus\:text-violet-50:focus {
-  --tw-text-opacity: 1;
-  color: rgba(251, 247, 255, var(--tw-text-opacity));
-}
-
-.focus\:text-violet-100:focus {
-  --tw-text-opacity: 1;
-  color: rgba(246, 238, 254, var(--tw-text-opacity));
-}
-
-.focus\:text-violet-200:focus {
-  --tw-text-opacity: 1;
-  color: rgba(233, 213, 253, var(--tw-text-opacity));
-}
-
-.focus\:text-violet-300:focus {
-  --tw-text-opacity: 1;
-  color: rgba(220, 187, 252, var(--tw-text-opacity));
-}
-
-.focus\:text-violet-400:focus {
-  --tw-text-opacity: 1;
-  color: rgba(194, 136, 249, var(--tw-text-opacity));
-}
-
-.focus\:text-violet-500:focus {
-  --tw-text-opacity: 1;
-  color: rgba(168, 85, 247, var(--tw-text-opacity));
-}
-
-.focus\:text-violet-600:focus {
-  --tw-text-opacity: 1;
-  color: rgba(151, 77, 222, var(--tw-text-opacity));
-}
-
-.focus\:text-violet-700:focus {
-  --tw-text-opacity: 1;
-  color: rgba(126, 64, 185, var(--tw-text-opacity));
-}
-
-.focus\:text-violet-800:focus {
-  --tw-text-opacity: 1;
-  color: rgba(101, 51, 148, var(--tw-text-opacity));
-}
-
-.focus\:text-violet-900:focus {
-  --tw-text-opacity: 1;
-  color: rgba(82, 42, 121, var(--tw-text-opacity));
-}
-
-.focus\:text-yellow-50:focus {
-  --tw-text-opacity: 1;
-  color: rgba(255, 250, 243, var(--tw-text-opacity));
-}
-
-.focus\:text-yellow-100:focus {
-  --tw-text-opacity: 1;
-  color: rgba(254, 245, 231, var(--tw-text-opacity));
-}
-
-.focus\:text-yellow-200:focus {
-  --tw-text-opacity: 1;
-  color: rgba(253, 231, 194, var(--tw-text-opacity));
-}
-
-.focus\:text-yellow-300:focus {
-  --tw-text-opacity: 1;
-  color: rgba(251, 216, 157, var(--tw-text-opacity));
-}
-
-.focus\:text-yellow-400:focus {
-  --tw-text-opacity: 1;
-  color: rgba(248, 187, 84, var(--tw-text-opacity));
-}
-
-.focus\:text-yellow-500:focus {
-  --tw-text-opacity: 1;
-  color: rgba(245, 158, 11, var(--tw-text-opacity));
-}
-
-.focus\:text-yellow-600:focus {
-  --tw-text-opacity: 1;
-  color: rgba(221, 142, 10, var(--tw-text-opacity));
-}
-
-.focus\:text-yellow-700:focus {
-  --tw-text-opacity: 1;
-  color: rgba(184, 119, 8, var(--tw-text-opacity));
-}
-
-.focus\:text-yellow-800:focus {
-  --tw-text-opacity: 1;
-  color: rgba(147, 95, 7, var(--tw-text-opacity));
-}
-
-.focus\:text-yellow-900:focus {
-  --tw-text-opacity: 1;
-  color: rgba(120, 77, 5, var(--tw-text-opacity));
-}
-
-.focus\:text-red-50:focus {
-  --tw-text-opacity: 1;
-  color: rgba(254, 247, 246, var(--tw-text-opacity));
-}
-
-.focus\:text-red-100:focus {
-  --tw-text-opacity: 1;
-  color: rgba(253, 238, 236, var(--tw-text-opacity));
-}
-
-.focus\:text-red-200:focus {
-  --tw-text-opacity: 1;
-  color: rgba(251, 214, 208, var(--tw-text-opacity));
-}
-
-.focus\:text-red-300:focus {
-  --tw-text-opacity: 1;
-  color: rgba(249, 189, 180, var(--tw-text-opacity));
-}
-
-.focus\:text-red-400:focus {
-  --tw-text-opacity: 1;
-  color: rgba(244, 139, 124, var(--tw-text-opacity));
-}
-
-.focus\:text-red-500:focus {
-  --tw-text-opacity: 1;
-  color: rgba(239, 88, 68, var(--tw-text-opacity));
-}
-
-.focus\:text-red-600:focus {
-  --tw-text-opacity: 1;
-  color: rgba(215, 80, 61, var(--tw-text-opacity));
-}
-
-.focus\:text-red-700:focus {
-  --tw-text-opacity: 1;
-  color: rgba(179, 67, 51, var(--tw-text-opacity));
-}
-
-.focus\:text-red-800:focus {
-  --tw-text-opacity: 1;
-  color: rgba(143, 53, 41, var(--tw-text-opacity));
-}
-
-.focus\:text-red-900:focus {
-  --tw-text-opacity: 1;
-  color: rgba(117, 44, 33, var(--tw-text-opacity));
-}
-
-.focus\:text-green-50:focus {
-  --tw-text-opacity: 1;
-  color: rgba(244, 253, 247, var(--tw-text-opacity));
-}
-
-.focus\:text-green-100:focus {
-  --tw-text-opacity: 1;
-  color: rgba(234, 250, 240, var(--tw-text-opacity));
-}
-
-.focus\:text-green-200:focus {
-  --tw-text-opacity: 1;
-  color: rgba(202, 244, 217, var(--tw-text-opacity));
-}
-
-.focus\:text-green-300:focus {
-  --tw-text-opacity: 1;
-  color: rgba(170, 237, 195, var(--tw-text-opacity));
-}
-
-.focus\:text-green-400:focus {
-  --tw-text-opacity: 1;
-  color: rgba(106, 223, 149, var(--tw-text-opacity));
-}
-
-.focus\:text-green-500:focus {
-  --tw-text-opacity: 1;
-  color: rgba(42, 209, 103, var(--tw-text-opacity));
-}
-
-.focus\:text-green-600:focus {
-  --tw-text-opacity: 1;
-  color: rgba(38, 188, 94, var(--tw-text-opacity));
-}
-
-.focus\:text-green-700:focus {
-  --tw-text-opacity: 1;
-  color: rgba(32, 157, 78, var(--tw-text-opacity));
-}
-
-.focus\:text-green-800:focus {
-  --tw-text-opacity: 1;
-  color: rgba(25, 125, 62, var(--tw-text-opacity));
-}
-
-.focus\:text-green-900:focus {
-  --tw-text-opacity: 1;
-  color: rgba(21, 102, 51, var(--tw-text-opacity));
-}
-
-.focus\:text-blue-50:focus {
-  --tw-text-opacity: 1;
-  color: rgba(245, 249, 255, var(--tw-text-opacity));
-}
-
-.focus\:text-blue-100:focus {
-  --tw-text-opacity: 1;
-  color: rgba(235, 243, 254, var(--tw-text-opacity));
-}
-
-.focus\:text-blue-200:focus {
-  --tw-text-opacity: 1;
-  color: rgba(206, 224, 253, var(--tw-text-opacity));
-}
-
-.focus\:text-blue-300:focus {
-  --tw-text-opacity: 1;
-  color: rgba(177, 205, 251, var(--tw-text-opacity));
-}
-
-.focus\:text-blue-400:focus {
-  --tw-text-opacity: 1;
-  color: rgba(118, 168, 249, var(--tw-text-opacity));
-}
-
-.focus\:text-blue-500:focus {
-  --tw-text-opacity: 1;
-  color: rgba(59, 130, 246, var(--tw-text-opacity));
-}
-
-.focus\:text-blue-600:focus {
-  --tw-text-opacity: 1;
-  color: rgba(53, 117, 221, var(--tw-text-opacity));
-}
-
-.focus\:text-blue-700:focus {
-  --tw-text-opacity: 1;
-  color: rgba(44, 98, 185, var(--tw-text-opacity));
-}
-
-.focus\:text-blue-800:focus {
-  --tw-text-opacity: 1;
-  color: rgba(35, 78, 148, var(--tw-text-opacity));
-}
-
-.focus\:text-blue-900:focus {
-  --tw-text-opacity: 1;
-  color: rgba(29, 64, 121, var(--tw-text-opacity));
-}
-
-.focus\:text-gray-50:focus {
-  --tw-text-opacity: 1;
-  color: rgba(249, 250, 251, var(--tw-text-opacity));
-}
-
-.focus\:text-gray-100:focus {
-  --tw-text-opacity: 1;
-  color: rgba(243, 244, 246, var(--tw-text-opacity));
-}
-
-.focus\:text-gray-200:focus {
-  --tw-text-opacity: 1;
-  color: rgba(229, 231, 235, var(--tw-text-opacity));
-}
-
-.focus\:text-gray-300:focus {
-  --tw-text-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-text-opacity));
-}
-
-.focus\:text-gray-400:focus {
-  --tw-text-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-text-opacity));
-}
-
-.focus\:text-gray-500:focus {
-  --tw-text-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-text-opacity));
-}
-
-.focus\:text-gray-600:focus {
-  --tw-text-opacity: 1;
-  color: rgba(75, 85, 99, var(--tw-text-opacity));
-}
-
-.focus\:text-gray-700:focus {
-  --tw-text-opacity: 1;
-  color: rgba(55, 65, 81, var(--tw-text-opacity));
-}
-
-.focus\:text-gray-800:focus {
-  --tw-text-opacity: 1;
-  color: rgba(31, 41, 55, var(--tw-text-opacity));
-}
-
-.focus\:text-gray-900:focus {
-  --tw-text-opacity: 1;
-  color: rgba(17, 24, 39, var(--tw-text-opacity));
-}
-
-.focus\:text-body:focus {
-  --tw-text-opacity: 1;
-  color: rgba(42, 51, 66, var(--tw-text-opacity));
-}
-
-.text-opacity-0 {
-  --tw-text-opacity: 0;
-}
-
-.text-opacity-5 {
-  --tw-text-opacity: 0.05;
-}
-
-.text-opacity-10 {
-  --tw-text-opacity: 0.1;
-}
-
-.text-opacity-20 {
-  --tw-text-opacity: 0.2;
-}
-
-.text-opacity-25 {
-  --tw-text-opacity: 0.25;
-}
-
-.text-opacity-30 {
-  --tw-text-opacity: 0.3;
-}
-
-.text-opacity-40 {
-  --tw-text-opacity: 0.4;
-}
-
-.text-opacity-50 {
-  --tw-text-opacity: 0.5;
-}
-
-.text-opacity-60 {
-  --tw-text-opacity: 0.6;
-}
-
-.text-opacity-70 {
-  --tw-text-opacity: 0.7;
-}
-
-.text-opacity-75 {
-  --tw-text-opacity: 0.75;
-}
-
-.text-opacity-80 {
-  --tw-text-opacity: 0.8;
-}
-
-.text-opacity-90 {
-  --tw-text-opacity: 0.9;
-}
-
-.text-opacity-95 {
-  --tw-text-opacity: 0.95;
-}
-
-.text-opacity-100 {
-  --tw-text-opacity: 1;
-}
-
-.group:hover .group-hover\:text-opacity-0 {
-  --tw-text-opacity: 0;
-}
-
-.group:hover .group-hover\:text-opacity-5 {
-  --tw-text-opacity: 0.05;
-}
-
-.group:hover .group-hover\:text-opacity-10 {
-  --tw-text-opacity: 0.1;
-}
-
-.group:hover .group-hover\:text-opacity-20 {
-  --tw-text-opacity: 0.2;
-}
-
-.group:hover .group-hover\:text-opacity-25 {
-  --tw-text-opacity: 0.25;
-}
-
-.group:hover .group-hover\:text-opacity-30 {
-  --tw-text-opacity: 0.3;
-}
-
-.group:hover .group-hover\:text-opacity-40 {
-  --tw-text-opacity: 0.4;
-}
-
-.group:hover .group-hover\:text-opacity-50 {
-  --tw-text-opacity: 0.5;
-}
-
-.group:hover .group-hover\:text-opacity-60 {
-  --tw-text-opacity: 0.6;
-}
-
-.group:hover .group-hover\:text-opacity-70 {
-  --tw-text-opacity: 0.7;
-}
-
-.group:hover .group-hover\:text-opacity-75 {
-  --tw-text-opacity: 0.75;
-}
-
-.group:hover .group-hover\:text-opacity-80 {
-  --tw-text-opacity: 0.8;
-}
-
-.group:hover .group-hover\:text-opacity-90 {
-  --tw-text-opacity: 0.9;
-}
-
-.group:hover .group-hover\:text-opacity-95 {
-  --tw-text-opacity: 0.95;
-}
-
-.group:hover .group-hover\:text-opacity-100 {
-  --tw-text-opacity: 1;
-}
-
-.focus-within\:text-opacity-0:focus-within {
-  --tw-text-opacity: 0;
-}
-
-.focus-within\:text-opacity-5:focus-within {
-  --tw-text-opacity: 0.05;
-}
-
-.focus-within\:text-opacity-10:focus-within {
-  --tw-text-opacity: 0.1;
-}
-
-.focus-within\:text-opacity-20:focus-within {
-  --tw-text-opacity: 0.2;
-}
-
-.focus-within\:text-opacity-25:focus-within {
-  --tw-text-opacity: 0.25;
-}
-
-.focus-within\:text-opacity-30:focus-within {
-  --tw-text-opacity: 0.3;
-}
-
-.focus-within\:text-opacity-40:focus-within {
-  --tw-text-opacity: 0.4;
-}
-
-.focus-within\:text-opacity-50:focus-within {
-  --tw-text-opacity: 0.5;
-}
-
-.focus-within\:text-opacity-60:focus-within {
-  --tw-text-opacity: 0.6;
-}
-
-.focus-within\:text-opacity-70:focus-within {
-  --tw-text-opacity: 0.7;
-}
-
-.focus-within\:text-opacity-75:focus-within {
-  --tw-text-opacity: 0.75;
-}
-
-.focus-within\:text-opacity-80:focus-within {
-  --tw-text-opacity: 0.8;
-}
-
-.focus-within\:text-opacity-90:focus-within {
-  --tw-text-opacity: 0.9;
-}
-
-.focus-within\:text-opacity-95:focus-within {
-  --tw-text-opacity: 0.95;
-}
-
-.focus-within\:text-opacity-100:focus-within {
-  --tw-text-opacity: 1;
-}
-
-.hover\:text-opacity-0:hover {
-  --tw-text-opacity: 0;
-}
-
-.hover\:text-opacity-5:hover {
-  --tw-text-opacity: 0.05;
-}
-
-.hover\:text-opacity-10:hover {
-  --tw-text-opacity: 0.1;
-}
-
-.hover\:text-opacity-20:hover {
-  --tw-text-opacity: 0.2;
-}
-
-.hover\:text-opacity-25:hover {
-  --tw-text-opacity: 0.25;
-}
-
-.hover\:text-opacity-30:hover {
-  --tw-text-opacity: 0.3;
-}
-
-.hover\:text-opacity-40:hover {
-  --tw-text-opacity: 0.4;
-}
-
-.hover\:text-opacity-50:hover {
-  --tw-text-opacity: 0.5;
-}
-
-.hover\:text-opacity-60:hover {
-  --tw-text-opacity: 0.6;
-}
-
-.hover\:text-opacity-70:hover {
-  --tw-text-opacity: 0.7;
-}
-
-.hover\:text-opacity-75:hover {
-  --tw-text-opacity: 0.75;
-}
-
-.hover\:text-opacity-80:hover {
-  --tw-text-opacity: 0.8;
-}
-
-.hover\:text-opacity-90:hover {
-  --tw-text-opacity: 0.9;
-}
-
-.hover\:text-opacity-95:hover {
-  --tw-text-opacity: 0.95;
-}
-
-.hover\:text-opacity-100:hover {
-  --tw-text-opacity: 1;
-}
-
-.focus\:text-opacity-0:focus {
-  --tw-text-opacity: 0;
-}
-
-.focus\:text-opacity-5:focus {
-  --tw-text-opacity: 0.05;
-}
-
-.focus\:text-opacity-10:focus {
-  --tw-text-opacity: 0.1;
-}
-
-.focus\:text-opacity-20:focus {
-  --tw-text-opacity: 0.2;
-}
-
-.focus\:text-opacity-25:focus {
-  --tw-text-opacity: 0.25;
-}
-
-.focus\:text-opacity-30:focus {
-  --tw-text-opacity: 0.3;
-}
-
-.focus\:text-opacity-40:focus {
-  --tw-text-opacity: 0.4;
-}
-
-.focus\:text-opacity-50:focus {
-  --tw-text-opacity: 0.5;
-}
-
-.focus\:text-opacity-60:focus {
-  --tw-text-opacity: 0.6;
-}
-
-.focus\:text-opacity-70:focus {
-  --tw-text-opacity: 0.7;
-}
-
-.focus\:text-opacity-75:focus {
-  --tw-text-opacity: 0.75;
-}
-
-.focus\:text-opacity-80:focus {
-  --tw-text-opacity: 0.8;
-}
-
-.focus\:text-opacity-90:focus {
-  --tw-text-opacity: 0.9;
-}
-
-.focus\:text-opacity-95:focus {
-  --tw-text-opacity: 0.95;
-}
-
-.focus\:text-opacity-100:focus {
-  --tw-text-opacity: 1;
-}
-
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.overflow-ellipsis {
-  text-overflow: ellipsis;
-}
-
-.overflow-clip {
-  text-overflow: clip;
-}
-
-.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;
-}
-
-.focus-within\:underline:focus-within {
-  text-decoration: underline;
-}
-
-.focus-within\:line-through:focus-within {
-  text-decoration: line-through;
-}
-
-.focus-within\:no-underline:focus-within {
-  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 {
-  --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
-  --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
-  --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
-  --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
-  --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
-  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
-}
-
-.normal-nums {
-  font-variant-numeric: normal;
-}
-
-.ordinal {
-  --tw-ordinal: ordinal;
-}
-
-.slashed-zero {
-  --tw-slashed-zero: slashed-zero;
-}
-
-.lining-nums {
-  --tw-numeric-figure: lining-nums;
-}
-
-.oldstyle-nums {
-  --tw-numeric-figure: oldstyle-nums;
-}
-
-.proportional-nums {
-  --tw-numeric-spacing: proportional-nums;
-}
-
-.tabular-nums {
-  --tw-numeric-spacing: tabular-nums;
-}
-
-.diagonal-fractions {
-  --tw-numeric-fraction: diagonal-fractions;
-}
-
-.stacked-fractions {
-  --tw-numeric-fraction: stacked-fractions;
-}
-
-.tracking-tighter {
-  letter-spacing: -0.02em;
-}
-
-.tracking-tight {
-  letter-spacing: -1px;
-}
-
-.tracking-normal {
-  letter-spacing: 0em;
-}
-
-.tracking-wide {
-  letter-spacing: 0.03em;
-}
-
-.tracking-wider {
-  letter-spacing: 0.08em;
-}
-
-.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-nowrap {
-  white-space: nowrap;
-}
-
-.whitespace-pre {
-  white-space: pre;
-}
-
-.whitespace-pre-line {
-  white-space: pre-line;
-}
-
-.whitespace-pre-wrap {
-  white-space: pre-wrap;
-}
-
-.break-normal {
-  overflow-wrap: normal;
-  word-break: normal;
-}
-
-.break-words {
-  overflow-wrap: break-word;
-}
-
-.break-all {
-  word-break: break-all;
-}
-
-.w-0 {
-  width: 0px;
-}
-
-.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-14 {
-  width: 3.5rem;
-}
-
-.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;
-}
-
-.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 {
-  gap: 0px;
-}
-
-.gap-1 {
-  gap: 0.25rem;
-}
-
-.gap-2 {
-  gap: 0.5rem;
-}
-
-.gap-3 {
-  gap: 0.75rem;
-}
-
-.gap-4 {
-  gap: 1rem;
-}
-
-.gap-5 {
-  gap: 1.25rem;
-}
-
-.gap-6 {
-  gap: 1.5rem;
-}
-
-.gap-7 {
-  gap: 1.75rem;
-}
-
-.gap-8 {
-  gap: 2rem;
-}
-
-.gap-9 {
-  gap: 2.25rem;
-}
-
-.gap-10 {
-  gap: 2.5rem;
-}
-
-.gap-11 {
-  gap: 2.75rem;
-}
-
-.gap-12 {
-  gap: 3rem;
-}
-
-.gap-14 {
-  gap: 3.5rem;
-}
-
-.gap-16 {
-  gap: 4rem;
-}
-
-.gap-20 {
-  gap: 5rem;
-}
-
-.gap-24 {
-  gap: 6rem;
-}
-
-.gap-28 {
-  gap: 7rem;
-}
-
-.gap-32 {
-  gap: 8rem;
-}
-
-.gap-36 {
-  gap: 9rem;
-}
-
-.gap-40 {
-  gap: 10rem;
-}
-
-.gap-44 {
-  gap: 11rem;
-}
-
-.gap-48 {
-  gap: 12rem;
-}
-
-.gap-52 {
-  gap: 13rem;
-}
-
-.gap-56 {
-  gap: 14rem;
-}
-
-.gap-60 {
-  gap: 15rem;
-}
-
-.gap-64 {
-  gap: 16rem;
-}
-
-.gap-72 {
-  gap: 18rem;
-}
-
-.gap-80 {
-  gap: 20rem;
-}
-
-.gap-96 {
-  gap: 24rem;
-}
-
-.gap-px {
-  gap: 1px;
-}
-
-.gap-0\.5 {
-  gap: 0.125rem;
-}
-
-.gap-1\.5 {
-  gap: 0.375rem;
-}
-
-.gap-2\.5 {
-  gap: 0.625rem;
-}
-
-.gap-3\.5 {
-  gap: 0.875rem;
-}
-
-.gap-x-0 {
-  -moz-column-gap: 0px;
-       column-gap: 0px;
-}
-
-.gap-x-1 {
-  -moz-column-gap: 0.25rem;
-       column-gap: 0.25rem;
-}
-
-.gap-x-2 {
-  -moz-column-gap: 0.5rem;
-       column-gap: 0.5rem;
-}
-
-.gap-x-3 {
-  -moz-column-gap: 0.75rem;
-       column-gap: 0.75rem;
-}
-
-.gap-x-4 {
-  -moz-column-gap: 1rem;
-       column-gap: 1rem;
-}
-
-.gap-x-5 {
-  -moz-column-gap: 1.25rem;
-       column-gap: 1.25rem;
-}
-
-.gap-x-6 {
-  -moz-column-gap: 1.5rem;
-       column-gap: 1.5rem;
-}
-
-.gap-x-7 {
-  -moz-column-gap: 1.75rem;
-       column-gap: 1.75rem;
-}
-
-.gap-x-8 {
-  -moz-column-gap: 2rem;
-       column-gap: 2rem;
-}
-
-.gap-x-9 {
-  -moz-column-gap: 2.25rem;
-       column-gap: 2.25rem;
-}
-
-.gap-x-10 {
-  -moz-column-gap: 2.5rem;
-       column-gap: 2.5rem;
-}
-
-.gap-x-11 {
-  -moz-column-gap: 2.75rem;
-       column-gap: 2.75rem;
-}
-
-.gap-x-12 {
-  -moz-column-gap: 3rem;
-       column-gap: 3rem;
-}
-
-.gap-x-14 {
-  -moz-column-gap: 3.5rem;
-       column-gap: 3.5rem;
-}
-
-.gap-x-16 {
-  -moz-column-gap: 4rem;
-       column-gap: 4rem;
-}
-
-.gap-x-20 {
-  -moz-column-gap: 5rem;
-       column-gap: 5rem;
-}
-
-.gap-x-24 {
-  -moz-column-gap: 6rem;
-       column-gap: 6rem;
-}
-
-.gap-x-28 {
-  -moz-column-gap: 7rem;
-       column-gap: 7rem;
-}
-
-.gap-x-32 {
-  -moz-column-gap: 8rem;
-       column-gap: 8rem;
-}
-
-.gap-x-36 {
-  -moz-column-gap: 9rem;
-       column-gap: 9rem;
-}
-
-.gap-x-40 {
-  -moz-column-gap: 10rem;
-       column-gap: 10rem;
-}
-
-.gap-x-44 {
-  -moz-column-gap: 11rem;
-       column-gap: 11rem;
-}
-
-.gap-x-48 {
-  -moz-column-gap: 12rem;
-       column-gap: 12rem;
-}
-
-.gap-x-52 {
-  -moz-column-gap: 13rem;
-       column-gap: 13rem;
-}
-
-.gap-x-56 {
-  -moz-column-gap: 14rem;
-       column-gap: 14rem;
-}
-
-.gap-x-60 {
-  -moz-column-gap: 15rem;
-       column-gap: 15rem;
-}
-
-.gap-x-64 {
-  -moz-column-gap: 16rem;
-       column-gap: 16rem;
-}
-
-.gap-x-72 {
-  -moz-column-gap: 18rem;
-       column-gap: 18rem;
-}
-
-.gap-x-80 {
-  -moz-column-gap: 20rem;
-       column-gap: 20rem;
-}
-
-.gap-x-96 {
-  -moz-column-gap: 24rem;
-       column-gap: 24rem;
-}
-
-.gap-x-px {
-  -moz-column-gap: 1px;
-       column-gap: 1px;
-}
-
-.gap-x-0\.5 {
-  -moz-column-gap: 0.125rem;
-       column-gap: 0.125rem;
-}
-
-.gap-x-1\.5 {
-  -moz-column-gap: 0.375rem;
-       column-gap: 0.375rem;
-}
-
-.gap-x-2\.5 {
-  -moz-column-gap: 0.625rem;
-       column-gap: 0.625rem;
-}
-
-.gap-x-3\.5 {
-  -moz-column-gap: 0.875rem;
-       column-gap: 0.875rem;
-}
-
-.gap-y-0 {
-  row-gap: 0px;
-}
-
-.gap-y-1 {
-  row-gap: 0.25rem;
-}
-
-.gap-y-2 {
-  row-gap: 0.5rem;
-}
-
-.gap-y-3 {
-  row-gap: 0.75rem;
-}
-
-.gap-y-4 {
-  row-gap: 1rem;
-}
-
-.gap-y-5 {
-  row-gap: 1.25rem;
-}
-
-.gap-y-6 {
-  row-gap: 1.5rem;
-}
-
-.gap-y-7 {
-  row-gap: 1.75rem;
-}
-
-.gap-y-8 {
-  row-gap: 2rem;
-}
-
-.gap-y-9 {
-  row-gap: 2.25rem;
-}
-
-.gap-y-10 {
-  row-gap: 2.5rem;
-}
-
-.gap-y-11 {
-  row-gap: 2.75rem;
-}
-
-.gap-y-12 {
-  row-gap: 3rem;
-}
-
-.gap-y-14 {
-  row-gap: 3.5rem;
-}
-
-.gap-y-16 {
-  row-gap: 4rem;
-}
-
-.gap-y-20 {
-  row-gap: 5rem;
-}
-
-.gap-y-24 {
-  row-gap: 6rem;
-}
-
-.gap-y-28 {
-  row-gap: 7rem;
-}
-
-.gap-y-32 {
-  row-gap: 8rem;
-}
-
-.gap-y-36 {
-  row-gap: 9rem;
-}
-
-.gap-y-40 {
-  row-gap: 10rem;
-}
-
-.gap-y-44 {
-  row-gap: 11rem;
-}
-
-.gap-y-48 {
-  row-gap: 12rem;
-}
-
-.gap-y-52 {
-  row-gap: 13rem;
-}
-
-.gap-y-56 {
-  row-gap: 14rem;
-}
-
-.gap-y-60 {
-  row-gap: 15rem;
-}
-
-.gap-y-64 {
-  row-gap: 16rem;
-}
-
-.gap-y-72 {
-  row-gap: 18rem;
-}
-
-.gap-y-80 {
-  row-gap: 20rem;
-}
-
-.gap-y-96 {
-  row-gap: 24rem;
-}
-
-.gap-y-px {
-  row-gap: 1px;
-}
-
-.gap-y-0\.5 {
-  row-gap: 0.125rem;
-}
-
-.gap-y-1\.5 {
-  row-gap: 0.375rem;
-}
-
-.gap-y-2\.5 {
-  row-gap: 0.625rem;
-}
-
-.gap-y-3\.5 {
-  row-gap: 0.875rem;
-}
-
-.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 {
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.transform-gpu {
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-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 {
-  --tw-scale-x: 0;
-  --tw-scale-y: 0;
-}
-
-.scale-50 {
-  --tw-scale-x: .5;
-  --tw-scale-y: .5;
-}
-
-.scale-75 {
-  --tw-scale-x: .75;
-  --tw-scale-y: .75;
-}
-
-.scale-90 {
-  --tw-scale-x: .9;
-  --tw-scale-y: .9;
-}
-
-.scale-95 {
-  --tw-scale-x: .95;
-  --tw-scale-y: .95;
-}
-
-.scale-100 {
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-}
-
-.scale-105 {
-  --tw-scale-x: 1.05;
-  --tw-scale-y: 1.05;
-}
-
-.scale-110 {
-  --tw-scale-x: 1.1;
-  --tw-scale-y: 1.1;
-}
-
-.scale-125 {
-  --tw-scale-x: 1.25;
-  --tw-scale-y: 1.25;
-}
-
-.scale-150 {
-  --tw-scale-x: 1.5;
-  --tw-scale-y: 1.5;
-}
-
-.scale-x-0 {
-  --tw-scale-x: 0;
-}
-
-.scale-x-50 {
-  --tw-scale-x: .5;
-}
-
-.scale-x-75 {
-  --tw-scale-x: .75;
-}
-
-.scale-x-90 {
-  --tw-scale-x: .9;
-}
-
-.scale-x-95 {
-  --tw-scale-x: .95;
-}
-
-.scale-x-100 {
-  --tw-scale-x: 1;
-}
-
-.scale-x-105 {
-  --tw-scale-x: 1.05;
-}
-
-.scale-x-110 {
-  --tw-scale-x: 1.1;
-}
-
-.scale-x-125 {
-  --tw-scale-x: 1.25;
-}
-
-.scale-x-150 {
-  --tw-scale-x: 1.5;
-}
-
-.scale-y-0 {
-  --tw-scale-y: 0;
-}
-
-.scale-y-50 {
-  --tw-scale-y: .5;
-}
-
-.scale-y-75 {
-  --tw-scale-y: .75;
-}
-
-.scale-y-90 {
-  --tw-scale-y: .9;
-}
-
-.scale-y-95 {
-  --tw-scale-y: .95;
-}
-
-.scale-y-100 {
-  --tw-scale-y: 1;
-}
-
-.scale-y-105 {
-  --tw-scale-y: 1.05;
-}
-
-.scale-y-110 {
-  --tw-scale-y: 1.1;
-}
-
-.scale-y-125 {
-  --tw-scale-y: 1.25;
-}
-
-.scale-y-150 {
-  --tw-scale-y: 1.5;
-}
-
-.hover\:scale-0:hover {
-  --tw-scale-x: 0;
-  --tw-scale-y: 0;
-}
-
-.hover\:scale-50:hover {
-  --tw-scale-x: .5;
-  --tw-scale-y: .5;
-}
-
-.hover\:scale-75:hover {
-  --tw-scale-x: .75;
-  --tw-scale-y: .75;
-}
-
-.hover\:scale-90:hover {
-  --tw-scale-x: .9;
-  --tw-scale-y: .9;
-}
-
-.hover\:scale-95:hover {
-  --tw-scale-x: .95;
-  --tw-scale-y: .95;
-}
-
-.hover\:scale-100:hover {
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-}
-
-.hover\:scale-105:hover {
-  --tw-scale-x: 1.05;
-  --tw-scale-y: 1.05;
-}
-
-.hover\:scale-110:hover {
-  --tw-scale-x: 1.1;
-  --tw-scale-y: 1.1;
-}
-
-.hover\:scale-125:hover {
-  --tw-scale-x: 1.25;
-  --tw-scale-y: 1.25;
-}
-
-.hover\:scale-150:hover {
-  --tw-scale-x: 1.5;
-  --tw-scale-y: 1.5;
-}
-
-.hover\:scale-x-0:hover {
-  --tw-scale-x: 0;
-}
-
-.hover\:scale-x-50:hover {
-  --tw-scale-x: .5;
-}
-
-.hover\:scale-x-75:hover {
-  --tw-scale-x: .75;
-}
-
-.hover\:scale-x-90:hover {
-  --tw-scale-x: .9;
-}
-
-.hover\:scale-x-95:hover {
-  --tw-scale-x: .95;
-}
-
-.hover\:scale-x-100:hover {
-  --tw-scale-x: 1;
-}
-
-.hover\:scale-x-105:hover {
-  --tw-scale-x: 1.05;
-}
-
-.hover\:scale-x-110:hover {
-  --tw-scale-x: 1.1;
-}
-
-.hover\:scale-x-125:hover {
-  --tw-scale-x: 1.25;
-}
-
-.hover\:scale-x-150:hover {
-  --tw-scale-x: 1.5;
-}
-
-.hover\:scale-y-0:hover {
-  --tw-scale-y: 0;
-}
-
-.hover\:scale-y-50:hover {
-  --tw-scale-y: .5;
-}
-
-.hover\:scale-y-75:hover {
-  --tw-scale-y: .75;
-}
-
-.hover\:scale-y-90:hover {
-  --tw-scale-y: .9;
-}
-
-.hover\:scale-y-95:hover {
-  --tw-scale-y: .95;
-}
-
-.hover\:scale-y-100:hover {
-  --tw-scale-y: 1;
-}
-
-.hover\:scale-y-105:hover {
-  --tw-scale-y: 1.05;
-}
-
-.hover\:scale-y-110:hover {
-  --tw-scale-y: 1.1;
-}
-
-.hover\:scale-y-125:hover {
-  --tw-scale-y: 1.25;
-}
-
-.hover\:scale-y-150:hover {
-  --tw-scale-y: 1.5;
-}
-
-.focus\:scale-0:focus {
-  --tw-scale-x: 0;
-  --tw-scale-y: 0;
-}
-
-.focus\:scale-50:focus {
-  --tw-scale-x: .5;
-  --tw-scale-y: .5;
-}
-
-.focus\:scale-75:focus {
-  --tw-scale-x: .75;
-  --tw-scale-y: .75;
-}
-
-.focus\:scale-90:focus {
-  --tw-scale-x: .9;
-  --tw-scale-y: .9;
-}
-
-.focus\:scale-95:focus {
-  --tw-scale-x: .95;
-  --tw-scale-y: .95;
-}
-
-.focus\:scale-100:focus {
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-}
-
-.focus\:scale-105:focus {
-  --tw-scale-x: 1.05;
-  --tw-scale-y: 1.05;
-}
-
-.focus\:scale-110:focus {
-  --tw-scale-x: 1.1;
-  --tw-scale-y: 1.1;
-}
-
-.focus\:scale-125:focus {
-  --tw-scale-x: 1.25;
-  --tw-scale-y: 1.25;
-}
-
-.focus\:scale-150:focus {
-  --tw-scale-x: 1.5;
-  --tw-scale-y: 1.5;
-}
-
-.focus\:scale-x-0:focus {
-  --tw-scale-x: 0;
-}
-
-.focus\:scale-x-50:focus {
-  --tw-scale-x: .5;
-}
-
-.focus\:scale-x-75:focus {
-  --tw-scale-x: .75;
-}
-
-.focus\:scale-x-90:focus {
-  --tw-scale-x: .9;
-}
-
-.focus\:scale-x-95:focus {
-  --tw-scale-x: .95;
-}
-
-.focus\:scale-x-100:focus {
-  --tw-scale-x: 1;
-}
-
-.focus\:scale-x-105:focus {
-  --tw-scale-x: 1.05;
-}
-
-.focus\:scale-x-110:focus {
-  --tw-scale-x: 1.1;
-}
-
-.focus\:scale-x-125:focus {
-  --tw-scale-x: 1.25;
-}
-
-.focus\:scale-x-150:focus {
-  --tw-scale-x: 1.5;
-}
-
-.focus\:scale-y-0:focus {
-  --tw-scale-y: 0;
-}
-
-.focus\:scale-y-50:focus {
-  --tw-scale-y: .5;
-}
-
-.focus\:scale-y-75:focus {
-  --tw-scale-y: .75;
-}
-
-.focus\:scale-y-90:focus {
-  --tw-scale-y: .9;
-}
-
-.focus\:scale-y-95:focus {
-  --tw-scale-y: .95;
-}
-
-.focus\:scale-y-100:focus {
-  --tw-scale-y: 1;
-}
-
-.focus\:scale-y-105:focus {
-  --tw-scale-y: 1.05;
-}
-
-.focus\:scale-y-110:focus {
-  --tw-scale-y: 1.1;
-}
-
-.focus\:scale-y-125:focus {
-  --tw-scale-y: 1.25;
-}
-
-.focus\:scale-y-150:focus {
-  --tw-scale-y: 1.5;
-}
-
-.rotate-0 {
-  --tw-rotate: 0deg;
-}
-
-.rotate-1 {
-  --tw-rotate: 1deg;
-}
-
-.rotate-2 {
-  --tw-rotate: 2deg;
-}
-
-.rotate-3 {
-  --tw-rotate: 3deg;
-}
-
-.rotate-6 {
-  --tw-rotate: 6deg;
-}
-
-.rotate-12 {
-  --tw-rotate: 12deg;
-}
-
-.rotate-45 {
-  --tw-rotate: 45deg;
-}
-
-.rotate-90 {
-  --tw-rotate: 90deg;
-}
-
-.rotate-180 {
-  --tw-rotate: 180deg;
-}
-
-.-rotate-180 {
-  --tw-rotate: -180deg;
-}
-
-.-rotate-90 {
-  --tw-rotate: -90deg;
-}
-
-.-rotate-45 {
-  --tw-rotate: -45deg;
-}
-
-.-rotate-12 {
-  --tw-rotate: -12deg;
-}
-
-.-rotate-6 {
-  --tw-rotate: -6deg;
-}
-
-.-rotate-3 {
-  --tw-rotate: -3deg;
-}
-
-.-rotate-2 {
-  --tw-rotate: -2deg;
-}
-
-.-rotate-1 {
-  --tw-rotate: -1deg;
-}
-
-.hover\:rotate-0:hover {
-  --tw-rotate: 0deg;
-}
-
-.hover\:rotate-1:hover {
-  --tw-rotate: 1deg;
-}
-
-.hover\:rotate-2:hover {
-  --tw-rotate: 2deg;
-}
-
-.hover\:rotate-3:hover {
-  --tw-rotate: 3deg;
-}
-
-.hover\:rotate-6:hover {
-  --tw-rotate: 6deg;
-}
-
-.hover\:rotate-12:hover {
-  --tw-rotate: 12deg;
-}
-
-.hover\:rotate-45:hover {
-  --tw-rotate: 45deg;
-}
-
-.hover\:rotate-90:hover {
-  --tw-rotate: 90deg;
-}
-
-.hover\:rotate-180:hover {
-  --tw-rotate: 180deg;
-}
-
-.hover\:-rotate-180:hover {
-  --tw-rotate: -180deg;
-}
-
-.hover\:-rotate-90:hover {
-  --tw-rotate: -90deg;
-}
-
-.hover\:-rotate-45:hover {
-  --tw-rotate: -45deg;
-}
-
-.hover\:-rotate-12:hover {
-  --tw-rotate: -12deg;
-}
-
-.hover\:-rotate-6:hover {
-  --tw-rotate: -6deg;
-}
-
-.hover\:-rotate-3:hover {
-  --tw-rotate: -3deg;
-}
-
-.hover\:-rotate-2:hover {
-  --tw-rotate: -2deg;
-}
-
-.hover\:-rotate-1:hover {
-  --tw-rotate: -1deg;
-}
-
-.focus\:rotate-0:focus {
-  --tw-rotate: 0deg;
-}
-
-.focus\:rotate-1:focus {
-  --tw-rotate: 1deg;
-}
-
-.focus\:rotate-2:focus {
-  --tw-rotate: 2deg;
-}
-
-.focus\:rotate-3:focus {
-  --tw-rotate: 3deg;
-}
-
-.focus\:rotate-6:focus {
-  --tw-rotate: 6deg;
-}
-
-.focus\:rotate-12:focus {
-  --tw-rotate: 12deg;
-}
-
-.focus\:rotate-45:focus {
-  --tw-rotate: 45deg;
-}
-
-.focus\:rotate-90:focus {
-  --tw-rotate: 90deg;
-}
-
-.focus\:rotate-180:focus {
-  --tw-rotate: 180deg;
-}
-
-.focus\:-rotate-180:focus {
-  --tw-rotate: -180deg;
-}
-
-.focus\:-rotate-90:focus {
-  --tw-rotate: -90deg;
-}
-
-.focus\:-rotate-45:focus {
-  --tw-rotate: -45deg;
-}
-
-.focus\:-rotate-12:focus {
-  --tw-rotate: -12deg;
-}
-
-.focus\:-rotate-6:focus {
-  --tw-rotate: -6deg;
-}
-
-.focus\:-rotate-3:focus {
-  --tw-rotate: -3deg;
-}
-
-.focus\:-rotate-2:focus {
-  --tw-rotate: -2deg;
-}
-
-.focus\:-rotate-1:focus {
-  --tw-rotate: -1deg;
-}
-
-.translate-x-0 {
-  --tw-translate-x: 0px;
-}
-
-.translate-x-1 {
-  --tw-translate-x: 0.25rem;
-}
-
-.translate-x-2 {
-  --tw-translate-x: 0.5rem;
-}
-
-.translate-x-3 {
-  --tw-translate-x: 0.75rem;
-}
-
-.translate-x-4 {
-  --tw-translate-x: 1rem;
-}
-
-.translate-x-5 {
-  --tw-translate-x: 1.25rem;
-}
-
-.translate-x-6 {
-  --tw-translate-x: 1.5rem;
-}
-
-.translate-x-7 {
-  --tw-translate-x: 1.75rem;
-}
-
-.translate-x-8 {
-  --tw-translate-x: 2rem;
-}
-
-.translate-x-9 {
-  --tw-translate-x: 2.25rem;
-}
-
-.translate-x-10 {
-  --tw-translate-x: 2.5rem;
-}
-
-.translate-x-11 {
-  --tw-translate-x: 2.75rem;
-}
-
-.translate-x-12 {
-  --tw-translate-x: 3rem;
-}
-
-.translate-x-14 {
-  --tw-translate-x: 3.5rem;
-}
-
-.translate-x-16 {
-  --tw-translate-x: 4rem;
-}
-
-.translate-x-20 {
-  --tw-translate-x: 5rem;
-}
-
-.translate-x-24 {
-  --tw-translate-x: 6rem;
-}
-
-.translate-x-28 {
-  --tw-translate-x: 7rem;
-}
-
-.translate-x-32 {
-  --tw-translate-x: 8rem;
-}
-
-.translate-x-36 {
-  --tw-translate-x: 9rem;
-}
-
-.translate-x-40 {
-  --tw-translate-x: 10rem;
-}
-
-.translate-x-44 {
-  --tw-translate-x: 11rem;
-}
-
-.translate-x-48 {
-  --tw-translate-x: 12rem;
-}
-
-.translate-x-52 {
-  --tw-translate-x: 13rem;
-}
-
-.translate-x-56 {
-  --tw-translate-x: 14rem;
-}
-
-.translate-x-60 {
-  --tw-translate-x: 15rem;
-}
-
-.translate-x-64 {
-  --tw-translate-x: 16rem;
-}
-
-.translate-x-72 {
-  --tw-translate-x: 18rem;
-}
-
-.translate-x-80 {
-  --tw-translate-x: 20rem;
-}
-
-.translate-x-96 {
-  --tw-translate-x: 24rem;
-}
-
-.translate-x-px {
-  --tw-translate-x: 1px;
-}
-
-.translate-x-0\.5 {
-  --tw-translate-x: 0.125rem;
-}
-
-.translate-x-1\.5 {
-  --tw-translate-x: 0.375rem;
-}
-
-.translate-x-2\.5 {
-  --tw-translate-x: 0.625rem;
-}
-
-.translate-x-3\.5 {
-  --tw-translate-x: 0.875rem;
-}
-
-.-translate-x-0 {
-  --tw-translate-x: 0px;
-}
-
-.-translate-x-1 {
-  --tw-translate-x: -0.25rem;
-}
-
-.-translate-x-2 {
-  --tw-translate-x: -0.5rem;
-}
-
-.-translate-x-3 {
-  --tw-translate-x: -0.75rem;
-}
-
-.-translate-x-4 {
-  --tw-translate-x: -1rem;
-}
-
-.-translate-x-5 {
-  --tw-translate-x: -1.25rem;
-}
-
-.-translate-x-6 {
-  --tw-translate-x: -1.5rem;
-}
-
-.-translate-x-7 {
-  --tw-translate-x: -1.75rem;
-}
-
-.-translate-x-8 {
-  --tw-translate-x: -2rem;
-}
-
-.-translate-x-9 {
-  --tw-translate-x: -2.25rem;
-}
-
-.-translate-x-10 {
-  --tw-translate-x: -2.5rem;
-}
-
-.-translate-x-11 {
-  --tw-translate-x: -2.75rem;
-}
-
-.-translate-x-12 {
-  --tw-translate-x: -3rem;
-}
-
-.-translate-x-14 {
-  --tw-translate-x: -3.5rem;
-}
-
-.-translate-x-16 {
-  --tw-translate-x: -4rem;
-}
-
-.-translate-x-20 {
-  --tw-translate-x: -5rem;
-}
-
-.-translate-x-24 {
-  --tw-translate-x: -6rem;
-}
-
-.-translate-x-28 {
-  --tw-translate-x: -7rem;
-}
-
-.-translate-x-32 {
-  --tw-translate-x: -8rem;
-}
-
-.-translate-x-36 {
-  --tw-translate-x: -9rem;
-}
-
-.-translate-x-40 {
-  --tw-translate-x: -10rem;
-}
-
-.-translate-x-44 {
-  --tw-translate-x: -11rem;
-}
-
-.-translate-x-48 {
-  --tw-translate-x: -12rem;
-}
-
-.-translate-x-52 {
-  --tw-translate-x: -13rem;
-}
-
-.-translate-x-56 {
-  --tw-translate-x: -14rem;
-}
-
-.-translate-x-60 {
-  --tw-translate-x: -15rem;
-}
-
-.-translate-x-64 {
-  --tw-translate-x: -16rem;
-}
-
-.-translate-x-72 {
-  --tw-translate-x: -18rem;
-}
-
-.-translate-x-80 {
-  --tw-translate-x: -20rem;
-}
-
-.-translate-x-96 {
-  --tw-translate-x: -24rem;
-}
-
-.-translate-x-px {
-  --tw-translate-x: -1px;
-}
-
-.-translate-x-0\.5 {
-  --tw-translate-x: -0.125rem;
-}
-
-.-translate-x-1\.5 {
-  --tw-translate-x: -0.375rem;
-}
-
-.-translate-x-2\.5 {
-  --tw-translate-x: -0.625rem;
-}
-
-.-translate-x-3\.5 {
-  --tw-translate-x: -0.875rem;
-}
-
-.translate-x-1\/2 {
-  --tw-translate-x: 50%;
-}
-
-.translate-x-1\/3 {
-  --tw-translate-x: 33.333333%;
-}
-
-.translate-x-2\/3 {
-  --tw-translate-x: 66.666667%;
-}
-
-.translate-x-1\/4 {
-  --tw-translate-x: 25%;
-}
-
-.translate-x-2\/4 {
-  --tw-translate-x: 50%;
-}
-
-.translate-x-3\/4 {
-  --tw-translate-x: 75%;
-}
-
-.translate-x-full {
-  --tw-translate-x: 100%;
-}
-
-.-translate-x-1\/2 {
-  --tw-translate-x: -50%;
-}
-
-.-translate-x-1\/3 {
-  --tw-translate-x: -33.333333%;
-}
-
-.-translate-x-2\/3 {
-  --tw-translate-x: -66.666667%;
-}
-
-.-translate-x-1\/4 {
-  --tw-translate-x: -25%;
-}
-
-.-translate-x-2\/4 {
-  --tw-translate-x: -50%;
-}
-
-.-translate-x-3\/4 {
-  --tw-translate-x: -75%;
-}
-
-.-translate-x-full {
-  --tw-translate-x: -100%;
-}
-
-.translate-y-0 {
-  --tw-translate-y: 0px;
-}
-
-.translate-y-1 {
-  --tw-translate-y: 0.25rem;
-}
-
-.translate-y-2 {
-  --tw-translate-y: 0.5rem;
-}
-
-.translate-y-3 {
-  --tw-translate-y: 0.75rem;
-}
-
-.translate-y-4 {
-  --tw-translate-y: 1rem;
-}
-
-.translate-y-5 {
-  --tw-translate-y: 1.25rem;
-}
-
-.translate-y-6 {
-  --tw-translate-y: 1.5rem;
-}
-
-.translate-y-7 {
-  --tw-translate-y: 1.75rem;
-}
-
-.translate-y-8 {
-  --tw-translate-y: 2rem;
-}
-
-.translate-y-9 {
-  --tw-translate-y: 2.25rem;
-}
-
-.translate-y-10 {
-  --tw-translate-y: 2.5rem;
-}
-
-.translate-y-11 {
-  --tw-translate-y: 2.75rem;
-}
-
-.translate-y-12 {
-  --tw-translate-y: 3rem;
-}
-
-.translate-y-14 {
-  --tw-translate-y: 3.5rem;
-}
-
-.translate-y-16 {
-  --tw-translate-y: 4rem;
-}
-
-.translate-y-20 {
-  --tw-translate-y: 5rem;
-}
-
-.translate-y-24 {
-  --tw-translate-y: 6rem;
-}
-
-.translate-y-28 {
-  --tw-translate-y: 7rem;
-}
-
-.translate-y-32 {
-  --tw-translate-y: 8rem;
-}
-
-.translate-y-36 {
-  --tw-translate-y: 9rem;
-}
-
-.translate-y-40 {
-  --tw-translate-y: 10rem;
-}
-
-.translate-y-44 {
-  --tw-translate-y: 11rem;
-}
-
-.translate-y-48 {
-  --tw-translate-y: 12rem;
-}
-
-.translate-y-52 {
-  --tw-translate-y: 13rem;
-}
-
-.translate-y-56 {
-  --tw-translate-y: 14rem;
-}
-
-.translate-y-60 {
-  --tw-translate-y: 15rem;
-}
-
-.translate-y-64 {
-  --tw-translate-y: 16rem;
-}
-
-.translate-y-72 {
-  --tw-translate-y: 18rem;
-}
-
-.translate-y-80 {
-  --tw-translate-y: 20rem;
-}
-
-.translate-y-96 {
-  --tw-translate-y: 24rem;
-}
-
-.translate-y-px {
-  --tw-translate-y: 1px;
-}
-
-.translate-y-0\.5 {
-  --tw-translate-y: 0.125rem;
-}
-
-.translate-y-1\.5 {
-  --tw-translate-y: 0.375rem;
-}
-
-.translate-y-2\.5 {
-  --tw-translate-y: 0.625rem;
-}
-
-.translate-y-3\.5 {
-  --tw-translate-y: 0.875rem;
-}
-
-.-translate-y-0 {
-  --tw-translate-y: 0px;
-}
-
-.-translate-y-1 {
-  --tw-translate-y: -0.25rem;
-}
-
-.-translate-y-2 {
-  --tw-translate-y: -0.5rem;
-}
-
-.-translate-y-3 {
-  --tw-translate-y: -0.75rem;
-}
-
-.-translate-y-4 {
-  --tw-translate-y: -1rem;
-}
-
-.-translate-y-5 {
-  --tw-translate-y: -1.25rem;
-}
-
-.-translate-y-6 {
-  --tw-translate-y: -1.5rem;
-}
-
-.-translate-y-7 {
-  --tw-translate-y: -1.75rem;
-}
-
-.-translate-y-8 {
-  --tw-translate-y: -2rem;
-}
-
-.-translate-y-9 {
-  --tw-translate-y: -2.25rem;
-}
-
-.-translate-y-10 {
-  --tw-translate-y: -2.5rem;
-}
-
-.-translate-y-11 {
-  --tw-translate-y: -2.75rem;
-}
-
-.-translate-y-12 {
-  --tw-translate-y: -3rem;
-}
-
-.-translate-y-14 {
-  --tw-translate-y: -3.5rem;
-}
-
-.-translate-y-16 {
-  --tw-translate-y: -4rem;
-}
-
-.-translate-y-20 {
-  --tw-translate-y: -5rem;
-}
-
-.-translate-y-24 {
-  --tw-translate-y: -6rem;
-}
-
-.-translate-y-28 {
-  --tw-translate-y: -7rem;
-}
-
-.-translate-y-32 {
-  --tw-translate-y: -8rem;
-}
-
-.-translate-y-36 {
-  --tw-translate-y: -9rem;
-}
-
-.-translate-y-40 {
-  --tw-translate-y: -10rem;
-}
-
-.-translate-y-44 {
-  --tw-translate-y: -11rem;
-}
-
-.-translate-y-48 {
-  --tw-translate-y: -12rem;
-}
-
-.-translate-y-52 {
-  --tw-translate-y: -13rem;
-}
-
-.-translate-y-56 {
-  --tw-translate-y: -14rem;
-}
-
-.-translate-y-60 {
-  --tw-translate-y: -15rem;
-}
-
-.-translate-y-64 {
-  --tw-translate-y: -16rem;
-}
-
-.-translate-y-72 {
-  --tw-translate-y: -18rem;
-}
-
-.-translate-y-80 {
-  --tw-translate-y: -20rem;
-}
-
-.-translate-y-96 {
-  --tw-translate-y: -24rem;
-}
-
-.-translate-y-px {
-  --tw-translate-y: -1px;
-}
-
-.-translate-y-0\.5 {
-  --tw-translate-y: -0.125rem;
-}
-
-.-translate-y-1\.5 {
-  --tw-translate-y: -0.375rem;
-}
-
-.-translate-y-2\.5 {
-  --tw-translate-y: -0.625rem;
-}
-
-.-translate-y-3\.5 {
-  --tw-translate-y: -0.875rem;
-}
-
-.translate-y-1\/2 {
-  --tw-translate-y: 50%;
-}
-
-.translate-y-1\/3 {
-  --tw-translate-y: 33.333333%;
-}
-
-.translate-y-2\/3 {
-  --tw-translate-y: 66.666667%;
-}
-
-.translate-y-1\/4 {
-  --tw-translate-y: 25%;
-}
-
-.translate-y-2\/4 {
-  --tw-translate-y: 50%;
-}
-
-.translate-y-3\/4 {
-  --tw-translate-y: 75%;
-}
-
-.translate-y-full {
-  --tw-translate-y: 100%;
-}
-
-.-translate-y-1\/2 {
-  --tw-translate-y: -50%;
-}
-
-.-translate-y-1\/3 {
-  --tw-translate-y: -33.333333%;
-}
-
-.-translate-y-2\/3 {
-  --tw-translate-y: -66.666667%;
-}
-
-.-translate-y-1\/4 {
-  --tw-translate-y: -25%;
-}
-
-.-translate-y-2\/4 {
-  --tw-translate-y: -50%;
-}
-
-.-translate-y-3\/4 {
-  --tw-translate-y: -75%;
-}
-
-.-translate-y-full {
-  --tw-translate-y: -100%;
-}
-
-.hover\:translate-x-0:hover {
-  --tw-translate-x: 0px;
-}
-
-.hover\:translate-x-1:hover {
-  --tw-translate-x: 0.25rem;
-}
-
-.hover\:translate-x-2:hover {
-  --tw-translate-x: 0.5rem;
-}
-
-.hover\:translate-x-3:hover {
-  --tw-translate-x: 0.75rem;
-}
-
-.hover\:translate-x-4:hover {
-  --tw-translate-x: 1rem;
-}
-
-.hover\:translate-x-5:hover {
-  --tw-translate-x: 1.25rem;
-}
-
-.hover\:translate-x-6:hover {
-  --tw-translate-x: 1.5rem;
-}
-
-.hover\:translate-x-7:hover {
-  --tw-translate-x: 1.75rem;
-}
-
-.hover\:translate-x-8:hover {
-  --tw-translate-x: 2rem;
-}
-
-.hover\:translate-x-9:hover {
-  --tw-translate-x: 2.25rem;
-}
-
-.hover\:translate-x-10:hover {
-  --tw-translate-x: 2.5rem;
-}
-
-.hover\:translate-x-11:hover {
-  --tw-translate-x: 2.75rem;
-}
-
-.hover\:translate-x-12:hover {
-  --tw-translate-x: 3rem;
-}
-
-.hover\:translate-x-14:hover {
-  --tw-translate-x: 3.5rem;
-}
-
-.hover\:translate-x-16:hover {
-  --tw-translate-x: 4rem;
-}
-
-.hover\:translate-x-20:hover {
-  --tw-translate-x: 5rem;
-}
-
-.hover\:translate-x-24:hover {
-  --tw-translate-x: 6rem;
-}
-
-.hover\:translate-x-28:hover {
-  --tw-translate-x: 7rem;
-}
-
-.hover\:translate-x-32:hover {
-  --tw-translate-x: 8rem;
-}
-
-.hover\:translate-x-36:hover {
-  --tw-translate-x: 9rem;
-}
-
-.hover\:translate-x-40:hover {
-  --tw-translate-x: 10rem;
-}
-
-.hover\:translate-x-44:hover {
-  --tw-translate-x: 11rem;
-}
-
-.hover\:translate-x-48:hover {
-  --tw-translate-x: 12rem;
-}
-
-.hover\:translate-x-52:hover {
-  --tw-translate-x: 13rem;
-}
-
-.hover\:translate-x-56:hover {
-  --tw-translate-x: 14rem;
-}
-
-.hover\:translate-x-60:hover {
-  --tw-translate-x: 15rem;
-}
-
-.hover\:translate-x-64:hover {
-  --tw-translate-x: 16rem;
-}
-
-.hover\:translate-x-72:hover {
-  --tw-translate-x: 18rem;
-}
-
-.hover\:translate-x-80:hover {
-  --tw-translate-x: 20rem;
-}
-
-.hover\:translate-x-96:hover {
-  --tw-translate-x: 24rem;
-}
-
-.hover\:translate-x-px:hover {
-  --tw-translate-x: 1px;
-}
-
-.hover\:translate-x-0\.5:hover {
-  --tw-translate-x: 0.125rem;
-}
-
-.hover\:translate-x-1\.5:hover {
-  --tw-translate-x: 0.375rem;
-}
-
-.hover\:translate-x-2\.5:hover {
-  --tw-translate-x: 0.625rem;
-}
-
-.hover\:translate-x-3\.5:hover {
-  --tw-translate-x: 0.875rem;
-}
-
-.hover\:-translate-x-0:hover {
-  --tw-translate-x: 0px;
-}
-
-.hover\:-translate-x-1:hover {
-  --tw-translate-x: -0.25rem;
-}
-
-.hover\:-translate-x-2:hover {
-  --tw-translate-x: -0.5rem;
-}
-
-.hover\:-translate-x-3:hover {
-  --tw-translate-x: -0.75rem;
-}
-
-.hover\:-translate-x-4:hover {
-  --tw-translate-x: -1rem;
-}
-
-.hover\:-translate-x-5:hover {
-  --tw-translate-x: -1.25rem;
-}
-
-.hover\:-translate-x-6:hover {
-  --tw-translate-x: -1.5rem;
-}
-
-.hover\:-translate-x-7:hover {
-  --tw-translate-x: -1.75rem;
-}
-
-.hover\:-translate-x-8:hover {
-  --tw-translate-x: -2rem;
-}
-
-.hover\:-translate-x-9:hover {
-  --tw-translate-x: -2.25rem;
-}
-
-.hover\:-translate-x-10:hover {
-  --tw-translate-x: -2.5rem;
-}
-
-.hover\:-translate-x-11:hover {
-  --tw-translate-x: -2.75rem;
-}
-
-.hover\:-translate-x-12:hover {
-  --tw-translate-x: -3rem;
-}
-
-.hover\:-translate-x-14:hover {
-  --tw-translate-x: -3.5rem;
-}
-
-.hover\:-translate-x-16:hover {
-  --tw-translate-x: -4rem;
-}
-
-.hover\:-translate-x-20:hover {
-  --tw-translate-x: -5rem;
-}
-
-.hover\:-translate-x-24:hover {
-  --tw-translate-x: -6rem;
-}
-
-.hover\:-translate-x-28:hover {
-  --tw-translate-x: -7rem;
-}
-
-.hover\:-translate-x-32:hover {
-  --tw-translate-x: -8rem;
-}
-
-.hover\:-translate-x-36:hover {
-  --tw-translate-x: -9rem;
-}
-
-.hover\:-translate-x-40:hover {
-  --tw-translate-x: -10rem;
-}
-
-.hover\:-translate-x-44:hover {
-  --tw-translate-x: -11rem;
-}
-
-.hover\:-translate-x-48:hover {
-  --tw-translate-x: -12rem;
-}
-
-.hover\:-translate-x-52:hover {
-  --tw-translate-x: -13rem;
-}
-
-.hover\:-translate-x-56:hover {
-  --tw-translate-x: -14rem;
-}
-
-.hover\:-translate-x-60:hover {
-  --tw-translate-x: -15rem;
-}
-
-.hover\:-translate-x-64:hover {
-  --tw-translate-x: -16rem;
-}
-
-.hover\:-translate-x-72:hover {
-  --tw-translate-x: -18rem;
-}
-
-.hover\:-translate-x-80:hover {
-  --tw-translate-x: -20rem;
-}
-
-.hover\:-translate-x-96:hover {
-  --tw-translate-x: -24rem;
-}
-
-.hover\:-translate-x-px:hover {
-  --tw-translate-x: -1px;
-}
-
-.hover\:-translate-x-0\.5:hover {
-  --tw-translate-x: -0.125rem;
-}
-
-.hover\:-translate-x-1\.5:hover {
-  --tw-translate-x: -0.375rem;
-}
-
-.hover\:-translate-x-2\.5:hover {
-  --tw-translate-x: -0.625rem;
-}
-
-.hover\:-translate-x-3\.5:hover {
-  --tw-translate-x: -0.875rem;
-}
-
-.hover\:translate-x-1\/2:hover {
-  --tw-translate-x: 50%;
-}
-
-.hover\:translate-x-1\/3:hover {
-  --tw-translate-x: 33.333333%;
-}
-
-.hover\:translate-x-2\/3:hover {
-  --tw-translate-x: 66.666667%;
-}
-
-.hover\:translate-x-1\/4:hover {
-  --tw-translate-x: 25%;
-}
-
-.hover\:translate-x-2\/4:hover {
-  --tw-translate-x: 50%;
-}
-
-.hover\:translate-x-3\/4:hover {
-  --tw-translate-x: 75%;
-}
-
-.hover\:translate-x-full:hover {
-  --tw-translate-x: 100%;
-}
-
-.hover\:-translate-x-1\/2:hover {
-  --tw-translate-x: -50%;
-}
-
-.hover\:-translate-x-1\/3:hover {
-  --tw-translate-x: -33.333333%;
-}
-
-.hover\:-translate-x-2\/3:hover {
-  --tw-translate-x: -66.666667%;
-}
-
-.hover\:-translate-x-1\/4:hover {
-  --tw-translate-x: -25%;
-}
-
-.hover\:-translate-x-2\/4:hover {
-  --tw-translate-x: -50%;
-}
-
-.hover\:-translate-x-3\/4:hover {
-  --tw-translate-x: -75%;
-}
-
-.hover\:-translate-x-full:hover {
-  --tw-translate-x: -100%;
-}
-
-.hover\:translate-y-0:hover {
-  --tw-translate-y: 0px;
-}
-
-.hover\:translate-y-1:hover {
-  --tw-translate-y: 0.25rem;
-}
-
-.hover\:translate-y-2:hover {
-  --tw-translate-y: 0.5rem;
-}
-
-.hover\:translate-y-3:hover {
-  --tw-translate-y: 0.75rem;
-}
-
-.hover\:translate-y-4:hover {
-  --tw-translate-y: 1rem;
-}
-
-.hover\:translate-y-5:hover {
-  --tw-translate-y: 1.25rem;
-}
-
-.hover\:translate-y-6:hover {
-  --tw-translate-y: 1.5rem;
-}
-
-.hover\:translate-y-7:hover {
-  --tw-translate-y: 1.75rem;
-}
-
-.hover\:translate-y-8:hover {
-  --tw-translate-y: 2rem;
-}
-
-.hover\:translate-y-9:hover {
-  --tw-translate-y: 2.25rem;
-}
-
-.hover\:translate-y-10:hover {
-  --tw-translate-y: 2.5rem;
-}
-
-.hover\:translate-y-11:hover {
-  --tw-translate-y: 2.75rem;
-}
-
-.hover\:translate-y-12:hover {
-  --tw-translate-y: 3rem;
-}
-
-.hover\:translate-y-14:hover {
-  --tw-translate-y: 3.5rem;
-}
-
-.hover\:translate-y-16:hover {
-  --tw-translate-y: 4rem;
-}
-
-.hover\:translate-y-20:hover {
-  --tw-translate-y: 5rem;
-}
-
-.hover\:translate-y-24:hover {
-  --tw-translate-y: 6rem;
-}
-
-.hover\:translate-y-28:hover {
-  --tw-translate-y: 7rem;
-}
-
-.hover\:translate-y-32:hover {
-  --tw-translate-y: 8rem;
-}
-
-.hover\:translate-y-36:hover {
-  --tw-translate-y: 9rem;
-}
-
-.hover\:translate-y-40:hover {
-  --tw-translate-y: 10rem;
-}
-
-.hover\:translate-y-44:hover {
-  --tw-translate-y: 11rem;
-}
-
-.hover\:translate-y-48:hover {
-  --tw-translate-y: 12rem;
-}
-
-.hover\:translate-y-52:hover {
-  --tw-translate-y: 13rem;
-}
-
-.hover\:translate-y-56:hover {
-  --tw-translate-y: 14rem;
-}
-
-.hover\:translate-y-60:hover {
-  --tw-translate-y: 15rem;
-}
-
-.hover\:translate-y-64:hover {
-  --tw-translate-y: 16rem;
-}
-
-.hover\:translate-y-72:hover {
-  --tw-translate-y: 18rem;
-}
-
-.hover\:translate-y-80:hover {
-  --tw-translate-y: 20rem;
-}
-
-.hover\:translate-y-96:hover {
-  --tw-translate-y: 24rem;
-}
-
-.hover\:translate-y-px:hover {
-  --tw-translate-y: 1px;
-}
-
-.hover\:translate-y-0\.5:hover {
-  --tw-translate-y: 0.125rem;
-}
-
-.hover\:translate-y-1\.5:hover {
-  --tw-translate-y: 0.375rem;
-}
-
-.hover\:translate-y-2\.5:hover {
-  --tw-translate-y: 0.625rem;
-}
-
-.hover\:translate-y-3\.5:hover {
-  --tw-translate-y: 0.875rem;
-}
-
-.hover\:-translate-y-0:hover {
-  --tw-translate-y: 0px;
-}
-
-.hover\:-translate-y-1:hover {
-  --tw-translate-y: -0.25rem;
-}
-
-.hover\:-translate-y-2:hover {
-  --tw-translate-y: -0.5rem;
-}
-
-.hover\:-translate-y-3:hover {
-  --tw-translate-y: -0.75rem;
-}
-
-.hover\:-translate-y-4:hover {
-  --tw-translate-y: -1rem;
-}
-
-.hover\:-translate-y-5:hover {
-  --tw-translate-y: -1.25rem;
-}
-
-.hover\:-translate-y-6:hover {
-  --tw-translate-y: -1.5rem;
-}
-
-.hover\:-translate-y-7:hover {
-  --tw-translate-y: -1.75rem;
-}
-
-.hover\:-translate-y-8:hover {
-  --tw-translate-y: -2rem;
-}
-
-.hover\:-translate-y-9:hover {
-  --tw-translate-y: -2.25rem;
-}
-
-.hover\:-translate-y-10:hover {
-  --tw-translate-y: -2.5rem;
-}
-
-.hover\:-translate-y-11:hover {
-  --tw-translate-y: -2.75rem;
-}
-
-.hover\:-translate-y-12:hover {
-  --tw-translate-y: -3rem;
-}
-
-.hover\:-translate-y-14:hover {
-  --tw-translate-y: -3.5rem;
-}
-
-.hover\:-translate-y-16:hover {
-  --tw-translate-y: -4rem;
-}
-
-.hover\:-translate-y-20:hover {
-  --tw-translate-y: -5rem;
-}
-
-.hover\:-translate-y-24:hover {
-  --tw-translate-y: -6rem;
-}
-
-.hover\:-translate-y-28:hover {
-  --tw-translate-y: -7rem;
-}
-
-.hover\:-translate-y-32:hover {
-  --tw-translate-y: -8rem;
-}
-
-.hover\:-translate-y-36:hover {
-  --tw-translate-y: -9rem;
-}
-
-.hover\:-translate-y-40:hover {
-  --tw-translate-y: -10rem;
-}
-
-.hover\:-translate-y-44:hover {
-  --tw-translate-y: -11rem;
-}
-
-.hover\:-translate-y-48:hover {
-  --tw-translate-y: -12rem;
-}
-
-.hover\:-translate-y-52:hover {
-  --tw-translate-y: -13rem;
-}
-
-.hover\:-translate-y-56:hover {
-  --tw-translate-y: -14rem;
-}
-
-.hover\:-translate-y-60:hover {
-  --tw-translate-y: -15rem;
-}
-
-.hover\:-translate-y-64:hover {
-  --tw-translate-y: -16rem;
-}
-
-.hover\:-translate-y-72:hover {
-  --tw-translate-y: -18rem;
-}
-
-.hover\:-translate-y-80:hover {
-  --tw-translate-y: -20rem;
-}
-
-.hover\:-translate-y-96:hover {
-  --tw-translate-y: -24rem;
-}
-
-.hover\:-translate-y-px:hover {
-  --tw-translate-y: -1px;
-}
-
-.hover\:-translate-y-0\.5:hover {
-  --tw-translate-y: -0.125rem;
-}
-
-.hover\:-translate-y-1\.5:hover {
-  --tw-translate-y: -0.375rem;
-}
-
-.hover\:-translate-y-2\.5:hover {
-  --tw-translate-y: -0.625rem;
-}
-
-.hover\:-translate-y-3\.5:hover {
-  --tw-translate-y: -0.875rem;
-}
-
-.hover\:translate-y-1\/2:hover {
-  --tw-translate-y: 50%;
-}
-
-.hover\:translate-y-1\/3:hover {
-  --tw-translate-y: 33.333333%;
-}
-
-.hover\:translate-y-2\/3:hover {
-  --tw-translate-y: 66.666667%;
-}
-
-.hover\:translate-y-1\/4:hover {
-  --tw-translate-y: 25%;
-}
-
-.hover\:translate-y-2\/4:hover {
-  --tw-translate-y: 50%;
-}
-
-.hover\:translate-y-3\/4:hover {
-  --tw-translate-y: 75%;
-}
-
-.hover\:translate-y-full:hover {
-  --tw-translate-y: 100%;
-}
-
-.hover\:-translate-y-1\/2:hover {
-  --tw-translate-y: -50%;
-}
-
-.hover\:-translate-y-1\/3:hover {
-  --tw-translate-y: -33.333333%;
-}
-
-.hover\:-translate-y-2\/3:hover {
-  --tw-translate-y: -66.666667%;
-}
-
-.hover\:-translate-y-1\/4:hover {
-  --tw-translate-y: -25%;
-}
-
-.hover\:-translate-y-2\/4:hover {
-  --tw-translate-y: -50%;
-}
-
-.hover\:-translate-y-3\/4:hover {
-  --tw-translate-y: -75%;
-}
-
-.hover\:-translate-y-full:hover {
-  --tw-translate-y: -100%;
-}
-
-.focus\:translate-x-0:focus {
-  --tw-translate-x: 0px;
-}
-
-.focus\:translate-x-1:focus {
-  --tw-translate-x: 0.25rem;
-}
-
-.focus\:translate-x-2:focus {
-  --tw-translate-x: 0.5rem;
-}
-
-.focus\:translate-x-3:focus {
-  --tw-translate-x: 0.75rem;
-}
-
-.focus\:translate-x-4:focus {
-  --tw-translate-x: 1rem;
-}
-
-.focus\:translate-x-5:focus {
-  --tw-translate-x: 1.25rem;
-}
-
-.focus\:translate-x-6:focus {
-  --tw-translate-x: 1.5rem;
-}
-
-.focus\:translate-x-7:focus {
-  --tw-translate-x: 1.75rem;
-}
-
-.focus\:translate-x-8:focus {
-  --tw-translate-x: 2rem;
-}
-
-.focus\:translate-x-9:focus {
-  --tw-translate-x: 2.25rem;
-}
-
-.focus\:translate-x-10:focus {
-  --tw-translate-x: 2.5rem;
-}
-
-.focus\:translate-x-11:focus {
-  --tw-translate-x: 2.75rem;
-}
-
-.focus\:translate-x-12:focus {
-  --tw-translate-x: 3rem;
-}
-
-.focus\:translate-x-14:focus {
-  --tw-translate-x: 3.5rem;
-}
-
-.focus\:translate-x-16:focus {
-  --tw-translate-x: 4rem;
-}
-
-.focus\:translate-x-20:focus {
-  --tw-translate-x: 5rem;
-}
-
-.focus\:translate-x-24:focus {
-  --tw-translate-x: 6rem;
-}
-
-.focus\:translate-x-28:focus {
-  --tw-translate-x: 7rem;
-}
-
-.focus\:translate-x-32:focus {
-  --tw-translate-x: 8rem;
-}
-
-.focus\:translate-x-36:focus {
-  --tw-translate-x: 9rem;
-}
-
-.focus\:translate-x-40:focus {
-  --tw-translate-x: 10rem;
-}
-
-.focus\:translate-x-44:focus {
-  --tw-translate-x: 11rem;
-}
-
-.focus\:translate-x-48:focus {
-  --tw-translate-x: 12rem;
-}
-
-.focus\:translate-x-52:focus {
-  --tw-translate-x: 13rem;
-}
-
-.focus\:translate-x-56:focus {
-  --tw-translate-x: 14rem;
-}
-
-.focus\:translate-x-60:focus {
-  --tw-translate-x: 15rem;
-}
-
-.focus\:translate-x-64:focus {
-  --tw-translate-x: 16rem;
-}
-
-.focus\:translate-x-72:focus {
-  --tw-translate-x: 18rem;
-}
-
-.focus\:translate-x-80:focus {
-  --tw-translate-x: 20rem;
-}
-
-.focus\:translate-x-96:focus {
-  --tw-translate-x: 24rem;
-}
-
-.focus\:translate-x-px:focus {
-  --tw-translate-x: 1px;
-}
-
-.focus\:translate-x-0\.5:focus {
-  --tw-translate-x: 0.125rem;
-}
-
-.focus\:translate-x-1\.5:focus {
-  --tw-translate-x: 0.375rem;
-}
-
-.focus\:translate-x-2\.5:focus {
-  --tw-translate-x: 0.625rem;
-}
-
-.focus\:translate-x-3\.5:focus {
-  --tw-translate-x: 0.875rem;
-}
-
-.focus\:-translate-x-0:focus {
-  --tw-translate-x: 0px;
-}
-
-.focus\:-translate-x-1:focus {
-  --tw-translate-x: -0.25rem;
-}
-
-.focus\:-translate-x-2:focus {
-  --tw-translate-x: -0.5rem;
-}
-
-.focus\:-translate-x-3:focus {
-  --tw-translate-x: -0.75rem;
-}
-
-.focus\:-translate-x-4:focus {
-  --tw-translate-x: -1rem;
-}
-
-.focus\:-translate-x-5:focus {
-  --tw-translate-x: -1.25rem;
-}
-
-.focus\:-translate-x-6:focus {
-  --tw-translate-x: -1.5rem;
-}
-
-.focus\:-translate-x-7:focus {
-  --tw-translate-x: -1.75rem;
-}
-
-.focus\:-translate-x-8:focus {
-  --tw-translate-x: -2rem;
-}
-
-.focus\:-translate-x-9:focus {
-  --tw-translate-x: -2.25rem;
-}
-
-.focus\:-translate-x-10:focus {
-  --tw-translate-x: -2.5rem;
-}
-
-.focus\:-translate-x-11:focus {
-  --tw-translate-x: -2.75rem;
-}
-
-.focus\:-translate-x-12:focus {
-  --tw-translate-x: -3rem;
-}
-
-.focus\:-translate-x-14:focus {
-  --tw-translate-x: -3.5rem;
-}
-
-.focus\:-translate-x-16:focus {
-  --tw-translate-x: -4rem;
-}
-
-.focus\:-translate-x-20:focus {
-  --tw-translate-x: -5rem;
-}
-
-.focus\:-translate-x-24:focus {
-  --tw-translate-x: -6rem;
-}
-
-.focus\:-translate-x-28:focus {
-  --tw-translate-x: -7rem;
-}
-
-.focus\:-translate-x-32:focus {
-  --tw-translate-x: -8rem;
-}
-
-.focus\:-translate-x-36:focus {
-  --tw-translate-x: -9rem;
-}
-
-.focus\:-translate-x-40:focus {
-  --tw-translate-x: -10rem;
-}
-
-.focus\:-translate-x-44:focus {
-  --tw-translate-x: -11rem;
-}
-
-.focus\:-translate-x-48:focus {
-  --tw-translate-x: -12rem;
-}
-
-.focus\:-translate-x-52:focus {
-  --tw-translate-x: -13rem;
-}
-
-.focus\:-translate-x-56:focus {
-  --tw-translate-x: -14rem;
-}
-
-.focus\:-translate-x-60:focus {
-  --tw-translate-x: -15rem;
-}
-
-.focus\:-translate-x-64:focus {
-  --tw-translate-x: -16rem;
-}
-
-.focus\:-translate-x-72:focus {
-  --tw-translate-x: -18rem;
-}
-
-.focus\:-translate-x-80:focus {
-  --tw-translate-x: -20rem;
-}
-
-.focus\:-translate-x-96:focus {
-  --tw-translate-x: -24rem;
-}
-
-.focus\:-translate-x-px:focus {
-  --tw-translate-x: -1px;
-}
-
-.focus\:-translate-x-0\.5:focus {
-  --tw-translate-x: -0.125rem;
-}
-
-.focus\:-translate-x-1\.5:focus {
-  --tw-translate-x: -0.375rem;
-}
-
-.focus\:-translate-x-2\.5:focus {
-  --tw-translate-x: -0.625rem;
-}
-
-.focus\:-translate-x-3\.5:focus {
-  --tw-translate-x: -0.875rem;
-}
-
-.focus\:translate-x-1\/2:focus {
-  --tw-translate-x: 50%;
-}
-
-.focus\:translate-x-1\/3:focus {
-  --tw-translate-x: 33.333333%;
-}
-
-.focus\:translate-x-2\/3:focus {
-  --tw-translate-x: 66.666667%;
-}
-
-.focus\:translate-x-1\/4:focus {
-  --tw-translate-x: 25%;
-}
-
-.focus\:translate-x-2\/4:focus {
-  --tw-translate-x: 50%;
-}
-
-.focus\:translate-x-3\/4:focus {
-  --tw-translate-x: 75%;
-}
-
-.focus\:translate-x-full:focus {
-  --tw-translate-x: 100%;
-}
-
-.focus\:-translate-x-1\/2:focus {
-  --tw-translate-x: -50%;
-}
-
-.focus\:-translate-x-1\/3:focus {
-  --tw-translate-x: -33.333333%;
-}
-
-.focus\:-translate-x-2\/3:focus {
-  --tw-translate-x: -66.666667%;
-}
-
-.focus\:-translate-x-1\/4:focus {
-  --tw-translate-x: -25%;
-}
-
-.focus\:-translate-x-2\/4:focus {
-  --tw-translate-x: -50%;
-}
-
-.focus\:-translate-x-3\/4:focus {
-  --tw-translate-x: -75%;
-}
-
-.focus\:-translate-x-full:focus {
-  --tw-translate-x: -100%;
-}
-
-.focus\:translate-y-0:focus {
-  --tw-translate-y: 0px;
-}
-
-.focus\:translate-y-1:focus {
-  --tw-translate-y: 0.25rem;
-}
-
-.focus\:translate-y-2:focus {
-  --tw-translate-y: 0.5rem;
-}
-
-.focus\:translate-y-3:focus {
-  --tw-translate-y: 0.75rem;
-}
-
-.focus\:translate-y-4:focus {
-  --tw-translate-y: 1rem;
-}
-
-.focus\:translate-y-5:focus {
-  --tw-translate-y: 1.25rem;
-}
-
-.focus\:translate-y-6:focus {
-  --tw-translate-y: 1.5rem;
-}
-
-.focus\:translate-y-7:focus {
-  --tw-translate-y: 1.75rem;
-}
-
-.focus\:translate-y-8:focus {
-  --tw-translate-y: 2rem;
-}
-
-.focus\:translate-y-9:focus {
-  --tw-translate-y: 2.25rem;
-}
-
-.focus\:translate-y-10:focus {
-  --tw-translate-y: 2.5rem;
-}
-
-.focus\:translate-y-11:focus {
-  --tw-translate-y: 2.75rem;
-}
-
-.focus\:translate-y-12:focus {
-  --tw-translate-y: 3rem;
-}
-
-.focus\:translate-y-14:focus {
-  --tw-translate-y: 3.5rem;
-}
-
-.focus\:translate-y-16:focus {
-  --tw-translate-y: 4rem;
-}
-
-.focus\:translate-y-20:focus {
-  --tw-translate-y: 5rem;
-}
-
-.focus\:translate-y-24:focus {
-  --tw-translate-y: 6rem;
-}
-
-.focus\:translate-y-28:focus {
-  --tw-translate-y: 7rem;
-}
-
-.focus\:translate-y-32:focus {
-  --tw-translate-y: 8rem;
-}
-
-.focus\:translate-y-36:focus {
-  --tw-translate-y: 9rem;
-}
-
-.focus\:translate-y-40:focus {
-  --tw-translate-y: 10rem;
-}
-
-.focus\:translate-y-44:focus {
-  --tw-translate-y: 11rem;
-}
-
-.focus\:translate-y-48:focus {
-  --tw-translate-y: 12rem;
-}
-
-.focus\:translate-y-52:focus {
-  --tw-translate-y: 13rem;
-}
-
-.focus\:translate-y-56:focus {
-  --tw-translate-y: 14rem;
-}
-
-.focus\:translate-y-60:focus {
-  --tw-translate-y: 15rem;
-}
-
-.focus\:translate-y-64:focus {
-  --tw-translate-y: 16rem;
-}
-
-.focus\:translate-y-72:focus {
-  --tw-translate-y: 18rem;
-}
-
-.focus\:translate-y-80:focus {
-  --tw-translate-y: 20rem;
-}
-
-.focus\:translate-y-96:focus {
-  --tw-translate-y: 24rem;
-}
-
-.focus\:translate-y-px:focus {
-  --tw-translate-y: 1px;
-}
-
-.focus\:translate-y-0\.5:focus {
-  --tw-translate-y: 0.125rem;
-}
-
-.focus\:translate-y-1\.5:focus {
-  --tw-translate-y: 0.375rem;
-}
-
-.focus\:translate-y-2\.5:focus {
-  --tw-translate-y: 0.625rem;
-}
-
-.focus\:translate-y-3\.5:focus {
-  --tw-translate-y: 0.875rem;
-}
-
-.focus\:-translate-y-0:focus {
-  --tw-translate-y: 0px;
-}
-
-.focus\:-translate-y-1:focus {
-  --tw-translate-y: -0.25rem;
-}
-
-.focus\:-translate-y-2:focus {
-  --tw-translate-y: -0.5rem;
-}
-
-.focus\:-translate-y-3:focus {
-  --tw-translate-y: -0.75rem;
-}
-
-.focus\:-translate-y-4:focus {
-  --tw-translate-y: -1rem;
-}
-
-.focus\:-translate-y-5:focus {
-  --tw-translate-y: -1.25rem;
-}
-
-.focus\:-translate-y-6:focus {
-  --tw-translate-y: -1.5rem;
-}
-
-.focus\:-translate-y-7:focus {
-  --tw-translate-y: -1.75rem;
-}
-
-.focus\:-translate-y-8:focus {
-  --tw-translate-y: -2rem;
-}
-
-.focus\:-translate-y-9:focus {
-  --tw-translate-y: -2.25rem;
-}
-
-.focus\:-translate-y-10:focus {
-  --tw-translate-y: -2.5rem;
-}
-
-.focus\:-translate-y-11:focus {
-  --tw-translate-y: -2.75rem;
-}
-
-.focus\:-translate-y-12:focus {
-  --tw-translate-y: -3rem;
-}
-
-.focus\:-translate-y-14:focus {
-  --tw-translate-y: -3.5rem;
-}
-
-.focus\:-translate-y-16:focus {
-  --tw-translate-y: -4rem;
-}
-
-.focus\:-translate-y-20:focus {
-  --tw-translate-y: -5rem;
-}
-
-.focus\:-translate-y-24:focus {
-  --tw-translate-y: -6rem;
-}
-
-.focus\:-translate-y-28:focus {
-  --tw-translate-y: -7rem;
-}
-
-.focus\:-translate-y-32:focus {
-  --tw-translate-y: -8rem;
-}
-
-.focus\:-translate-y-36:focus {
-  --tw-translate-y: -9rem;
-}
-
-.focus\:-translate-y-40:focus {
-  --tw-translate-y: -10rem;
-}
-
-.focus\:-translate-y-44:focus {
-  --tw-translate-y: -11rem;
-}
-
-.focus\:-translate-y-48:focus {
-  --tw-translate-y: -12rem;
-}
-
-.focus\:-translate-y-52:focus {
-  --tw-translate-y: -13rem;
-}
-
-.focus\:-translate-y-56:focus {
-  --tw-translate-y: -14rem;
-}
-
-.focus\:-translate-y-60:focus {
-  --tw-translate-y: -15rem;
-}
-
-.focus\:-translate-y-64:focus {
-  --tw-translate-y: -16rem;
-}
-
-.focus\:-translate-y-72:focus {
-  --tw-translate-y: -18rem;
-}
-
-.focus\:-translate-y-80:focus {
-  --tw-translate-y: -20rem;
-}
-
-.focus\:-translate-y-96:focus {
-  --tw-translate-y: -24rem;
-}
-
-.focus\:-translate-y-px:focus {
-  --tw-translate-y: -1px;
-}
-
-.focus\:-translate-y-0\.5:focus {
-  --tw-translate-y: -0.125rem;
-}
-
-.focus\:-translate-y-1\.5:focus {
-  --tw-translate-y: -0.375rem;
-}
-
-.focus\:-translate-y-2\.5:focus {
-  --tw-translate-y: -0.625rem;
-}
-
-.focus\:-translate-y-3\.5:focus {
-  --tw-translate-y: -0.875rem;
-}
-
-.focus\:translate-y-1\/2:focus {
-  --tw-translate-y: 50%;
-}
-
-.focus\:translate-y-1\/3:focus {
-  --tw-translate-y: 33.333333%;
-}
-
-.focus\:translate-y-2\/3:focus {
-  --tw-translate-y: 66.666667%;
-}
-
-.focus\:translate-y-1\/4:focus {
-  --tw-translate-y: 25%;
-}
-
-.focus\:translate-y-2\/4:focus {
-  --tw-translate-y: 50%;
-}
-
-.focus\:translate-y-3\/4:focus {
-  --tw-translate-y: 75%;
-}
-
-.focus\:translate-y-full:focus {
-  --tw-translate-y: 100%;
-}
-
-.focus\:-translate-y-1\/2:focus {
-  --tw-translate-y: -50%;
-}
-
-.focus\:-translate-y-1\/3:focus {
-  --tw-translate-y: -33.333333%;
-}
-
-.focus\:-translate-y-2\/3:focus {
-  --tw-translate-y: -66.666667%;
-}
-
-.focus\:-translate-y-1\/4:focus {
-  --tw-translate-y: -25%;
-}
-
-.focus\:-translate-y-2\/4:focus {
-  --tw-translate-y: -50%;
-}
-
-.focus\:-translate-y-3\/4:focus {
-  --tw-translate-y: -75%;
-}
-
-.focus\:-translate-y-full:focus {
-  --tw-translate-y: -100%;
-}
-
-.skew-x-0 {
-  --tw-skew-x: 0deg;
-}
-
-.skew-x-1 {
-  --tw-skew-x: 1deg;
-}
-
-.skew-x-2 {
-  --tw-skew-x: 2deg;
-}
-
-.skew-x-3 {
-  --tw-skew-x: 3deg;
-}
-
-.skew-x-6 {
-  --tw-skew-x: 6deg;
-}
-
-.skew-x-12 {
-  --tw-skew-x: 12deg;
-}
-
-.-skew-x-12 {
-  --tw-skew-x: -12deg;
-}
-
-.-skew-x-6 {
-  --tw-skew-x: -6deg;
-}
-
-.-skew-x-3 {
-  --tw-skew-x: -3deg;
-}
-
-.-skew-x-2 {
-  --tw-skew-x: -2deg;
-}
-
-.-skew-x-1 {
-  --tw-skew-x: -1deg;
-}
-
-.skew-y-0 {
-  --tw-skew-y: 0deg;
-}
-
-.skew-y-1 {
-  --tw-skew-y: 1deg;
-}
-
-.skew-y-2 {
-  --tw-skew-y: 2deg;
-}
-
-.skew-y-3 {
-  --tw-skew-y: 3deg;
-}
-
-.skew-y-6 {
-  --tw-skew-y: 6deg;
-}
-
-.skew-y-12 {
-  --tw-skew-y: 12deg;
-}
-
-.-skew-y-12 {
-  --tw-skew-y: -12deg;
-}
-
-.-skew-y-6 {
-  --tw-skew-y: -6deg;
-}
-
-.-skew-y-3 {
-  --tw-skew-y: -3deg;
-}
-
-.-skew-y-2 {
-  --tw-skew-y: -2deg;
-}
-
-.-skew-y-1 {
-  --tw-skew-y: -1deg;
-}
-
-.hover\:skew-x-0:hover {
-  --tw-skew-x: 0deg;
-}
-
-.hover\:skew-x-1:hover {
-  --tw-skew-x: 1deg;
-}
-
-.hover\:skew-x-2:hover {
-  --tw-skew-x: 2deg;
-}
-
-.hover\:skew-x-3:hover {
-  --tw-skew-x: 3deg;
-}
-
-.hover\:skew-x-6:hover {
-  --tw-skew-x: 6deg;
-}
-
-.hover\:skew-x-12:hover {
-  --tw-skew-x: 12deg;
-}
-
-.hover\:-skew-x-12:hover {
-  --tw-skew-x: -12deg;
-}
-
-.hover\:-skew-x-6:hover {
-  --tw-skew-x: -6deg;
-}
-
-.hover\:-skew-x-3:hover {
-  --tw-skew-x: -3deg;
-}
-
-.hover\:-skew-x-2:hover {
-  --tw-skew-x: -2deg;
-}
-
-.hover\:-skew-x-1:hover {
-  --tw-skew-x: -1deg;
-}
-
-.hover\:skew-y-0:hover {
-  --tw-skew-y: 0deg;
-}
-
-.hover\:skew-y-1:hover {
-  --tw-skew-y: 1deg;
-}
-
-.hover\:skew-y-2:hover {
-  --tw-skew-y: 2deg;
-}
-
-.hover\:skew-y-3:hover {
-  --tw-skew-y: 3deg;
-}
-
-.hover\:skew-y-6:hover {
-  --tw-skew-y: 6deg;
-}
-
-.hover\:skew-y-12:hover {
-  --tw-skew-y: 12deg;
-}
-
-.hover\:-skew-y-12:hover {
-  --tw-skew-y: -12deg;
-}
-
-.hover\:-skew-y-6:hover {
-  --tw-skew-y: -6deg;
-}
-
-.hover\:-skew-y-3:hover {
-  --tw-skew-y: -3deg;
-}
-
-.hover\:-skew-y-2:hover {
-  --tw-skew-y: -2deg;
-}
-
-.hover\:-skew-y-1:hover {
-  --tw-skew-y: -1deg;
-}
-
-.focus\:skew-x-0:focus {
-  --tw-skew-x: 0deg;
-}
-
-.focus\:skew-x-1:focus {
-  --tw-skew-x: 1deg;
-}
-
-.focus\:skew-x-2:focus {
-  --tw-skew-x: 2deg;
-}
-
-.focus\:skew-x-3:focus {
-  --tw-skew-x: 3deg;
-}
-
-.focus\:skew-x-6:focus {
-  --tw-skew-x: 6deg;
-}
-
-.focus\:skew-x-12:focus {
-  --tw-skew-x: 12deg;
-}
-
-.focus\:-skew-x-12:focus {
-  --tw-skew-x: -12deg;
-}
-
-.focus\:-skew-x-6:focus {
-  --tw-skew-x: -6deg;
-}
-
-.focus\:-skew-x-3:focus {
-  --tw-skew-x: -3deg;
-}
-
-.focus\:-skew-x-2:focus {
-  --tw-skew-x: -2deg;
-}
-
-.focus\:-skew-x-1:focus {
-  --tw-skew-x: -1deg;
-}
-
-.focus\:skew-y-0:focus {
-  --tw-skew-y: 0deg;
-}
-
-.focus\:skew-y-1:focus {
-  --tw-skew-y: 1deg;
-}
-
-.focus\:skew-y-2:focus {
-  --tw-skew-y: 2deg;
-}
-
-.focus\:skew-y-3:focus {
-  --tw-skew-y: 3deg;
-}
-
-.focus\:skew-y-6:focus {
-  --tw-skew-y: 6deg;
-}
-
-.focus\:skew-y-12:focus {
-  --tw-skew-y: 12deg;
-}
-
-.focus\:-skew-y-12:focus {
-  --tw-skew-y: -12deg;
-}
-
-.focus\:-skew-y-6:focus {
-  --tw-skew-y: -6deg;
-}
-
-.focus\:-skew-y-3:focus {
-  --tw-skew-y: -3deg;
-}
-
-.focus\:-skew-y-2:focus {
-  --tw-skew-y: -2deg;
-}
-
-.focus\:-skew-y-1:focus {
-  --tw-skew-y: -1deg;
-}
-
-.transition-none {
-  transition-property: none;
-}
-
-.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition {
-  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-colors {
-  transition-property: background-color, border-color, color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-opacity {
-  transition-property: opacity;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-shadow {
-  transition-property: box-shadow;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-transform {
-  transition-property: transform;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.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;
-    }
-  }
-
-  @media (min-width: 1536px) {
-    .sm\:container {
-      max-width: 1536px;
-    }
-  }
-
-  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0px * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0px * var(--tw-space-x-reverse));
-    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1rem * var(--tw-space-x-reverse));
-    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2rem * var(--tw-space-x-reverse));
-    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(3rem * var(--tw-space-x-reverse));
-    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(4rem * var(--tw-space-x-reverse));
-    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(5rem * var(--tw-space-x-reverse));
-    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(6rem * var(--tw-space-x-reverse));
-    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(7rem * var(--tw-space-x-reverse));
-    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(8rem * var(--tw-space-x-reverse));
-    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(9rem * var(--tw-space-x-reverse));
-    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(10rem * var(--tw-space-x-reverse));
-    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(11rem * var(--tw-space-x-reverse));
-    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(12rem * var(--tw-space-x-reverse));
-    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(13rem * var(--tw-space-x-reverse));
-    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(14rem * var(--tw-space-x-reverse));
-    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(15rem * var(--tw-space-x-reverse));
-    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(16rem * var(--tw-space-x-reverse));
-    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(18rem * var(--tw-space-x-reverse));
-    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(20rem * var(--tw-space-x-reverse));
-    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(24rem * var(--tw-space-x-reverse));
-    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1px * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1px * var(--tw-space-x-reverse));
-    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0px * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0px * var(--tw-space-x-reverse));
-    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-3rem * var(--tw-space-x-reverse));
-    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-4rem * var(--tw-space-x-reverse));
-    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-6rem * var(--tw-space-x-reverse));
-    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-7rem * var(--tw-space-x-reverse));
-    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-8rem * var(--tw-space-x-reverse));
-    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-9rem * var(--tw-space-x-reverse));
-    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-10rem * var(--tw-space-x-reverse));
-    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-11rem * var(--tw-space-x-reverse));
-    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-12rem * var(--tw-space-x-reverse));
-    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-13rem * var(--tw-space-x-reverse));
-    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-14rem * var(--tw-space-x-reverse));
-    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-15rem * var(--tw-space-x-reverse));
-    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-16rem * var(--tw-space-x-reverse));
-    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-18rem * var(--tw-space-x-reverse));
-    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-20rem * var(--tw-space-x-reverse));
-    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-24rem * var(--tw-space-x-reverse));
-    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1px * var(--tw-space-x-reverse));
-    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 1;
-  }
-
-  .sm\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 1;
-  }
-
-  .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
-  }
-
-  .sm\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(0px * var(--tw-divide-x-reverse));
-    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .sm\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
-  }
-
-  .sm\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(2px * var(--tw-divide-x-reverse));
-    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .sm\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
-  }
-
-  .sm\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(4px * var(--tw-divide-x-reverse));
-    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .sm\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
-  }
-
-  .sm\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(8px * var(--tw-divide-x-reverse));
-    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .sm\:divide-y > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
-  }
-
-  .sm\:divide-x > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(1px * var(--tw-divide-x-reverse));
-    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .sm\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 1;
-  }
-
-  .sm\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 1;
-  }
-
-  .sm\:divide-current > :not([hidden]) ~ :not([hidden]) {
-    border-color: currentColor;
-  }
-
-  .sm\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
-    border-color: transparent;
-  }
-
-  .sm\:divide-black > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-white > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-darkCoolGray-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-darkCoolGray-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-darkCoolGray-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-darkCoolGray-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-darkCoolGray-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-darkCoolGray-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-darkCoolGray-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-darkCoolGray-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-darkCoolGray-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-darkCoolGray-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-coolGray-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-coolGray-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-coolGray-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-coolGray-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-coolGray-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-coolGray-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-coolGray-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-coolGray-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-coolGray-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-coolGray-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-violet-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-violet-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-violet-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-violet-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-violet-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-violet-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-violet-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-violet-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-violet-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-violet-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
-  }
-
-  .sm\:divide-solid > :not([hidden]) ~ :not([hidden]) {
-    border-style: solid;
-  }
-
-  .sm\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
-    border-style: dashed;
-  }
-
-  .sm\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
-    border-style: dotted;
-  }
-
-  .sm\:divide-double > :not([hidden]) ~ :not([hidden]) {
-    border-style: double;
-  }
-
-  .sm\:divide-none > :not([hidden]) ~ :not([hidden]) {
-    border-style: none;
-  }
-
-  .sm\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0;
-  }
-
-  .sm\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.05;
-  }
-
-  .sm\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.1;
-  }
-
-  .sm\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.2;
-  }
-
-  .sm\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.25;
-  }
-
-  .sm\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.3;
-  }
-
-  .sm\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.4;
-  }
-
-  .sm\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.5;
-  }
-
-  .sm\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.6;
-  }
-
-  .sm\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.7;
-  }
-
-  .sm\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.75;
-  }
-
-  .sm\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.8;
-  }
-
-  .sm\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.9;
-  }
-
-  .sm\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.95;
-  }
-
-  .sm\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-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-within\:sr-only:focus-within {
-    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-within\:not-sr-only:focus-within {
-    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-black {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-darkCoolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-darkCoolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-darkCoolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-darkCoolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-darkCoolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-darkCoolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-darkCoolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-darkCoolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-darkCoolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-darkCoolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-coolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-coolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-coolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-coolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-coolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-coolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-coolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-coolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-coolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-coolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-indigo-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-indigo-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-indigo-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-indigo-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-indigo-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-indigo-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-indigo-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-indigo-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-indigo-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-indigo-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-violet-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-violet-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-violet-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-violet-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-violet-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-violet-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-violet-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-violet-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-violet-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-violet-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-yellow-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-yellow-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-yellow-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-yellow-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-yellow-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-yellow-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-yellow-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-yellow-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-yellow-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-yellow-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-red-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-red-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-red-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-red-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-red-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-red-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-red-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-red-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-red-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-red-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-green-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-green-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-green-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-green-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-green-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-green-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-green-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-green-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-green-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-green-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-blue-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-blue-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-blue-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-blue-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-blue-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-blue-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-blue-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-blue-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-blue-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-blue-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-gray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-gray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-gray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-gray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-gray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-gray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-gray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-gray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-gray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-gray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-body {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-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-black {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-darkCoolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-darkCoolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-darkCoolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-darkCoolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-darkCoolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-darkCoolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-darkCoolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-darkCoolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-darkCoolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-darkCoolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-coolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-coolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-coolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-coolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-coolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-coolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-coolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-coolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-coolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-coolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-violet-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-violet-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-violet-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-violet-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-violet-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-violet-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-violet-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-violet-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-violet-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-violet-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-body {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-current:focus-within {
-    background-color: currentColor;
-  }
-
-  .sm\:focus-within\:bg-transparent:focus-within {
-    background-color: transparent;
-  }
-
-  .sm\:focus-within\:bg-black:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-white:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-darkCoolGray-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-darkCoolGray-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-darkCoolGray-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-darkCoolGray-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-darkCoolGray-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-darkCoolGray-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-darkCoolGray-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-darkCoolGray-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-darkCoolGray-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-darkCoolGray-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-coolGray-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-coolGray-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-coolGray-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-coolGray-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-coolGray-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-coolGray-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-coolGray-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-coolGray-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-coolGray-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-coolGray-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-indigo-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-indigo-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-indigo-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-indigo-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-indigo-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-indigo-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-indigo-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-indigo-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-indigo-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-indigo-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-violet-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-violet-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-violet-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-violet-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-violet-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-violet-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-violet-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-violet-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-violet-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-violet-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-yellow-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-yellow-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-yellow-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-yellow-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-yellow-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-yellow-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-yellow-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-yellow-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-yellow-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-yellow-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-red-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-red-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-red-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-red-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-red-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-red-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-red-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-red-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-red-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-red-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-green-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-green-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-green-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-green-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-green-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-green-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-green-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-green-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-green-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-green-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-blue-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-blue-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-blue-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-blue-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-blue-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-blue-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-blue-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-blue-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-blue-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-blue-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-gray-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-gray-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-gray-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-gray-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-gray-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-gray-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-gray-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-gray-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-gray-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-gray-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus-within\:bg-body:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-current:hover {
-    background-color: currentColor;
-  }
-
-  .sm\:hover\:bg-transparent:hover {
-    background-color: transparent;
-  }
-
-  .sm\:hover\:bg-black:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-white:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-darkCoolGray-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-darkCoolGray-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-darkCoolGray-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-darkCoolGray-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-darkCoolGray-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-darkCoolGray-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-darkCoolGray-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-darkCoolGray-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-darkCoolGray-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-darkCoolGray-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-coolGray-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-coolGray-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-coolGray-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-coolGray-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-coolGray-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-coolGray-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-coolGray-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-coolGray-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-coolGray-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-coolGray-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-violet-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-violet-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-violet-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-violet-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-violet-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-violet-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-violet-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-violet-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-violet-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-violet-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .sm\:hover\:bg-body:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-current:focus {
-    background-color: currentColor;
-  }
-
-  .sm\:focus\:bg-transparent:focus {
-    background-color: transparent;
-  }
-
-  .sm\:focus\:bg-black:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-white:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-darkCoolGray-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-darkCoolGray-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-darkCoolGray-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-darkCoolGray-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-darkCoolGray-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-darkCoolGray-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-darkCoolGray-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-darkCoolGray-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-darkCoolGray-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-darkCoolGray-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-coolGray-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-coolGray-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-coolGray-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-coolGray-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-coolGray-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-coolGray-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-coolGray-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-coolGray-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-coolGray-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-coolGray-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-violet-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-violet-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-violet-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-violet-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-violet-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-violet-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-violet-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-violet-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-violet-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-violet-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .sm\:focus\:bg-body:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .sm\:bg-none {
-    background-image: none;
-  }
-
-  .sm\:bg-gradient-to-t {
-    background-image: linear-gradient(to top, var(--tw-gradient-stops));
-  }
-
-  .sm\:bg-gradient-to-tr {
-    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
-  }
-
-  .sm\:bg-gradient-to-r {
-    background-image: linear-gradient(to right, var(--tw-gradient-stops));
-  }
-
-  .sm\:bg-gradient-to-br {
-    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
-  }
-
-  .sm\:bg-gradient-to-b {
-    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
-  }
-
-  .sm\:bg-gradient-to-bl {
-    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
-  }
-
-  .sm\:bg-gradient-to-l {
-    background-image: linear-gradient(to left, var(--tw-gradient-stops));
-  }
-
-  .sm\:bg-gradient-to-tl {
-    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
-  }
-
-  .sm\:from-current {
-    --tw-gradient-from: currentColor;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:from-transparent {
-    --tw-gradient-from: transparent;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:from-black {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:from-white {
-    --tw-gradient-from: #fff;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:from-darkCoolGray-50 {
-    --tw-gradient-from: #F5F6F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .sm\:from-darkCoolGray-100 {
-    --tw-gradient-from: #EBEDEF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .sm\:from-darkCoolGray-200 {
-    --tw-gradient-from: #CED1D6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .sm\:from-darkCoolGray-300 {
-    --tw-gradient-from: #B0B5BD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .sm\:from-darkCoolGray-400 {
-    --tw-gradient-from: #757E8C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .sm\:from-darkCoolGray-500 {
-    --tw-gradient-from: #3A475B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .sm\:from-darkCoolGray-600 {
-    --tw-gradient-from: #344052;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .sm\:from-darkCoolGray-700 {
-    --tw-gradient-from: #2C3544;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .sm\:from-darkCoolGray-800 {
-    --tw-gradient-from: #232B37;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .sm\:from-darkCoolGray-900 {
-    --tw-gradient-from: #1C232D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .sm\:from-coolGray-50 {
-    --tw-gradient-from: #F7F8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .sm\:from-coolGray-100 {
-    --tw-gradient-from: #EEF0F3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .sm\:from-coolGray-200 {
-    --tw-gradient-from: #D5DAE1;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .sm\:from-coolGray-300 {
-    --tw-gradient-from: #BBC3CF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .sm\:from-coolGray-400 {
-    --tw-gradient-from: #8896AB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .sm\:from-coolGray-500 {
-    --tw-gradient-from: #556987;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .sm\:from-coolGray-600 {
-    --tw-gradient-from: #4D5F7A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .sm\:from-coolGray-700 {
-    --tw-gradient-from: #404F65;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .sm\:from-coolGray-800 {
-    --tw-gradient-from: #333F51;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .sm\:from-coolGray-900 {
-    --tw-gradient-from: #2A3342;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .sm\:from-indigo-50 {
-    --tw-gradient-from: #F8F6FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .sm\:from-indigo-100 {
-    --tw-gradient-from: #F0EEFF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .sm\:from-indigo-200 {
-    --tw-gradient-from: #DAD4FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .sm\:from-indigo-300 {
-    --tw-gradient-from: #C3B9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .sm\:from-indigo-400 {
-    --tw-gradient-from: #9685FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .sm\:from-indigo-500 {
-    --tw-gradient-from: #6951FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .sm\:from-indigo-600 {
-    --tw-gradient-from: #5F49E6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .sm\:from-indigo-700 {
-    --tw-gradient-from: #4F3DBF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .sm\:from-indigo-800 {
-    --tw-gradient-from: #3F3199;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .sm\:from-indigo-900 {
-    --tw-gradient-from: #33287D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .sm\:from-violet-50 {
-    --tw-gradient-from: #FBF7FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .sm\:from-violet-100 {
-    --tw-gradient-from: #F6EEFE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .sm\:from-violet-200 {
-    --tw-gradient-from: #E9D5FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .sm\:from-violet-300 {
-    --tw-gradient-from: #DCBBFC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .sm\:from-violet-400 {
-    --tw-gradient-from: #C288F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .sm\:from-violet-500 {
-    --tw-gradient-from: #A855F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .sm\:from-violet-600 {
-    --tw-gradient-from: #974DDE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .sm\:from-violet-700 {
-    --tw-gradient-from: #7E40B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .sm\:from-violet-800 {
-    --tw-gradient-from: #653394;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .sm\:from-violet-900 {
-    --tw-gradient-from: #522A79;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .sm\:from-yellow-50 {
-    --tw-gradient-from: #FFFAF3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .sm\:from-yellow-100 {
-    --tw-gradient-from: #FEF5E7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .sm\:from-yellow-200 {
-    --tw-gradient-from: #FDE7C2;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .sm\:from-yellow-300 {
-    --tw-gradient-from: #FBD89D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .sm\:from-yellow-400 {
-    --tw-gradient-from: #F8BB54;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .sm\:from-yellow-500 {
-    --tw-gradient-from: #F59E0B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .sm\:from-yellow-600 {
-    --tw-gradient-from: #DD8E0A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .sm\:from-yellow-700 {
-    --tw-gradient-from: #B87708;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .sm\:from-yellow-800 {
-    --tw-gradient-from: #935F07;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .sm\:from-yellow-900 {
-    --tw-gradient-from: #784D05;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .sm\:from-red-50 {
-    --tw-gradient-from: #FEF7F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .sm\:from-red-100 {
-    --tw-gradient-from: #FDEEEC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .sm\:from-red-200 {
-    --tw-gradient-from: #FBD6D0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .sm\:from-red-300 {
-    --tw-gradient-from: #F9BDB4;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .sm\:from-red-400 {
-    --tw-gradient-from: #F48B7C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .sm\:from-red-500 {
-    --tw-gradient-from: #EF5844;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .sm\:from-red-600 {
-    --tw-gradient-from: #D7503D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .sm\:from-red-700 {
-    --tw-gradient-from: #B34333;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .sm\:from-red-800 {
-    --tw-gradient-from: #8F3529;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .sm\:from-red-900 {
-    --tw-gradient-from: #752C21;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .sm\:from-green-50 {
-    --tw-gradient-from: #F4FDF7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .sm\:from-green-100 {
-    --tw-gradient-from: #EAFAF0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .sm\:from-green-200 {
-    --tw-gradient-from: #CAF4D9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .sm\:from-green-300 {
-    --tw-gradient-from: #AAEDC3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .sm\:from-green-400 {
-    --tw-gradient-from: #6ADF95;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .sm\:from-green-500 {
-    --tw-gradient-from: #2AD167;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .sm\:from-green-600 {
-    --tw-gradient-from: #26BC5E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .sm\:from-green-700 {
-    --tw-gradient-from: #209D4E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .sm\:from-green-800 {
-    --tw-gradient-from: #197D3E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .sm\:from-green-900 {
-    --tw-gradient-from: #156633;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .sm\:from-blue-50 {
-    --tw-gradient-from: #F5F9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .sm\:from-blue-100 {
-    --tw-gradient-from: #EBF3FE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .sm\:from-blue-200 {
-    --tw-gradient-from: #CEE0FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .sm\:from-blue-300 {
-    --tw-gradient-from: #B1CDFB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .sm\:from-blue-400 {
-    --tw-gradient-from: #76A8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .sm\:from-blue-500 {
-    --tw-gradient-from: #3B82F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .sm\:from-blue-600 {
-    --tw-gradient-from: #3575DD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .sm\:from-blue-700 {
-    --tw-gradient-from: #2C62B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .sm\:from-blue-800 {
-    --tw-gradient-from: #234E94;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .sm\:from-blue-900 {
-    --tw-gradient-from: #1D4079;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .sm\:from-gray-50 {
-    --tw-gradient-from: #f9fafb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .sm\:from-gray-100 {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .sm\:from-gray-200 {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .sm\:from-gray-300 {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .sm\:from-gray-400 {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .sm\:from-gray-500 {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .sm\:from-gray-600 {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .sm\:from-gray-700 {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .sm\:from-gray-800 {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .sm\:from-gray-900 {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .sm\:via-current {
-    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:via-transparent {
-    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:via-black {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:via-white {
-    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:via-darkCoolGray-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .sm\:via-darkCoolGray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .sm\:via-darkCoolGray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .sm\:via-darkCoolGray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .sm\:via-darkCoolGray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .sm\:via-darkCoolGray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .sm\:via-darkCoolGray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .sm\:via-darkCoolGray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .sm\:via-darkCoolGray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .sm\:via-darkCoolGray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .sm\:via-coolGray-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .sm\:via-coolGray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .sm\:via-coolGray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .sm\:via-coolGray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .sm\:via-coolGray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .sm\:via-coolGray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .sm\:via-coolGray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .sm\:via-coolGray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .sm\:via-coolGray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .sm\:via-coolGray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .sm\:via-indigo-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .sm\:via-indigo-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .sm\:via-indigo-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .sm\:via-indigo-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .sm\:via-indigo-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .sm\:via-indigo-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .sm\:via-indigo-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .sm\:via-indigo-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .sm\:via-indigo-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .sm\:via-indigo-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .sm\:via-violet-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .sm\:via-violet-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .sm\:via-violet-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .sm\:via-violet-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .sm\:via-violet-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .sm\:via-violet-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .sm\:via-violet-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .sm\:via-violet-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .sm\:via-violet-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .sm\:via-violet-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .sm\:via-yellow-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .sm\:via-yellow-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .sm\:via-yellow-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .sm\:via-yellow-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .sm\:via-yellow-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .sm\:via-yellow-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .sm\:via-yellow-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .sm\:via-yellow-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .sm\:via-yellow-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .sm\:via-yellow-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .sm\:via-red-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .sm\:via-red-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .sm\:via-red-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .sm\:via-red-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .sm\:via-red-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .sm\:via-red-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .sm\:via-red-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .sm\:via-red-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .sm\:via-red-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .sm\:via-red-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .sm\:via-green-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .sm\:via-green-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .sm\:via-green-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .sm\:via-green-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .sm\:via-green-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .sm\:via-green-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .sm\:via-green-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .sm\:via-green-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .sm\:via-green-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .sm\:via-green-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .sm\:via-blue-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .sm\:via-blue-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .sm\:via-blue-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .sm\:via-blue-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .sm\:via-blue-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .sm\:via-blue-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .sm\:via-blue-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .sm\:via-blue-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .sm\:via-blue-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .sm\:via-blue-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .sm\:via-gray-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .sm\:via-gray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .sm\:via-gray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .sm\:via-gray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .sm\:via-gray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .sm\:via-gray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .sm\:via-gray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .sm\:via-gray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .sm\:via-gray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .sm\:via-gray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .sm\:to-current {
-    --tw-gradient-to: currentColor;
-  }
-
-  .sm\:to-transparent {
-    --tw-gradient-to: transparent;
-  }
-
-  .sm\:to-black {
-    --tw-gradient-to: #000;
-  }
-
-  .sm\:to-white {
-    --tw-gradient-to: #fff;
-  }
-
-  .sm\:to-darkCoolGray-50 {
-    --tw-gradient-to: #F5F6F7;
-  }
-
-  .sm\:to-darkCoolGray-100 {
-    --tw-gradient-to: #EBEDEF;
-  }
-
-  .sm\:to-darkCoolGray-200 {
-    --tw-gradient-to: #CED1D6;
-  }
-
-  .sm\:to-darkCoolGray-300 {
-    --tw-gradient-to: #B0B5BD;
-  }
-
-  .sm\:to-darkCoolGray-400 {
-    --tw-gradient-to: #757E8C;
-  }
-
-  .sm\:to-darkCoolGray-500 {
-    --tw-gradient-to: #3A475B;
-  }
-
-  .sm\:to-darkCoolGray-600 {
-    --tw-gradient-to: #344052;
-  }
-
-  .sm\:to-darkCoolGray-700 {
-    --tw-gradient-to: #2C3544;
-  }
-
-  .sm\:to-darkCoolGray-800 {
-    --tw-gradient-to: #232B37;
-  }
-
-  .sm\:to-darkCoolGray-900 {
-    --tw-gradient-to: #1C232D;
-  }
-
-  .sm\:to-coolGray-50 {
-    --tw-gradient-to: #F7F8F9;
-  }
-
-  .sm\:to-coolGray-100 {
-    --tw-gradient-to: #EEF0F3;
-  }
-
-  .sm\:to-coolGray-200 {
-    --tw-gradient-to: #D5DAE1;
-  }
-
-  .sm\:to-coolGray-300 {
-    --tw-gradient-to: #BBC3CF;
-  }
-
-  .sm\:to-coolGray-400 {
-    --tw-gradient-to: #8896AB;
-  }
-
-  .sm\:to-coolGray-500 {
-    --tw-gradient-to: #556987;
-  }
-
-  .sm\:to-coolGray-600 {
-    --tw-gradient-to: #4D5F7A;
-  }
-
-  .sm\:to-coolGray-700 {
-    --tw-gradient-to: #404F65;
-  }
-
-  .sm\:to-coolGray-800 {
-    --tw-gradient-to: #333F51;
-  }
-
-  .sm\:to-coolGray-900 {
-    --tw-gradient-to: #2A3342;
-  }
-
-  .sm\:to-indigo-50 {
-    --tw-gradient-to: #F8F6FF;
-  }
-
-  .sm\:to-indigo-100 {
-    --tw-gradient-to: #F0EEFF;
-  }
-
-  .sm\:to-indigo-200 {
-    --tw-gradient-to: #DAD4FF;
-  }
-
-  .sm\:to-indigo-300 {
-    --tw-gradient-to: #C3B9FF;
-  }
-
-  .sm\:to-indigo-400 {
-    --tw-gradient-to: #9685FF;
-  }
-
-  .sm\:to-indigo-500 {
-    --tw-gradient-to: #6951FF;
-  }
-
-  .sm\:to-indigo-600 {
-    --tw-gradient-to: #5F49E6;
-  }
-
-  .sm\:to-indigo-700 {
-    --tw-gradient-to: #4F3DBF;
-  }
-
-  .sm\:to-indigo-800 {
-    --tw-gradient-to: #3F3199;
-  }
-
-  .sm\:to-indigo-900 {
-    --tw-gradient-to: #33287D;
-  }
-
-  .sm\:to-violet-50 {
-    --tw-gradient-to: #FBF7FF;
-  }
-
-  .sm\:to-violet-100 {
-    --tw-gradient-to: #F6EEFE;
-  }
-
-  .sm\:to-violet-200 {
-    --tw-gradient-to: #E9D5FD;
-  }
-
-  .sm\:to-violet-300 {
-    --tw-gradient-to: #DCBBFC;
-  }
-
-  .sm\:to-violet-400 {
-    --tw-gradient-to: #C288F9;
-  }
-
-  .sm\:to-violet-500 {
-    --tw-gradient-to: #A855F7;
-  }
-
-  .sm\:to-violet-600 {
-    --tw-gradient-to: #974DDE;
-  }
-
-  .sm\:to-violet-700 {
-    --tw-gradient-to: #7E40B9;
-  }
-
-  .sm\:to-violet-800 {
-    --tw-gradient-to: #653394;
-  }
-
-  .sm\:to-violet-900 {
-    --tw-gradient-to: #522A79;
-  }
-
-  .sm\:to-yellow-50 {
-    --tw-gradient-to: #FFFAF3;
-  }
-
-  .sm\:to-yellow-100 {
-    --tw-gradient-to: #FEF5E7;
-  }
-
-  .sm\:to-yellow-200 {
-    --tw-gradient-to: #FDE7C2;
-  }
-
-  .sm\:to-yellow-300 {
-    --tw-gradient-to: #FBD89D;
-  }
-
-  .sm\:to-yellow-400 {
-    --tw-gradient-to: #F8BB54;
-  }
-
-  .sm\:to-yellow-500 {
-    --tw-gradient-to: #F59E0B;
-  }
-
-  .sm\:to-yellow-600 {
-    --tw-gradient-to: #DD8E0A;
-  }
-
-  .sm\:to-yellow-700 {
-    --tw-gradient-to: #B87708;
-  }
-
-  .sm\:to-yellow-800 {
-    --tw-gradient-to: #935F07;
-  }
-
-  .sm\:to-yellow-900 {
-    --tw-gradient-to: #784D05;
-  }
-
-  .sm\:to-red-50 {
-    --tw-gradient-to: #FEF7F6;
-  }
-
-  .sm\:to-red-100 {
-    --tw-gradient-to: #FDEEEC;
-  }
-
-  .sm\:to-red-200 {
-    --tw-gradient-to: #FBD6D0;
-  }
-
-  .sm\:to-red-300 {
-    --tw-gradient-to: #F9BDB4;
-  }
-
-  .sm\:to-red-400 {
-    --tw-gradient-to: #F48B7C;
-  }
-
-  .sm\:to-red-500 {
-    --tw-gradient-to: #EF5844;
-  }
-
-  .sm\:to-red-600 {
-    --tw-gradient-to: #D7503D;
-  }
-
-  .sm\:to-red-700 {
-    --tw-gradient-to: #B34333;
-  }
-
-  .sm\:to-red-800 {
-    --tw-gradient-to: #8F3529;
-  }
-
-  .sm\:to-red-900 {
-    --tw-gradient-to: #752C21;
-  }
-
-  .sm\:to-green-50 {
-    --tw-gradient-to: #F4FDF7;
-  }
-
-  .sm\:to-green-100 {
-    --tw-gradient-to: #EAFAF0;
-  }
-
-  .sm\:to-green-200 {
-    --tw-gradient-to: #CAF4D9;
-  }
-
-  .sm\:to-green-300 {
-    --tw-gradient-to: #AAEDC3;
-  }
-
-  .sm\:to-green-400 {
-    --tw-gradient-to: #6ADF95;
-  }
-
-  .sm\:to-green-500 {
-    --tw-gradient-to: #2AD167;
-  }
-
-  .sm\:to-green-600 {
-    --tw-gradient-to: #26BC5E;
-  }
-
-  .sm\:to-green-700 {
-    --tw-gradient-to: #209D4E;
-  }
-
-  .sm\:to-green-800 {
-    --tw-gradient-to: #197D3E;
-  }
-
-  .sm\:to-green-900 {
-    --tw-gradient-to: #156633;
-  }
-
-  .sm\:to-blue-50 {
-    --tw-gradient-to: #F5F9FF;
-  }
-
-  .sm\:to-blue-100 {
-    --tw-gradient-to: #EBF3FE;
-  }
-
-  .sm\:to-blue-200 {
-    --tw-gradient-to: #CEE0FD;
-  }
-
-  .sm\:to-blue-300 {
-    --tw-gradient-to: #B1CDFB;
-  }
-
-  .sm\:to-blue-400 {
-    --tw-gradient-to: #76A8F9;
-  }
-
-  .sm\:to-blue-500 {
-    --tw-gradient-to: #3B82F6;
-  }
-
-  .sm\:to-blue-600 {
-    --tw-gradient-to: #3575DD;
-  }
-
-  .sm\:to-blue-700 {
-    --tw-gradient-to: #2C62B9;
-  }
-
-  .sm\:to-blue-800 {
-    --tw-gradient-to: #234E94;
-  }
-
-  .sm\:to-blue-900 {
-    --tw-gradient-to: #1D4079;
-  }
-
-  .sm\:to-gray-50 {
-    --tw-gradient-to: #f9fafb;
-  }
-
-  .sm\:to-gray-100 {
-    --tw-gradient-to: #f3f4f6;
-  }
-
-  .sm\:to-gray-200 {
-    --tw-gradient-to: #e5e7eb;
-  }
-
-  .sm\:to-gray-300 {
-    --tw-gradient-to: #d1d5db;
-  }
-
-  .sm\:to-gray-400 {
-    --tw-gradient-to: #9ca3af;
-  }
-
-  .sm\:to-gray-500 {
-    --tw-gradient-to: #6b7280;
-  }
-
-  .sm\:to-gray-600 {
-    --tw-gradient-to: #4b5563;
-  }
-
-  .sm\:to-gray-700 {
-    --tw-gradient-to: #374151;
-  }
-
-  .sm\:to-gray-800 {
-    --tw-gradient-to: #1f2937;
-  }
-
-  .sm\:to-gray-900 {
-    --tw-gradient-to: #111827;
-  }
-
-  .sm\:hover\:from-current:hover {
-    --tw-gradient-from: currentColor;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:hover\:from-transparent:hover {
-    --tw-gradient-from: transparent;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:hover\:from-black:hover {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:hover\:from-white:hover {
-    --tw-gradient-from: #fff;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:hover\:from-darkCoolGray-50:hover {
-    --tw-gradient-from: #F5F6F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .sm\:hover\:from-darkCoolGray-100:hover {
-    --tw-gradient-from: #EBEDEF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .sm\:hover\:from-darkCoolGray-200:hover {
-    --tw-gradient-from: #CED1D6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .sm\:hover\:from-darkCoolGray-300:hover {
-    --tw-gradient-from: #B0B5BD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .sm\:hover\:from-darkCoolGray-400:hover {
-    --tw-gradient-from: #757E8C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .sm\:hover\:from-darkCoolGray-500:hover {
-    --tw-gradient-from: #3A475B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .sm\:hover\:from-darkCoolGray-600:hover {
-    --tw-gradient-from: #344052;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .sm\:hover\:from-darkCoolGray-700:hover {
-    --tw-gradient-from: #2C3544;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .sm\:hover\:from-darkCoolGray-800:hover {
-    --tw-gradient-from: #232B37;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .sm\:hover\:from-darkCoolGray-900:hover {
-    --tw-gradient-from: #1C232D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .sm\:hover\:from-coolGray-50:hover {
-    --tw-gradient-from: #F7F8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .sm\:hover\:from-coolGray-100:hover {
-    --tw-gradient-from: #EEF0F3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .sm\:hover\:from-coolGray-200:hover {
-    --tw-gradient-from: #D5DAE1;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .sm\:hover\:from-coolGray-300:hover {
-    --tw-gradient-from: #BBC3CF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .sm\:hover\:from-coolGray-400:hover {
-    --tw-gradient-from: #8896AB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .sm\:hover\:from-coolGray-500:hover {
-    --tw-gradient-from: #556987;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .sm\:hover\:from-coolGray-600:hover {
-    --tw-gradient-from: #4D5F7A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .sm\:hover\:from-coolGray-700:hover {
-    --tw-gradient-from: #404F65;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .sm\:hover\:from-coolGray-800:hover {
-    --tw-gradient-from: #333F51;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .sm\:hover\:from-coolGray-900:hover {
-    --tw-gradient-from: #2A3342;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .sm\:hover\:from-indigo-50:hover {
-    --tw-gradient-from: #F8F6FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .sm\:hover\:from-indigo-100:hover {
-    --tw-gradient-from: #F0EEFF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .sm\:hover\:from-indigo-200:hover {
-    --tw-gradient-from: #DAD4FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .sm\:hover\:from-indigo-300:hover {
-    --tw-gradient-from: #C3B9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .sm\:hover\:from-indigo-400:hover {
-    --tw-gradient-from: #9685FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .sm\:hover\:from-indigo-500:hover {
-    --tw-gradient-from: #6951FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .sm\:hover\:from-indigo-600:hover {
-    --tw-gradient-from: #5F49E6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .sm\:hover\:from-indigo-700:hover {
-    --tw-gradient-from: #4F3DBF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .sm\:hover\:from-indigo-800:hover {
-    --tw-gradient-from: #3F3199;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .sm\:hover\:from-indigo-900:hover {
-    --tw-gradient-from: #33287D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .sm\:hover\:from-violet-50:hover {
-    --tw-gradient-from: #FBF7FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .sm\:hover\:from-violet-100:hover {
-    --tw-gradient-from: #F6EEFE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .sm\:hover\:from-violet-200:hover {
-    --tw-gradient-from: #E9D5FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .sm\:hover\:from-violet-300:hover {
-    --tw-gradient-from: #DCBBFC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .sm\:hover\:from-violet-400:hover {
-    --tw-gradient-from: #C288F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .sm\:hover\:from-violet-500:hover {
-    --tw-gradient-from: #A855F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .sm\:hover\:from-violet-600:hover {
-    --tw-gradient-from: #974DDE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .sm\:hover\:from-violet-700:hover {
-    --tw-gradient-from: #7E40B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .sm\:hover\:from-violet-800:hover {
-    --tw-gradient-from: #653394;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .sm\:hover\:from-violet-900:hover {
-    --tw-gradient-from: #522A79;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .sm\:hover\:from-yellow-50:hover {
-    --tw-gradient-from: #FFFAF3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .sm\:hover\:from-yellow-100:hover {
-    --tw-gradient-from: #FEF5E7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .sm\:hover\:from-yellow-200:hover {
-    --tw-gradient-from: #FDE7C2;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .sm\:hover\:from-yellow-300:hover {
-    --tw-gradient-from: #FBD89D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .sm\:hover\:from-yellow-400:hover {
-    --tw-gradient-from: #F8BB54;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .sm\:hover\:from-yellow-500:hover {
-    --tw-gradient-from: #F59E0B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .sm\:hover\:from-yellow-600:hover {
-    --tw-gradient-from: #DD8E0A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .sm\:hover\:from-yellow-700:hover {
-    --tw-gradient-from: #B87708;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .sm\:hover\:from-yellow-800:hover {
-    --tw-gradient-from: #935F07;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .sm\:hover\:from-yellow-900:hover {
-    --tw-gradient-from: #784D05;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .sm\:hover\:from-red-50:hover {
-    --tw-gradient-from: #FEF7F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .sm\:hover\:from-red-100:hover {
-    --tw-gradient-from: #FDEEEC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .sm\:hover\:from-red-200:hover {
-    --tw-gradient-from: #FBD6D0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .sm\:hover\:from-red-300:hover {
-    --tw-gradient-from: #F9BDB4;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .sm\:hover\:from-red-400:hover {
-    --tw-gradient-from: #F48B7C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .sm\:hover\:from-red-500:hover {
-    --tw-gradient-from: #EF5844;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .sm\:hover\:from-red-600:hover {
-    --tw-gradient-from: #D7503D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .sm\:hover\:from-red-700:hover {
-    --tw-gradient-from: #B34333;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .sm\:hover\:from-red-800:hover {
-    --tw-gradient-from: #8F3529;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .sm\:hover\:from-red-900:hover {
-    --tw-gradient-from: #752C21;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .sm\:hover\:from-green-50:hover {
-    --tw-gradient-from: #F4FDF7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .sm\:hover\:from-green-100:hover {
-    --tw-gradient-from: #EAFAF0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .sm\:hover\:from-green-200:hover {
-    --tw-gradient-from: #CAF4D9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .sm\:hover\:from-green-300:hover {
-    --tw-gradient-from: #AAEDC3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .sm\:hover\:from-green-400:hover {
-    --tw-gradient-from: #6ADF95;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .sm\:hover\:from-green-500:hover {
-    --tw-gradient-from: #2AD167;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .sm\:hover\:from-green-600:hover {
-    --tw-gradient-from: #26BC5E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .sm\:hover\:from-green-700:hover {
-    --tw-gradient-from: #209D4E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .sm\:hover\:from-green-800:hover {
-    --tw-gradient-from: #197D3E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .sm\:hover\:from-green-900:hover {
-    --tw-gradient-from: #156633;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .sm\:hover\:from-blue-50:hover {
-    --tw-gradient-from: #F5F9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .sm\:hover\:from-blue-100:hover {
-    --tw-gradient-from: #EBF3FE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .sm\:hover\:from-blue-200:hover {
-    --tw-gradient-from: #CEE0FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .sm\:hover\:from-blue-300:hover {
-    --tw-gradient-from: #B1CDFB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .sm\:hover\:from-blue-400:hover {
-    --tw-gradient-from: #76A8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .sm\:hover\:from-blue-500:hover {
-    --tw-gradient-from: #3B82F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .sm\:hover\:from-blue-600:hover {
-    --tw-gradient-from: #3575DD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .sm\:hover\:from-blue-700:hover {
-    --tw-gradient-from: #2C62B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .sm\:hover\:from-blue-800:hover {
-    --tw-gradient-from: #234E94;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .sm\:hover\:from-blue-900:hover {
-    --tw-gradient-from: #1D4079;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .sm\:hover\:from-gray-50:hover {
-    --tw-gradient-from: #f9fafb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .sm\:hover\:from-gray-100:hover {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .sm\:hover\:from-gray-200:hover {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .sm\:hover\:from-gray-300:hover {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .sm\:hover\:from-gray-400:hover {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .sm\:hover\:from-gray-500:hover {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .sm\:hover\:from-gray-600:hover {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .sm\:hover\:from-gray-700:hover {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .sm\:hover\:from-gray-800:hover {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .sm\:hover\:from-gray-900:hover {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .sm\:hover\:via-current:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:hover\:via-transparent:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:hover\:via-black:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:hover\:via-white:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:hover\:via-darkCoolGray-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .sm\:hover\:via-darkCoolGray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .sm\:hover\:via-darkCoolGray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .sm\:hover\:via-darkCoolGray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .sm\:hover\:via-darkCoolGray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .sm\:hover\:via-darkCoolGray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .sm\:hover\:via-darkCoolGray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .sm\:hover\:via-darkCoolGray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .sm\:hover\:via-darkCoolGray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .sm\:hover\:via-darkCoolGray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .sm\:hover\:via-coolGray-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .sm\:hover\:via-coolGray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .sm\:hover\:via-coolGray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .sm\:hover\:via-coolGray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .sm\:hover\:via-coolGray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .sm\:hover\:via-coolGray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .sm\:hover\:via-coolGray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .sm\:hover\:via-coolGray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .sm\:hover\:via-coolGray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .sm\:hover\:via-coolGray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .sm\:hover\:via-indigo-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .sm\:hover\:via-indigo-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .sm\:hover\:via-indigo-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .sm\:hover\:via-indigo-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .sm\:hover\:via-indigo-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .sm\:hover\:via-indigo-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .sm\:hover\:via-indigo-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .sm\:hover\:via-indigo-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .sm\:hover\:via-indigo-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .sm\:hover\:via-indigo-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .sm\:hover\:via-violet-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .sm\:hover\:via-violet-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .sm\:hover\:via-violet-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .sm\:hover\:via-violet-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .sm\:hover\:via-violet-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .sm\:hover\:via-violet-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .sm\:hover\:via-violet-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .sm\:hover\:via-violet-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .sm\:hover\:via-violet-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .sm\:hover\:via-violet-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .sm\:hover\:via-yellow-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .sm\:hover\:via-yellow-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .sm\:hover\:via-yellow-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .sm\:hover\:via-yellow-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .sm\:hover\:via-yellow-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .sm\:hover\:via-yellow-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .sm\:hover\:via-yellow-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .sm\:hover\:via-yellow-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .sm\:hover\:via-yellow-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .sm\:hover\:via-yellow-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .sm\:hover\:via-red-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .sm\:hover\:via-red-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .sm\:hover\:via-red-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .sm\:hover\:via-red-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .sm\:hover\:via-red-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .sm\:hover\:via-red-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .sm\:hover\:via-red-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .sm\:hover\:via-red-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .sm\:hover\:via-red-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .sm\:hover\:via-red-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .sm\:hover\:via-green-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .sm\:hover\:via-green-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .sm\:hover\:via-green-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .sm\:hover\:via-green-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .sm\:hover\:via-green-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .sm\:hover\:via-green-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .sm\:hover\:via-green-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .sm\:hover\:via-green-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .sm\:hover\:via-green-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .sm\:hover\:via-green-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .sm\:hover\:via-blue-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .sm\:hover\:via-blue-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .sm\:hover\:via-blue-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .sm\:hover\:via-blue-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .sm\:hover\:via-blue-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .sm\:hover\:via-blue-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .sm\:hover\:via-blue-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .sm\:hover\:via-blue-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .sm\:hover\:via-blue-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .sm\:hover\:via-blue-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .sm\:hover\:via-gray-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .sm\:hover\:via-gray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .sm\:hover\:via-gray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .sm\:hover\:via-gray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .sm\:hover\:via-gray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .sm\:hover\:via-gray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .sm\:hover\:via-gray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .sm\:hover\:via-gray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .sm\:hover\:via-gray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .sm\:hover\:via-gray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .sm\:hover\:to-current:hover {
-    --tw-gradient-to: currentColor;
-  }
-
-  .sm\:hover\:to-transparent:hover {
-    --tw-gradient-to: transparent;
-  }
-
-  .sm\:hover\:to-black:hover {
-    --tw-gradient-to: #000;
-  }
-
-  .sm\:hover\:to-white:hover {
-    --tw-gradient-to: #fff;
-  }
-
-  .sm\:hover\:to-darkCoolGray-50:hover {
-    --tw-gradient-to: #F5F6F7;
-  }
-
-  .sm\:hover\:to-darkCoolGray-100:hover {
-    --tw-gradient-to: #EBEDEF;
-  }
-
-  .sm\:hover\:to-darkCoolGray-200:hover {
-    --tw-gradient-to: #CED1D6;
-  }
-
-  .sm\:hover\:to-darkCoolGray-300:hover {
-    --tw-gradient-to: #B0B5BD;
-  }
-
-  .sm\:hover\:to-darkCoolGray-400:hover {
-    --tw-gradient-to: #757E8C;
-  }
-
-  .sm\:hover\:to-darkCoolGray-500:hover {
-    --tw-gradient-to: #3A475B;
-  }
-
-  .sm\:hover\:to-darkCoolGray-600:hover {
-    --tw-gradient-to: #344052;
-  }
-
-  .sm\:hover\:to-darkCoolGray-700:hover {
-    --tw-gradient-to: #2C3544;
-  }
-
-  .sm\:hover\:to-darkCoolGray-800:hover {
-    --tw-gradient-to: #232B37;
-  }
-
-  .sm\:hover\:to-darkCoolGray-900:hover {
-    --tw-gradient-to: #1C232D;
-  }
-
-  .sm\:hover\:to-coolGray-50:hover {
-    --tw-gradient-to: #F7F8F9;
-  }
-
-  .sm\:hover\:to-coolGray-100:hover {
-    --tw-gradient-to: #EEF0F3;
-  }
-
-  .sm\:hover\:to-coolGray-200:hover {
-    --tw-gradient-to: #D5DAE1;
-  }
-
-  .sm\:hover\:to-coolGray-300:hover {
-    --tw-gradient-to: #BBC3CF;
-  }
-
-  .sm\:hover\:to-coolGray-400:hover {
-    --tw-gradient-to: #8896AB;
-  }
-
-  .sm\:hover\:to-coolGray-500:hover {
-    --tw-gradient-to: #556987;
-  }
-
-  .sm\:hover\:to-coolGray-600:hover {
-    --tw-gradient-to: #4D5F7A;
-  }
-
-  .sm\:hover\:to-coolGray-700:hover {
-    --tw-gradient-to: #404F65;
-  }
-
-  .sm\:hover\:to-coolGray-800:hover {
-    --tw-gradient-to: #333F51;
-  }
-
-  .sm\:hover\:to-coolGray-900:hover {
-    --tw-gradient-to: #2A3342;
-  }
-
-  .sm\:hover\:to-indigo-50:hover {
-    --tw-gradient-to: #F8F6FF;
-  }
-
-  .sm\:hover\:to-indigo-100:hover {
-    --tw-gradient-to: #F0EEFF;
-  }
-
-  .sm\:hover\:to-indigo-200:hover {
-    --tw-gradient-to: #DAD4FF;
-  }
-
-  .sm\:hover\:to-indigo-300:hover {
-    --tw-gradient-to: #C3B9FF;
-  }
-
-  .sm\:hover\:to-indigo-400:hover {
-    --tw-gradient-to: #9685FF;
-  }
-
-  .sm\:hover\:to-indigo-500:hover {
-    --tw-gradient-to: #6951FF;
-  }
-
-  .sm\:hover\:to-indigo-600:hover {
-    --tw-gradient-to: #5F49E6;
-  }
-
-  .sm\:hover\:to-indigo-700:hover {
-    --tw-gradient-to: #4F3DBF;
-  }
-
-  .sm\:hover\:to-indigo-800:hover {
-    --tw-gradient-to: #3F3199;
-  }
-
-  .sm\:hover\:to-indigo-900:hover {
-    --tw-gradient-to: #33287D;
-  }
-
-  .sm\:hover\:to-violet-50:hover {
-    --tw-gradient-to: #FBF7FF;
-  }
-
-  .sm\:hover\:to-violet-100:hover {
-    --tw-gradient-to: #F6EEFE;
-  }
-
-  .sm\:hover\:to-violet-200:hover {
-    --tw-gradient-to: #E9D5FD;
-  }
-
-  .sm\:hover\:to-violet-300:hover {
-    --tw-gradient-to: #DCBBFC;
-  }
-
-  .sm\:hover\:to-violet-400:hover {
-    --tw-gradient-to: #C288F9;
-  }
-
-  .sm\:hover\:to-violet-500:hover {
-    --tw-gradient-to: #A855F7;
-  }
-
-  .sm\:hover\:to-violet-600:hover {
-    --tw-gradient-to: #974DDE;
-  }
-
-  .sm\:hover\:to-violet-700:hover {
-    --tw-gradient-to: #7E40B9;
-  }
-
-  .sm\:hover\:to-violet-800:hover {
-    --tw-gradient-to: #653394;
-  }
-
-  .sm\:hover\:to-violet-900:hover {
-    --tw-gradient-to: #522A79;
-  }
-
-  .sm\:hover\:to-yellow-50:hover {
-    --tw-gradient-to: #FFFAF3;
-  }
-
-  .sm\:hover\:to-yellow-100:hover {
-    --tw-gradient-to: #FEF5E7;
-  }
-
-  .sm\:hover\:to-yellow-200:hover {
-    --tw-gradient-to: #FDE7C2;
-  }
-
-  .sm\:hover\:to-yellow-300:hover {
-    --tw-gradient-to: #FBD89D;
-  }
-
-  .sm\:hover\:to-yellow-400:hover {
-    --tw-gradient-to: #F8BB54;
-  }
-
-  .sm\:hover\:to-yellow-500:hover {
-    --tw-gradient-to: #F59E0B;
-  }
-
-  .sm\:hover\:to-yellow-600:hover {
-    --tw-gradient-to: #DD8E0A;
-  }
-
-  .sm\:hover\:to-yellow-700:hover {
-    --tw-gradient-to: #B87708;
-  }
-
-  .sm\:hover\:to-yellow-800:hover {
-    --tw-gradient-to: #935F07;
-  }
-
-  .sm\:hover\:to-yellow-900:hover {
-    --tw-gradient-to: #784D05;
-  }
-
-  .sm\:hover\:to-red-50:hover {
-    --tw-gradient-to: #FEF7F6;
-  }
-
-  .sm\:hover\:to-red-100:hover {
-    --tw-gradient-to: #FDEEEC;
-  }
-
-  .sm\:hover\:to-red-200:hover {
-    --tw-gradient-to: #FBD6D0;
-  }
-
-  .sm\:hover\:to-red-300:hover {
-    --tw-gradient-to: #F9BDB4;
-  }
-
-  .sm\:hover\:to-red-400:hover {
-    --tw-gradient-to: #F48B7C;
-  }
-
-  .sm\:hover\:to-red-500:hover {
-    --tw-gradient-to: #EF5844;
-  }
-
-  .sm\:hover\:to-red-600:hover {
-    --tw-gradient-to: #D7503D;
-  }
-
-  .sm\:hover\:to-red-700:hover {
-    --tw-gradient-to: #B34333;
-  }
-
-  .sm\:hover\:to-red-800:hover {
-    --tw-gradient-to: #8F3529;
-  }
-
-  .sm\:hover\:to-red-900:hover {
-    --tw-gradient-to: #752C21;
-  }
-
-  .sm\:hover\:to-green-50:hover {
-    --tw-gradient-to: #F4FDF7;
-  }
-
-  .sm\:hover\:to-green-100:hover {
-    --tw-gradient-to: #EAFAF0;
-  }
-
-  .sm\:hover\:to-green-200:hover {
-    --tw-gradient-to: #CAF4D9;
-  }
-
-  .sm\:hover\:to-green-300:hover {
-    --tw-gradient-to: #AAEDC3;
-  }
-
-  .sm\:hover\:to-green-400:hover {
-    --tw-gradient-to: #6ADF95;
-  }
-
-  .sm\:hover\:to-green-500:hover {
-    --tw-gradient-to: #2AD167;
-  }
-
-  .sm\:hover\:to-green-600:hover {
-    --tw-gradient-to: #26BC5E;
-  }
-
-  .sm\:hover\:to-green-700:hover {
-    --tw-gradient-to: #209D4E;
-  }
-
-  .sm\:hover\:to-green-800:hover {
-    --tw-gradient-to: #197D3E;
-  }
-
-  .sm\:hover\:to-green-900:hover {
-    --tw-gradient-to: #156633;
-  }
-
-  .sm\:hover\:to-blue-50:hover {
-    --tw-gradient-to: #F5F9FF;
-  }
-
-  .sm\:hover\:to-blue-100:hover {
-    --tw-gradient-to: #EBF3FE;
-  }
-
-  .sm\:hover\:to-blue-200:hover {
-    --tw-gradient-to: #CEE0FD;
-  }
-
-  .sm\:hover\:to-blue-300:hover {
-    --tw-gradient-to: #B1CDFB;
-  }
-
-  .sm\:hover\:to-blue-400:hover {
-    --tw-gradient-to: #76A8F9;
-  }
-
-  .sm\:hover\:to-blue-500:hover {
-    --tw-gradient-to: #3B82F6;
-  }
-
-  .sm\:hover\:to-blue-600:hover {
-    --tw-gradient-to: #3575DD;
-  }
-
-  .sm\:hover\:to-blue-700:hover {
-    --tw-gradient-to: #2C62B9;
-  }
-
-  .sm\:hover\:to-blue-800:hover {
-    --tw-gradient-to: #234E94;
-  }
-
-  .sm\:hover\:to-blue-900:hover {
-    --tw-gradient-to: #1D4079;
-  }
-
-  .sm\:hover\:to-gray-50:hover {
-    --tw-gradient-to: #f9fafb;
-  }
-
-  .sm\:hover\:to-gray-100:hover {
-    --tw-gradient-to: #f3f4f6;
-  }
-
-  .sm\:hover\:to-gray-200:hover {
-    --tw-gradient-to: #e5e7eb;
-  }
-
-  .sm\:hover\:to-gray-300:hover {
-    --tw-gradient-to: #d1d5db;
-  }
-
-  .sm\:hover\:to-gray-400:hover {
-    --tw-gradient-to: #9ca3af;
-  }
-
-  .sm\:hover\:to-gray-500:hover {
-    --tw-gradient-to: #6b7280;
-  }
-
-  .sm\:hover\:to-gray-600:hover {
-    --tw-gradient-to: #4b5563;
-  }
-
-  .sm\:hover\:to-gray-700:hover {
-    --tw-gradient-to: #374151;
-  }
-
-  .sm\:hover\:to-gray-800:hover {
-    --tw-gradient-to: #1f2937;
-  }
-
-  .sm\:hover\:to-gray-900:hover {
-    --tw-gradient-to: #111827;
-  }
-
-  .sm\:focus\:from-current:focus {
-    --tw-gradient-from: currentColor;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:focus\:from-transparent:focus {
-    --tw-gradient-from: transparent;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:focus\:from-black:focus {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:focus\:from-white:focus {
-    --tw-gradient-from: #fff;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:focus\:from-darkCoolGray-50:focus {
-    --tw-gradient-from: #F5F6F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .sm\:focus\:from-darkCoolGray-100:focus {
-    --tw-gradient-from: #EBEDEF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .sm\:focus\:from-darkCoolGray-200:focus {
-    --tw-gradient-from: #CED1D6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .sm\:focus\:from-darkCoolGray-300:focus {
-    --tw-gradient-from: #B0B5BD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .sm\:focus\:from-darkCoolGray-400:focus {
-    --tw-gradient-from: #757E8C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .sm\:focus\:from-darkCoolGray-500:focus {
-    --tw-gradient-from: #3A475B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .sm\:focus\:from-darkCoolGray-600:focus {
-    --tw-gradient-from: #344052;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .sm\:focus\:from-darkCoolGray-700:focus {
-    --tw-gradient-from: #2C3544;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .sm\:focus\:from-darkCoolGray-800:focus {
-    --tw-gradient-from: #232B37;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .sm\:focus\:from-darkCoolGray-900:focus {
-    --tw-gradient-from: #1C232D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .sm\:focus\:from-coolGray-50:focus {
-    --tw-gradient-from: #F7F8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .sm\:focus\:from-coolGray-100:focus {
-    --tw-gradient-from: #EEF0F3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .sm\:focus\:from-coolGray-200:focus {
-    --tw-gradient-from: #D5DAE1;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .sm\:focus\:from-coolGray-300:focus {
-    --tw-gradient-from: #BBC3CF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .sm\:focus\:from-coolGray-400:focus {
-    --tw-gradient-from: #8896AB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .sm\:focus\:from-coolGray-500:focus {
-    --tw-gradient-from: #556987;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .sm\:focus\:from-coolGray-600:focus {
-    --tw-gradient-from: #4D5F7A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .sm\:focus\:from-coolGray-700:focus {
-    --tw-gradient-from: #404F65;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .sm\:focus\:from-coolGray-800:focus {
-    --tw-gradient-from: #333F51;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .sm\:focus\:from-coolGray-900:focus {
-    --tw-gradient-from: #2A3342;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .sm\:focus\:from-indigo-50:focus {
-    --tw-gradient-from: #F8F6FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .sm\:focus\:from-indigo-100:focus {
-    --tw-gradient-from: #F0EEFF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .sm\:focus\:from-indigo-200:focus {
-    --tw-gradient-from: #DAD4FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .sm\:focus\:from-indigo-300:focus {
-    --tw-gradient-from: #C3B9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .sm\:focus\:from-indigo-400:focus {
-    --tw-gradient-from: #9685FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .sm\:focus\:from-indigo-500:focus {
-    --tw-gradient-from: #6951FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .sm\:focus\:from-indigo-600:focus {
-    --tw-gradient-from: #5F49E6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .sm\:focus\:from-indigo-700:focus {
-    --tw-gradient-from: #4F3DBF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .sm\:focus\:from-indigo-800:focus {
-    --tw-gradient-from: #3F3199;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .sm\:focus\:from-indigo-900:focus {
-    --tw-gradient-from: #33287D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .sm\:focus\:from-violet-50:focus {
-    --tw-gradient-from: #FBF7FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .sm\:focus\:from-violet-100:focus {
-    --tw-gradient-from: #F6EEFE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .sm\:focus\:from-violet-200:focus {
-    --tw-gradient-from: #E9D5FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .sm\:focus\:from-violet-300:focus {
-    --tw-gradient-from: #DCBBFC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .sm\:focus\:from-violet-400:focus {
-    --tw-gradient-from: #C288F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .sm\:focus\:from-violet-500:focus {
-    --tw-gradient-from: #A855F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .sm\:focus\:from-violet-600:focus {
-    --tw-gradient-from: #974DDE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .sm\:focus\:from-violet-700:focus {
-    --tw-gradient-from: #7E40B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .sm\:focus\:from-violet-800:focus {
-    --tw-gradient-from: #653394;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .sm\:focus\:from-violet-900:focus {
-    --tw-gradient-from: #522A79;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .sm\:focus\:from-yellow-50:focus {
-    --tw-gradient-from: #FFFAF3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .sm\:focus\:from-yellow-100:focus {
-    --tw-gradient-from: #FEF5E7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .sm\:focus\:from-yellow-200:focus {
-    --tw-gradient-from: #FDE7C2;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .sm\:focus\:from-yellow-300:focus {
-    --tw-gradient-from: #FBD89D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .sm\:focus\:from-yellow-400:focus {
-    --tw-gradient-from: #F8BB54;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .sm\:focus\:from-yellow-500:focus {
-    --tw-gradient-from: #F59E0B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .sm\:focus\:from-yellow-600:focus {
-    --tw-gradient-from: #DD8E0A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .sm\:focus\:from-yellow-700:focus {
-    --tw-gradient-from: #B87708;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .sm\:focus\:from-yellow-800:focus {
-    --tw-gradient-from: #935F07;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .sm\:focus\:from-yellow-900:focus {
-    --tw-gradient-from: #784D05;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .sm\:focus\:from-red-50:focus {
-    --tw-gradient-from: #FEF7F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .sm\:focus\:from-red-100:focus {
-    --tw-gradient-from: #FDEEEC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .sm\:focus\:from-red-200:focus {
-    --tw-gradient-from: #FBD6D0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .sm\:focus\:from-red-300:focus {
-    --tw-gradient-from: #F9BDB4;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .sm\:focus\:from-red-400:focus {
-    --tw-gradient-from: #F48B7C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .sm\:focus\:from-red-500:focus {
-    --tw-gradient-from: #EF5844;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .sm\:focus\:from-red-600:focus {
-    --tw-gradient-from: #D7503D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .sm\:focus\:from-red-700:focus {
-    --tw-gradient-from: #B34333;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .sm\:focus\:from-red-800:focus {
-    --tw-gradient-from: #8F3529;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .sm\:focus\:from-red-900:focus {
-    --tw-gradient-from: #752C21;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .sm\:focus\:from-green-50:focus {
-    --tw-gradient-from: #F4FDF7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .sm\:focus\:from-green-100:focus {
-    --tw-gradient-from: #EAFAF0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .sm\:focus\:from-green-200:focus {
-    --tw-gradient-from: #CAF4D9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .sm\:focus\:from-green-300:focus {
-    --tw-gradient-from: #AAEDC3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .sm\:focus\:from-green-400:focus {
-    --tw-gradient-from: #6ADF95;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .sm\:focus\:from-green-500:focus {
-    --tw-gradient-from: #2AD167;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .sm\:focus\:from-green-600:focus {
-    --tw-gradient-from: #26BC5E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .sm\:focus\:from-green-700:focus {
-    --tw-gradient-from: #209D4E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .sm\:focus\:from-green-800:focus {
-    --tw-gradient-from: #197D3E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .sm\:focus\:from-green-900:focus {
-    --tw-gradient-from: #156633;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .sm\:focus\:from-blue-50:focus {
-    --tw-gradient-from: #F5F9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .sm\:focus\:from-blue-100:focus {
-    --tw-gradient-from: #EBF3FE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .sm\:focus\:from-blue-200:focus {
-    --tw-gradient-from: #CEE0FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .sm\:focus\:from-blue-300:focus {
-    --tw-gradient-from: #B1CDFB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .sm\:focus\:from-blue-400:focus {
-    --tw-gradient-from: #76A8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .sm\:focus\:from-blue-500:focus {
-    --tw-gradient-from: #3B82F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .sm\:focus\:from-blue-600:focus {
-    --tw-gradient-from: #3575DD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .sm\:focus\:from-blue-700:focus {
-    --tw-gradient-from: #2C62B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .sm\:focus\:from-blue-800:focus {
-    --tw-gradient-from: #234E94;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .sm\:focus\:from-blue-900:focus {
-    --tw-gradient-from: #1D4079;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .sm\:focus\:from-gray-50:focus {
-    --tw-gradient-from: #f9fafb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .sm\:focus\:from-gray-100:focus {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .sm\:focus\:from-gray-200:focus {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .sm\:focus\:from-gray-300:focus {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .sm\:focus\:from-gray-400:focus {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .sm\:focus\:from-gray-500:focus {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .sm\:focus\:from-gray-600:focus {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .sm\:focus\:from-gray-700:focus {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .sm\:focus\:from-gray-800:focus {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .sm\:focus\:from-gray-900:focus {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .sm\:focus\:via-current:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:focus\:via-transparent:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:focus\:via-black:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:focus\:via-white:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:focus\:via-darkCoolGray-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .sm\:focus\:via-darkCoolGray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .sm\:focus\:via-darkCoolGray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .sm\:focus\:via-darkCoolGray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .sm\:focus\:via-darkCoolGray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .sm\:focus\:via-darkCoolGray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .sm\:focus\:via-darkCoolGray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .sm\:focus\:via-darkCoolGray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .sm\:focus\:via-darkCoolGray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .sm\:focus\:via-darkCoolGray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .sm\:focus\:via-coolGray-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .sm\:focus\:via-coolGray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .sm\:focus\:via-coolGray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .sm\:focus\:via-coolGray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .sm\:focus\:via-coolGray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .sm\:focus\:via-coolGray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .sm\:focus\:via-coolGray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .sm\:focus\:via-coolGray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .sm\:focus\:via-coolGray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .sm\:focus\:via-coolGray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .sm\:focus\:via-indigo-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .sm\:focus\:via-indigo-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .sm\:focus\:via-indigo-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .sm\:focus\:via-indigo-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .sm\:focus\:via-indigo-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .sm\:focus\:via-indigo-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .sm\:focus\:via-indigo-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .sm\:focus\:via-indigo-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .sm\:focus\:via-indigo-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .sm\:focus\:via-indigo-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .sm\:focus\:via-violet-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .sm\:focus\:via-violet-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .sm\:focus\:via-violet-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .sm\:focus\:via-violet-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .sm\:focus\:via-violet-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .sm\:focus\:via-violet-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .sm\:focus\:via-violet-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .sm\:focus\:via-violet-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .sm\:focus\:via-violet-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .sm\:focus\:via-violet-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .sm\:focus\:via-yellow-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .sm\:focus\:via-yellow-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .sm\:focus\:via-yellow-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .sm\:focus\:via-yellow-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .sm\:focus\:via-yellow-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .sm\:focus\:via-yellow-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .sm\:focus\:via-yellow-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .sm\:focus\:via-yellow-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .sm\:focus\:via-yellow-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .sm\:focus\:via-yellow-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .sm\:focus\:via-red-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .sm\:focus\:via-red-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .sm\:focus\:via-red-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .sm\:focus\:via-red-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .sm\:focus\:via-red-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .sm\:focus\:via-red-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .sm\:focus\:via-red-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .sm\:focus\:via-red-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .sm\:focus\:via-red-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .sm\:focus\:via-red-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .sm\:focus\:via-green-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .sm\:focus\:via-green-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .sm\:focus\:via-green-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .sm\:focus\:via-green-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .sm\:focus\:via-green-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .sm\:focus\:via-green-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .sm\:focus\:via-green-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .sm\:focus\:via-green-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .sm\:focus\:via-green-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .sm\:focus\:via-green-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .sm\:focus\:via-blue-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .sm\:focus\:via-blue-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .sm\:focus\:via-blue-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .sm\:focus\:via-blue-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .sm\:focus\:via-blue-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .sm\:focus\:via-blue-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .sm\:focus\:via-blue-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .sm\:focus\:via-blue-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .sm\:focus\:via-blue-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .sm\:focus\:via-blue-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .sm\:focus\:via-gray-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .sm\:focus\:via-gray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .sm\:focus\:via-gray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .sm\:focus\:via-gray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .sm\:focus\:via-gray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .sm\:focus\:via-gray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .sm\:focus\:via-gray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .sm\:focus\:via-gray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .sm\:focus\:via-gray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .sm\:focus\:via-gray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .sm\:focus\:to-current:focus {
-    --tw-gradient-to: currentColor;
-  }
-
-  .sm\:focus\:to-transparent:focus {
-    --tw-gradient-to: transparent;
-  }
-
-  .sm\:focus\:to-black:focus {
-    --tw-gradient-to: #000;
-  }
-
-  .sm\:focus\:to-white:focus {
-    --tw-gradient-to: #fff;
-  }
-
-  .sm\:focus\:to-darkCoolGray-50:focus {
-    --tw-gradient-to: #F5F6F7;
-  }
-
-  .sm\:focus\:to-darkCoolGray-100:focus {
-    --tw-gradient-to: #EBEDEF;
-  }
-
-  .sm\:focus\:to-darkCoolGray-200:focus {
-    --tw-gradient-to: #CED1D6;
-  }
-
-  .sm\:focus\:to-darkCoolGray-300:focus {
-    --tw-gradient-to: #B0B5BD;
-  }
-
-  .sm\:focus\:to-darkCoolGray-400:focus {
-    --tw-gradient-to: #757E8C;
-  }
-
-  .sm\:focus\:to-darkCoolGray-500:focus {
-    --tw-gradient-to: #3A475B;
-  }
-
-  .sm\:focus\:to-darkCoolGray-600:focus {
-    --tw-gradient-to: #344052;
-  }
-
-  .sm\:focus\:to-darkCoolGray-700:focus {
-    --tw-gradient-to: #2C3544;
-  }
-
-  .sm\:focus\:to-darkCoolGray-800:focus {
-    --tw-gradient-to: #232B37;
-  }
-
-  .sm\:focus\:to-darkCoolGray-900:focus {
-    --tw-gradient-to: #1C232D;
-  }
-
-  .sm\:focus\:to-coolGray-50:focus {
-    --tw-gradient-to: #F7F8F9;
-  }
-
-  .sm\:focus\:to-coolGray-100:focus {
-    --tw-gradient-to: #EEF0F3;
-  }
-
-  .sm\:focus\:to-coolGray-200:focus {
-    --tw-gradient-to: #D5DAE1;
-  }
-
-  .sm\:focus\:to-coolGray-300:focus {
-    --tw-gradient-to: #BBC3CF;
-  }
-
-  .sm\:focus\:to-coolGray-400:focus {
-    --tw-gradient-to: #8896AB;
-  }
-
-  .sm\:focus\:to-coolGray-500:focus {
-    --tw-gradient-to: #556987;
-  }
-
-  .sm\:focus\:to-coolGray-600:focus {
-    --tw-gradient-to: #4D5F7A;
-  }
-
-  .sm\:focus\:to-coolGray-700:focus {
-    --tw-gradient-to: #404F65;
-  }
-
-  .sm\:focus\:to-coolGray-800:focus {
-    --tw-gradient-to: #333F51;
-  }
-
-  .sm\:focus\:to-coolGray-900:focus {
-    --tw-gradient-to: #2A3342;
-  }
-
-  .sm\:focus\:to-indigo-50:focus {
-    --tw-gradient-to: #F8F6FF;
-  }
-
-  .sm\:focus\:to-indigo-100:focus {
-    --tw-gradient-to: #F0EEFF;
-  }
-
-  .sm\:focus\:to-indigo-200:focus {
-    --tw-gradient-to: #DAD4FF;
-  }
-
-  .sm\:focus\:to-indigo-300:focus {
-    --tw-gradient-to: #C3B9FF;
-  }
-
-  .sm\:focus\:to-indigo-400:focus {
-    --tw-gradient-to: #9685FF;
-  }
-
-  .sm\:focus\:to-indigo-500:focus {
-    --tw-gradient-to: #6951FF;
-  }
-
-  .sm\:focus\:to-indigo-600:focus {
-    --tw-gradient-to: #5F49E6;
-  }
-
-  .sm\:focus\:to-indigo-700:focus {
-    --tw-gradient-to: #4F3DBF;
-  }
-
-  .sm\:focus\:to-indigo-800:focus {
-    --tw-gradient-to: #3F3199;
-  }
-
-  .sm\:focus\:to-indigo-900:focus {
-    --tw-gradient-to: #33287D;
-  }
-
-  .sm\:focus\:to-violet-50:focus {
-    --tw-gradient-to: #FBF7FF;
-  }
-
-  .sm\:focus\:to-violet-100:focus {
-    --tw-gradient-to: #F6EEFE;
-  }
-
-  .sm\:focus\:to-violet-200:focus {
-    --tw-gradient-to: #E9D5FD;
-  }
-
-  .sm\:focus\:to-violet-300:focus {
-    --tw-gradient-to: #DCBBFC;
-  }
-
-  .sm\:focus\:to-violet-400:focus {
-    --tw-gradient-to: #C288F9;
-  }
-
-  .sm\:focus\:to-violet-500:focus {
-    --tw-gradient-to: #A855F7;
-  }
-
-  .sm\:focus\:to-violet-600:focus {
-    --tw-gradient-to: #974DDE;
-  }
-
-  .sm\:focus\:to-violet-700:focus {
-    --tw-gradient-to: #7E40B9;
-  }
-
-  .sm\:focus\:to-violet-800:focus {
-    --tw-gradient-to: #653394;
-  }
-
-  .sm\:focus\:to-violet-900:focus {
-    --tw-gradient-to: #522A79;
-  }
-
-  .sm\:focus\:to-yellow-50:focus {
-    --tw-gradient-to: #FFFAF3;
-  }
-
-  .sm\:focus\:to-yellow-100:focus {
-    --tw-gradient-to: #FEF5E7;
-  }
-
-  .sm\:focus\:to-yellow-200:focus {
-    --tw-gradient-to: #FDE7C2;
-  }
-
-  .sm\:focus\:to-yellow-300:focus {
-    --tw-gradient-to: #FBD89D;
-  }
-
-  .sm\:focus\:to-yellow-400:focus {
-    --tw-gradient-to: #F8BB54;
-  }
-
-  .sm\:focus\:to-yellow-500:focus {
-    --tw-gradient-to: #F59E0B;
-  }
-
-  .sm\:focus\:to-yellow-600:focus {
-    --tw-gradient-to: #DD8E0A;
-  }
-
-  .sm\:focus\:to-yellow-700:focus {
-    --tw-gradient-to: #B87708;
-  }
-
-  .sm\:focus\:to-yellow-800:focus {
-    --tw-gradient-to: #935F07;
-  }
-
-  .sm\:focus\:to-yellow-900:focus {
-    --tw-gradient-to: #784D05;
-  }
-
-  .sm\:focus\:to-red-50:focus {
-    --tw-gradient-to: #FEF7F6;
-  }
-
-  .sm\:focus\:to-red-100:focus {
-    --tw-gradient-to: #FDEEEC;
-  }
-
-  .sm\:focus\:to-red-200:focus {
-    --tw-gradient-to: #FBD6D0;
-  }
-
-  .sm\:focus\:to-red-300:focus {
-    --tw-gradient-to: #F9BDB4;
-  }
-
-  .sm\:focus\:to-red-400:focus {
-    --tw-gradient-to: #F48B7C;
-  }
-
-  .sm\:focus\:to-red-500:focus {
-    --tw-gradient-to: #EF5844;
-  }
-
-  .sm\:focus\:to-red-600:focus {
-    --tw-gradient-to: #D7503D;
-  }
-
-  .sm\:focus\:to-red-700:focus {
-    --tw-gradient-to: #B34333;
-  }
-
-  .sm\:focus\:to-red-800:focus {
-    --tw-gradient-to: #8F3529;
-  }
-
-  .sm\:focus\:to-red-900:focus {
-    --tw-gradient-to: #752C21;
-  }
-
-  .sm\:focus\:to-green-50:focus {
-    --tw-gradient-to: #F4FDF7;
-  }
-
-  .sm\:focus\:to-green-100:focus {
-    --tw-gradient-to: #EAFAF0;
-  }
-
-  .sm\:focus\:to-green-200:focus {
-    --tw-gradient-to: #CAF4D9;
-  }
-
-  .sm\:focus\:to-green-300:focus {
-    --tw-gradient-to: #AAEDC3;
-  }
-
-  .sm\:focus\:to-green-400:focus {
-    --tw-gradient-to: #6ADF95;
-  }
-
-  .sm\:focus\:to-green-500:focus {
-    --tw-gradient-to: #2AD167;
-  }
-
-  .sm\:focus\:to-green-600:focus {
-    --tw-gradient-to: #26BC5E;
-  }
-
-  .sm\:focus\:to-green-700:focus {
-    --tw-gradient-to: #209D4E;
-  }
-
-  .sm\:focus\:to-green-800:focus {
-    --tw-gradient-to: #197D3E;
-  }
-
-  .sm\:focus\:to-green-900:focus {
-    --tw-gradient-to: #156633;
-  }
-
-  .sm\:focus\:to-blue-50:focus {
-    --tw-gradient-to: #F5F9FF;
-  }
-
-  .sm\:focus\:to-blue-100:focus {
-    --tw-gradient-to: #EBF3FE;
-  }
-
-  .sm\:focus\:to-blue-200:focus {
-    --tw-gradient-to: #CEE0FD;
-  }
-
-  .sm\:focus\:to-blue-300:focus {
-    --tw-gradient-to: #B1CDFB;
-  }
-
-  .sm\:focus\:to-blue-400:focus {
-    --tw-gradient-to: #76A8F9;
-  }
-
-  .sm\:focus\:to-blue-500:focus {
-    --tw-gradient-to: #3B82F6;
-  }
-
-  .sm\:focus\:to-blue-600:focus {
-    --tw-gradient-to: #3575DD;
-  }
-
-  .sm\:focus\:to-blue-700:focus {
-    --tw-gradient-to: #2C62B9;
-  }
-
-  .sm\:focus\:to-blue-800:focus {
-    --tw-gradient-to: #234E94;
-  }
-
-  .sm\:focus\:to-blue-900:focus {
-    --tw-gradient-to: #1D4079;
-  }
-
-  .sm\:focus\:to-gray-50:focus {
-    --tw-gradient-to: #f9fafb;
-  }
-
-  .sm\:focus\:to-gray-100:focus {
-    --tw-gradient-to: #f3f4f6;
-  }
-
-  .sm\:focus\:to-gray-200:focus {
-    --tw-gradient-to: #e5e7eb;
-  }
-
-  .sm\:focus\:to-gray-300:focus {
-    --tw-gradient-to: #d1d5db;
-  }
-
-  .sm\:focus\:to-gray-400:focus {
-    --tw-gradient-to: #9ca3af;
-  }
-
-  .sm\:focus\:to-gray-500:focus {
-    --tw-gradient-to: #6b7280;
-  }
-
-  .sm\:focus\:to-gray-600:focus {
-    --tw-gradient-to: #4b5563;
-  }
-
-  .sm\:focus\:to-gray-700:focus {
-    --tw-gradient-to: #374151;
-  }
-
-  .sm\:focus\:to-gray-800:focus {
-    --tw-gradient-to: #1f2937;
-  }
-
-  .sm\:focus\:to-gray-900:focus {
-    --tw-gradient-to: #111827;
-  }
-
-  .sm\:bg-opacity-0 {
-    --tw-bg-opacity: 0;
-  }
-
-  .sm\:bg-opacity-5 {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .sm\:bg-opacity-10 {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .sm\:bg-opacity-20 {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .sm\:bg-opacity-25 {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .sm\:bg-opacity-30 {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .sm\:bg-opacity-40 {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .sm\:bg-opacity-50 {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .sm\:bg-opacity-60 {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .sm\:bg-opacity-70 {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .sm\:bg-opacity-75 {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .sm\:bg-opacity-80 {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .sm\:bg-opacity-90 {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .sm\:bg-opacity-95 {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .sm\:bg-opacity-100 {
-    --tw-bg-opacity: 1;
-  }
-
-  .group:hover .sm\:group-hover\:bg-opacity-0 {
-    --tw-bg-opacity: 0;
-  }
-
-  .group:hover .sm\:group-hover\:bg-opacity-5 {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .group:hover .sm\:group-hover\:bg-opacity-10 {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .group:hover .sm\:group-hover\:bg-opacity-20 {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .group:hover .sm\:group-hover\:bg-opacity-25 {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .group:hover .sm\:group-hover\:bg-opacity-30 {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .group:hover .sm\:group-hover\:bg-opacity-40 {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .group:hover .sm\:group-hover\:bg-opacity-50 {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .group:hover .sm\:group-hover\:bg-opacity-60 {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .group:hover .sm\:group-hover\:bg-opacity-70 {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .group:hover .sm\:group-hover\:bg-opacity-75 {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .group:hover .sm\:group-hover\:bg-opacity-80 {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .group:hover .sm\:group-hover\:bg-opacity-90 {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .group:hover .sm\:group-hover\:bg-opacity-95 {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .group:hover .sm\:group-hover\:bg-opacity-100 {
-    --tw-bg-opacity: 1;
-  }
-
-  .sm\:focus-within\:bg-opacity-0:focus-within {
-    --tw-bg-opacity: 0;
-  }
-
-  .sm\:focus-within\:bg-opacity-5:focus-within {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .sm\:focus-within\:bg-opacity-10:focus-within {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .sm\:focus-within\:bg-opacity-20:focus-within {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .sm\:focus-within\:bg-opacity-25:focus-within {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .sm\:focus-within\:bg-opacity-30:focus-within {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .sm\:focus-within\:bg-opacity-40:focus-within {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .sm\:focus-within\:bg-opacity-50:focus-within {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .sm\:focus-within\:bg-opacity-60:focus-within {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .sm\:focus-within\:bg-opacity-70:focus-within {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .sm\:focus-within\:bg-opacity-75:focus-within {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .sm\:focus-within\:bg-opacity-80:focus-within {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .sm\:focus-within\:bg-opacity-90:focus-within {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .sm\:focus-within\:bg-opacity-95:focus-within {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .sm\:focus-within\:bg-opacity-100:focus-within {
-    --tw-bg-opacity: 1;
-  }
-
-  .sm\:hover\:bg-opacity-0:hover {
-    --tw-bg-opacity: 0;
-  }
-
-  .sm\:hover\:bg-opacity-5:hover {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .sm\:hover\:bg-opacity-10:hover {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .sm\:hover\:bg-opacity-20:hover {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .sm\:hover\:bg-opacity-25:hover {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .sm\:hover\:bg-opacity-30:hover {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .sm\:hover\:bg-opacity-40:hover {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .sm\:hover\:bg-opacity-50:hover {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .sm\:hover\:bg-opacity-60:hover {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .sm\:hover\:bg-opacity-70:hover {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .sm\:hover\:bg-opacity-75:hover {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .sm\:hover\:bg-opacity-80:hover {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .sm\:hover\:bg-opacity-90:hover {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .sm\:hover\:bg-opacity-95:hover {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .sm\:hover\:bg-opacity-100:hover {
-    --tw-bg-opacity: 1;
-  }
-
-  .sm\:focus\:bg-opacity-0:focus {
-    --tw-bg-opacity: 0;
-  }
-
-  .sm\:focus\:bg-opacity-5:focus {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .sm\:focus\:bg-opacity-10:focus {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .sm\:focus\:bg-opacity-20:focus {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .sm\:focus\:bg-opacity-25:focus {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .sm\:focus\:bg-opacity-30:focus {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .sm\:focus\:bg-opacity-40:focus {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .sm\:focus\:bg-opacity-50:focus {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .sm\:focus\:bg-opacity-60:focus {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .sm\:focus\:bg-opacity-70:focus {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .sm\:focus\:bg-opacity-75:focus {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .sm\:focus\:bg-opacity-80:focus {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .sm\:focus\:bg-opacity-90:focus {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .sm\:focus\:bg-opacity-95:focus {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .sm\:focus\:bg-opacity-100:focus {
-    --tw-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-black {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .sm\:border-white {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:border-darkCoolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .sm\:border-darkCoolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .sm\:border-darkCoolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .sm\:border-darkCoolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .sm\:border-darkCoolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .sm\:border-darkCoolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .sm\:border-darkCoolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .sm\:border-darkCoolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .sm\:border-darkCoolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .sm\:border-darkCoolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .sm\:border-coolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .sm\:border-coolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .sm\:border-coolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .sm\:border-coolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .sm\:border-coolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .sm\:border-coolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .sm\:border-coolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .sm\:border-coolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .sm\:border-coolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .sm\:border-coolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .sm\:border-indigo-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:border-indigo-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:border-indigo-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:border-indigo-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:border-indigo-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:border-indigo-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:border-indigo-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .sm\:border-indigo-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .sm\:border-indigo-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .sm\:border-indigo-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .sm\:border-violet-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:border-violet-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .sm\:border-violet-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .sm\:border-violet-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .sm\:border-violet-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .sm\:border-violet-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .sm\:border-violet-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .sm\:border-violet-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .sm\:border-violet-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .sm\:border-violet-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .sm\:border-yellow-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .sm\:border-yellow-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .sm\:border-yellow-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .sm\:border-yellow-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .sm\:border-yellow-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .sm\:border-yellow-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .sm\:border-yellow-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .sm\:border-yellow-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .sm\:border-yellow-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .sm\:border-yellow-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .sm\:border-red-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .sm\:border-red-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .sm\:border-red-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .sm\:border-red-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .sm\:border-red-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .sm\:border-red-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .sm\:border-red-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .sm\:border-red-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .sm\:border-red-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .sm\:border-red-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .sm\:border-green-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .sm\:border-green-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .sm\:border-green-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .sm\:border-green-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .sm\:border-green-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .sm\:border-green-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .sm\:border-green-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .sm\:border-green-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .sm\:border-green-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .sm\:border-green-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .sm\:border-blue-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:border-blue-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .sm\:border-blue-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .sm\:border-blue-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .sm\:border-blue-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .sm\:border-blue-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .sm\:border-blue-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .sm\:border-blue-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .sm\:border-blue-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .sm\:border-blue-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .sm\:border-gray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .sm\:border-gray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .sm\:border-gray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .sm\:border-gray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .sm\:border-gray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .sm\:border-gray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .sm\:border-gray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .sm\:border-gray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .sm\:border-gray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .sm\:border-gray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-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-black {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-white {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-darkCoolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-darkCoolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-darkCoolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-darkCoolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-darkCoolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-darkCoolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-darkCoolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-darkCoolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-darkCoolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-darkCoolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-coolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-coolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-coolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-coolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-coolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-coolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-coolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-coolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-coolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-coolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-violet-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-violet-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-violet-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-violet-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-violet-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-violet-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-violet-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-violet-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-violet-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-violet-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-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-black:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-white:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-darkCoolGray-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-darkCoolGray-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-darkCoolGray-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-darkCoolGray-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-darkCoolGray-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-darkCoolGray-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-darkCoolGray-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-darkCoolGray-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-darkCoolGray-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-darkCoolGray-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-coolGray-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-coolGray-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-coolGray-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-coolGray-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-coolGray-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-coolGray-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-coolGray-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-coolGray-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-coolGray-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-coolGray-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-violet-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-violet-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-violet-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-violet-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-violet-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-violet-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-violet-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-violet-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-violet-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-violet-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-current:hover {
-    border-color: currentColor;
-  }
-
-  .sm\:hover\:border-transparent:hover {
-    border-color: transparent;
-  }
-
-  .sm\:hover\:border-black:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-white:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-darkCoolGray-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-darkCoolGray-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-darkCoolGray-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-darkCoolGray-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-darkCoolGray-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-darkCoolGray-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-darkCoolGray-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-darkCoolGray-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-darkCoolGray-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-darkCoolGray-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-coolGray-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-coolGray-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-coolGray-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-coolGray-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-coolGray-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-coolGray-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-coolGray-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-coolGray-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-coolGray-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-coolGray-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-violet-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-violet-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-violet-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-violet-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-violet-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-violet-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-violet-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-violet-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-violet-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-violet-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-red-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-red-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-red-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-red-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-red-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-red-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-red-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-red-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-red-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-red-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-green-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-green-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-green-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-green-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-green-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-green-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-green-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-green-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-green-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-green-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-blue-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-blue-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-blue-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-blue-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-blue-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-blue-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-blue-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-blue-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-blue-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-blue-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-gray-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-gray-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-gray-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-gray-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-gray-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-gray-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-gray-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-gray-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-gray-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .sm\:hover\:border-gray-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-current:focus {
-    border-color: currentColor;
-  }
-
-  .sm\:focus\:border-transparent:focus {
-    border-color: transparent;
-  }
-
-  .sm\:focus\:border-black:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-white:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-darkCoolGray-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-darkCoolGray-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-darkCoolGray-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-darkCoolGray-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-darkCoolGray-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-darkCoolGray-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-darkCoolGray-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-darkCoolGray-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-darkCoolGray-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-darkCoolGray-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-coolGray-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-coolGray-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-coolGray-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-coolGray-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-coolGray-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-coolGray-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-coolGray-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-coolGray-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-coolGray-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-coolGray-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-violet-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-violet-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-violet-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-violet-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-violet-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-violet-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-violet-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-violet-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-violet-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-violet-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-red-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-red-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-red-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-red-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-red-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-red-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-red-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-red-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-red-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-red-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-green-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-green-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-green-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-green-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-green-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-green-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-green-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-green-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-green-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-green-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-blue-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-blue-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-blue-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-blue-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-blue-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-blue-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-blue-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-blue-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-blue-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-blue-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-gray-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-gray-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-gray-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-gray-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-gray-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-gray-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-gray-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-gray-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-gray-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .sm\:focus\:border-gray-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .sm\:border-opacity-0 {
-    --tw-border-opacity: 0;
-  }
-
-  .sm\:border-opacity-5 {
-    --tw-border-opacity: 0.05;
-  }
-
-  .sm\:border-opacity-10 {
-    --tw-border-opacity: 0.1;
-  }
-
-  .sm\:border-opacity-20 {
-    --tw-border-opacity: 0.2;
-  }
-
-  .sm\:border-opacity-25 {
-    --tw-border-opacity: 0.25;
-  }
-
-  .sm\:border-opacity-30 {
-    --tw-border-opacity: 0.3;
-  }
-
-  .sm\:border-opacity-40 {
-    --tw-border-opacity: 0.4;
-  }
-
-  .sm\:border-opacity-50 {
-    --tw-border-opacity: 0.5;
-  }
-
-  .sm\:border-opacity-60 {
-    --tw-border-opacity: 0.6;
-  }
-
-  .sm\:border-opacity-70 {
-    --tw-border-opacity: 0.7;
-  }
-
-  .sm\:border-opacity-75 {
-    --tw-border-opacity: 0.75;
-  }
-
-  .sm\:border-opacity-80 {
-    --tw-border-opacity: 0.8;
-  }
-
-  .sm\:border-opacity-90 {
-    --tw-border-opacity: 0.9;
-  }
-
-  .sm\:border-opacity-95 {
-    --tw-border-opacity: 0.95;
-  }
-
-  .sm\:border-opacity-100 {
-    --tw-border-opacity: 1;
-  }
-
-  .group:hover .sm\:group-hover\:border-opacity-0 {
-    --tw-border-opacity: 0;
-  }
-
-  .group:hover .sm\:group-hover\:border-opacity-5 {
-    --tw-border-opacity: 0.05;
-  }
-
-  .group:hover .sm\:group-hover\:border-opacity-10 {
-    --tw-border-opacity: 0.1;
-  }
-
-  .group:hover .sm\:group-hover\:border-opacity-20 {
-    --tw-border-opacity: 0.2;
-  }
-
-  .group:hover .sm\:group-hover\:border-opacity-25 {
-    --tw-border-opacity: 0.25;
-  }
-
-  .group:hover .sm\:group-hover\:border-opacity-30 {
-    --tw-border-opacity: 0.3;
-  }
-
-  .group:hover .sm\:group-hover\:border-opacity-40 {
-    --tw-border-opacity: 0.4;
-  }
-
-  .group:hover .sm\:group-hover\:border-opacity-50 {
-    --tw-border-opacity: 0.5;
-  }
-
-  .group:hover .sm\:group-hover\:border-opacity-60 {
-    --tw-border-opacity: 0.6;
-  }
-
-  .group:hover .sm\:group-hover\:border-opacity-70 {
-    --tw-border-opacity: 0.7;
-  }
-
-  .group:hover .sm\:group-hover\:border-opacity-75 {
-    --tw-border-opacity: 0.75;
-  }
-
-  .group:hover .sm\:group-hover\:border-opacity-80 {
-    --tw-border-opacity: 0.8;
-  }
-
-  .group:hover .sm\:group-hover\:border-opacity-90 {
-    --tw-border-opacity: 0.9;
-  }
-
-  .group:hover .sm\:group-hover\:border-opacity-95 {
-    --tw-border-opacity: 0.95;
-  }
-
-  .group:hover .sm\:group-hover\:border-opacity-100 {
-    --tw-border-opacity: 1;
-  }
-
-  .sm\:focus-within\:border-opacity-0:focus-within {
-    --tw-border-opacity: 0;
-  }
-
-  .sm\:focus-within\:border-opacity-5:focus-within {
-    --tw-border-opacity: 0.05;
-  }
-
-  .sm\:focus-within\:border-opacity-10:focus-within {
-    --tw-border-opacity: 0.1;
-  }
-
-  .sm\:focus-within\:border-opacity-20:focus-within {
-    --tw-border-opacity: 0.2;
-  }
-
-  .sm\:focus-within\:border-opacity-25:focus-within {
-    --tw-border-opacity: 0.25;
-  }
-
-  .sm\:focus-within\:border-opacity-30:focus-within {
-    --tw-border-opacity: 0.3;
-  }
-
-  .sm\:focus-within\:border-opacity-40:focus-within {
-    --tw-border-opacity: 0.4;
-  }
-
-  .sm\:focus-within\:border-opacity-50:focus-within {
-    --tw-border-opacity: 0.5;
-  }
-
-  .sm\:focus-within\:border-opacity-60:focus-within {
-    --tw-border-opacity: 0.6;
-  }
-
-  .sm\:focus-within\:border-opacity-70:focus-within {
-    --tw-border-opacity: 0.7;
-  }
-
-  .sm\:focus-within\:border-opacity-75:focus-within {
-    --tw-border-opacity: 0.75;
-  }
-
-  .sm\:focus-within\:border-opacity-80:focus-within {
-    --tw-border-opacity: 0.8;
-  }
-
-  .sm\:focus-within\:border-opacity-90:focus-within {
-    --tw-border-opacity: 0.9;
-  }
-
-  .sm\:focus-within\:border-opacity-95:focus-within {
-    --tw-border-opacity: 0.95;
-  }
-
-  .sm\:focus-within\:border-opacity-100:focus-within {
-    --tw-border-opacity: 1;
-  }
-
-  .sm\:hover\:border-opacity-0:hover {
-    --tw-border-opacity: 0;
-  }
-
-  .sm\:hover\:border-opacity-5:hover {
-    --tw-border-opacity: 0.05;
-  }
-
-  .sm\:hover\:border-opacity-10:hover {
-    --tw-border-opacity: 0.1;
-  }
-
-  .sm\:hover\:border-opacity-20:hover {
-    --tw-border-opacity: 0.2;
-  }
-
-  .sm\:hover\:border-opacity-25:hover {
-    --tw-border-opacity: 0.25;
-  }
-
-  .sm\:hover\:border-opacity-30:hover {
-    --tw-border-opacity: 0.3;
-  }
-
-  .sm\:hover\:border-opacity-40:hover {
-    --tw-border-opacity: 0.4;
-  }
-
-  .sm\:hover\:border-opacity-50:hover {
-    --tw-border-opacity: 0.5;
-  }
-
-  .sm\:hover\:border-opacity-60:hover {
-    --tw-border-opacity: 0.6;
-  }
-
-  .sm\:hover\:border-opacity-70:hover {
-    --tw-border-opacity: 0.7;
-  }
-
-  .sm\:hover\:border-opacity-75:hover {
-    --tw-border-opacity: 0.75;
-  }
-
-  .sm\:hover\:border-opacity-80:hover {
-    --tw-border-opacity: 0.8;
-  }
-
-  .sm\:hover\:border-opacity-90:hover {
-    --tw-border-opacity: 0.9;
-  }
-
-  .sm\:hover\:border-opacity-95:hover {
-    --tw-border-opacity: 0.95;
-  }
-
-  .sm\:hover\:border-opacity-100:hover {
-    --tw-border-opacity: 1;
-  }
-
-  .sm\:focus\:border-opacity-0:focus {
-    --tw-border-opacity: 0;
-  }
-
-  .sm\:focus\:border-opacity-5:focus {
-    --tw-border-opacity: 0.05;
-  }
-
-  .sm\:focus\:border-opacity-10:focus {
-    --tw-border-opacity: 0.1;
-  }
-
-  .sm\:focus\:border-opacity-20:focus {
-    --tw-border-opacity: 0.2;
-  }
-
-  .sm\:focus\:border-opacity-25:focus {
-    --tw-border-opacity: 0.25;
-  }
-
-  .sm\:focus\:border-opacity-30:focus {
-    --tw-border-opacity: 0.3;
-  }
-
-  .sm\:focus\:border-opacity-40:focus {
-    --tw-border-opacity: 0.4;
-  }
-
-  .sm\:focus\:border-opacity-50:focus {
-    --tw-border-opacity: 0.5;
-  }
-
-  .sm\:focus\:border-opacity-60:focus {
-    --tw-border-opacity: 0.6;
-  }
-
-  .sm\:focus\:border-opacity-70:focus {
-    --tw-border-opacity: 0.7;
-  }
-
-  .sm\:focus\:border-opacity-75:focus {
-    --tw-border-opacity: 0.75;
-  }
-
-  .sm\:focus\:border-opacity-80:focus {
-    --tw-border-opacity: 0.8;
-  }
-
-  .sm\:focus\:border-opacity-90:focus {
-    --tw-border-opacity: 0.9;
-  }
-
-  .sm\:focus\:border-opacity-95:focus {
-    --tw-border-opacity: 0.95;
-  }
-
-  .sm\:focus\:border-opacity-100:focus {
-    --tw-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.675rem;
-  }
-
-  .sm\:rounded-2xl {
-    border-radius: 0.75rem;
-  }
-
-  .sm\:rounded-3xl {
-    border-radius: 0.875rem;
-  }
-
-  .sm\:rounded-4xl {
-    border-radius: 1rem;
-  }
-
-  .sm\:rounded-5xl {
-    border-radius: 1.25rem;
-  }
-
-  .sm\:rounded-6xl {
-    border-radius: 1.375rem;
-  }
-
-  .sm\:rounded-7xl {
-    border-radius: 1.5rem;
-  }
-
-  .sm\:rounded-8xl {
-    border-radius: 2rem;
-  }
-
-  .sm\:rounded-9xl {
-    border-radius: 2.25rem;
-  }
-
-  .sm\:rounded-10xl {
-    border-radius: 2.5rem;
-  }
-
-  .sm\:rounded-11xl {
-    border-radius: 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.675rem;
-    border-top-right-radius: 0.675rem;
-  }
-
-  .sm\:rounded-r-xl {
-    border-top-right-radius: 0.675rem;
-    border-bottom-right-radius: 0.675rem;
-  }
-
-  .sm\:rounded-b-xl {
-    border-bottom-right-radius: 0.675rem;
-    border-bottom-left-radius: 0.675rem;
-  }
-
-  .sm\:rounded-l-xl {
-    border-top-left-radius: 0.675rem;
-    border-bottom-left-radius: 0.675rem;
-  }
-
-  .sm\:rounded-t-2xl {
-    border-top-left-radius: 0.75rem;
-    border-top-right-radius: 0.75rem;
-  }
-
-  .sm\:rounded-r-2xl {
-    border-top-right-radius: 0.75rem;
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .sm\:rounded-b-2xl {
-    border-bottom-right-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .sm\:rounded-l-2xl {
-    border-top-left-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .sm\:rounded-t-3xl {
-    border-top-left-radius: 0.875rem;
-    border-top-right-radius: 0.875rem;
-  }
-
-  .sm\:rounded-r-3xl {
-    border-top-right-radius: 0.875rem;
-    border-bottom-right-radius: 0.875rem;
-  }
-
-  .sm\:rounded-b-3xl {
-    border-bottom-right-radius: 0.875rem;
-    border-bottom-left-radius: 0.875rem;
-  }
-
-  .sm\:rounded-l-3xl {
-    border-top-left-radius: 0.875rem;
-    border-bottom-left-radius: 0.875rem;
-  }
-
-  .sm\:rounded-t-4xl {
-    border-top-left-radius: 1rem;
-    border-top-right-radius: 1rem;
-  }
-
-  .sm\:rounded-r-4xl {
-    border-top-right-radius: 1rem;
-    border-bottom-right-radius: 1rem;
-  }
-
-  .sm\:rounded-b-4xl {
-    border-bottom-right-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .sm\:rounded-l-4xl {
-    border-top-left-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .sm\:rounded-t-5xl {
-    border-top-left-radius: 1.25rem;
-    border-top-right-radius: 1.25rem;
-  }
-
-  .sm\:rounded-r-5xl {
-    border-top-right-radius: 1.25rem;
-    border-bottom-right-radius: 1.25rem;
-  }
-
-  .sm\:rounded-b-5xl {
-    border-bottom-right-radius: 1.25rem;
-    border-bottom-left-radius: 1.25rem;
-  }
-
-  .sm\:rounded-l-5xl {
-    border-top-left-radius: 1.25rem;
-    border-bottom-left-radius: 1.25rem;
-  }
-
-  .sm\:rounded-t-6xl {
-    border-top-left-radius: 1.375rem;
-    border-top-right-radius: 1.375rem;
-  }
-
-  .sm\:rounded-r-6xl {
-    border-top-right-radius: 1.375rem;
-    border-bottom-right-radius: 1.375rem;
-  }
-
-  .sm\:rounded-b-6xl {
-    border-bottom-right-radius: 1.375rem;
-    border-bottom-left-radius: 1.375rem;
-  }
-
-  .sm\:rounded-l-6xl {
-    border-top-left-radius: 1.375rem;
-    border-bottom-left-radius: 1.375rem;
-  }
-
-  .sm\:rounded-t-7xl {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-
-  .sm\:rounded-r-7xl {
-    border-top-right-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .sm\:rounded-b-7xl {
-    border-bottom-right-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .sm\:rounded-l-7xl {
-    border-top-left-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .sm\:rounded-t-8xl {
-    border-top-left-radius: 2rem;
-    border-top-right-radius: 2rem;
-  }
-
-  .sm\:rounded-r-8xl {
-    border-top-right-radius: 2rem;
-    border-bottom-right-radius: 2rem;
-  }
-
-  .sm\:rounded-b-8xl {
-    border-bottom-right-radius: 2rem;
-    border-bottom-left-radius: 2rem;
-  }
-
-  .sm\:rounded-l-8xl {
-    border-top-left-radius: 2rem;
-    border-bottom-left-radius: 2rem;
-  }
-
-  .sm\:rounded-t-9xl {
-    border-top-left-radius: 2.25rem;
-    border-top-right-radius: 2.25rem;
-  }
-
-  .sm\:rounded-r-9xl {
-    border-top-right-radius: 2.25rem;
-    border-bottom-right-radius: 2.25rem;
-  }
-
-  .sm\:rounded-b-9xl {
-    border-bottom-right-radius: 2.25rem;
-    border-bottom-left-radius: 2.25rem;
-  }
-
-  .sm\:rounded-l-9xl {
-    border-top-left-radius: 2.25rem;
-    border-bottom-left-radius: 2.25rem;
-  }
-
-  .sm\:rounded-t-10xl {
-    border-top-left-radius: 2.5rem;
-    border-top-right-radius: 2.5rem;
-  }
-
-  .sm\:rounded-r-10xl {
-    border-top-right-radius: 2.5rem;
-    border-bottom-right-radius: 2.5rem;
-  }
-
-  .sm\:rounded-b-10xl {
-    border-bottom-right-radius: 2.5rem;
-    border-bottom-left-radius: 2.5rem;
-  }
-
-  .sm\:rounded-l-10xl {
-    border-top-left-radius: 2.5rem;
-    border-bottom-left-radius: 2.5rem;
-  }
-
-  .sm\:rounded-t-11xl {
-    border-top-left-radius: 5rem;
-    border-top-right-radius: 5rem;
-  }
-
-  .sm\:rounded-r-11xl {
-    border-top-right-radius: 5rem;
-    border-bottom-right-radius: 5rem;
-  }
-
-  .sm\:rounded-b-11xl {
-    border-bottom-right-radius: 5rem;
-    border-bottom-left-radius: 5rem;
-  }
-
-  .sm\:rounded-l-11xl {
-    border-top-left-radius: 5rem;
-    border-bottom-left-radius: 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.675rem;
-  }
-
-  .sm\:rounded-tr-xl {
-    border-top-right-radius: 0.675rem;
-  }
-
-  .sm\:rounded-br-xl {
-    border-bottom-right-radius: 0.675rem;
-  }
-
-  .sm\:rounded-bl-xl {
-    border-bottom-left-radius: 0.675rem;
-  }
-
-  .sm\:rounded-tl-2xl {
-    border-top-left-radius: 0.75rem;
-  }
-
-  .sm\:rounded-tr-2xl {
-    border-top-right-radius: 0.75rem;
-  }
-
-  .sm\:rounded-br-2xl {
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .sm\:rounded-bl-2xl {
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .sm\:rounded-tl-3xl {
-    border-top-left-radius: 0.875rem;
-  }
-
-  .sm\:rounded-tr-3xl {
-    border-top-right-radius: 0.875rem;
-  }
-
-  .sm\:rounded-br-3xl {
-    border-bottom-right-radius: 0.875rem;
-  }
-
-  .sm\:rounded-bl-3xl {
-    border-bottom-left-radius: 0.875rem;
-  }
-
-  .sm\:rounded-tl-4xl {
-    border-top-left-radius: 1rem;
-  }
-
-  .sm\:rounded-tr-4xl {
-    border-top-right-radius: 1rem;
-  }
-
-  .sm\:rounded-br-4xl {
-    border-bottom-right-radius: 1rem;
-  }
-
-  .sm\:rounded-bl-4xl {
-    border-bottom-left-radius: 1rem;
-  }
-
-  .sm\:rounded-tl-5xl {
-    border-top-left-radius: 1.25rem;
-  }
-
-  .sm\:rounded-tr-5xl {
-    border-top-right-radius: 1.25rem;
-  }
-
-  .sm\:rounded-br-5xl {
-    border-bottom-right-radius: 1.25rem;
-  }
-
-  .sm\:rounded-bl-5xl {
-    border-bottom-left-radius: 1.25rem;
-  }
-
-  .sm\:rounded-tl-6xl {
-    border-top-left-radius: 1.375rem;
-  }
-
-  .sm\:rounded-tr-6xl {
-    border-top-right-radius: 1.375rem;
-  }
-
-  .sm\:rounded-br-6xl {
-    border-bottom-right-radius: 1.375rem;
-  }
-
-  .sm\:rounded-bl-6xl {
-    border-bottom-left-radius: 1.375rem;
-  }
-
-  .sm\:rounded-tl-7xl {
-    border-top-left-radius: 1.5rem;
-  }
-
-  .sm\:rounded-tr-7xl {
-    border-top-right-radius: 1.5rem;
-  }
-
-  .sm\:rounded-br-7xl {
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .sm\:rounded-bl-7xl {
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .sm\:rounded-tl-8xl {
-    border-top-left-radius: 2rem;
-  }
-
-  .sm\:rounded-tr-8xl {
-    border-top-right-radius: 2rem;
-  }
-
-  .sm\:rounded-br-8xl {
-    border-bottom-right-radius: 2rem;
-  }
-
-  .sm\:rounded-bl-8xl {
-    border-bottom-left-radius: 2rem;
-  }
-
-  .sm\:rounded-tl-9xl {
-    border-top-left-radius: 2.25rem;
-  }
-
-  .sm\:rounded-tr-9xl {
-    border-top-right-radius: 2.25rem;
-  }
-
-  .sm\:rounded-br-9xl {
-    border-bottom-right-radius: 2.25rem;
-  }
-
-  .sm\:rounded-bl-9xl {
-    border-bottom-left-radius: 2.25rem;
-  }
-
-  .sm\:rounded-tl-10xl {
-    border-top-left-radius: 2.5rem;
-  }
-
-  .sm\:rounded-tr-10xl {
-    border-top-right-radius: 2.5rem;
-  }
-
-  .sm\:rounded-br-10xl {
-    border-bottom-right-radius: 2.5rem;
-  }
-
-  .sm\:rounded-bl-10xl {
-    border-bottom-left-radius: 2.5rem;
-  }
-
-  .sm\:rounded-tl-11xl {
-    border-top-left-radius: 5rem;
-  }
-
-  .sm\:rounded-tr-11xl {
-    border-top-right-radius: 5rem;
-  }
-
-  .sm\:rounded-br-11xl {
-    border-bottom-right-radius: 5rem;
-  }
-
-  .sm\:rounded-bl-11xl {
-    border-bottom-left-radius: 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 {
-    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-nowrap {
-    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\:clear-left {
-    clear: left;
-  }
-
-  .sm\:clear-right {
-    clear: right;
-  }
-
-  .sm\:clear-both {
-    clear: both;
-  }
-
-  .sm\:clear-none {
-    clear: none;
-  }
-
-  .sm\:font-body {
-    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  }
-
-  .sm\:font-heading {
-    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  }
-
-  .sm\:font-sans {
-    font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  }
-
-  .sm\:font-serif {
-    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
-  }
-
-  .sm\:font-mono {
-    font-family: ui-monospace, SFMono-Regular, 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\:h-0 {
-    height: 0px;
-  }
-
-  .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-14 {
-    height: 3.5rem;
-  }
-
-  .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-full {
-    height: 100%;
-  }
-
-  .sm\:h-screen {
-    height: 100vh;
-  }
-
-  .sm\:text-xxs {
-    font-size: 0.6875rem;
-  }
-
-  .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: 3.75rem;
-  }
-
-  .sm\:text-7xl {
-    font-size: 4.5rem;
-  }
-
-  .sm\:text-8xl {
-    font-size: 6rem;
-  }
-
-  .sm\:text-9xl {
-    font-size: 8rem;
-  }
-
-  .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: 0px;
-  }
-
-  .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-14 {
-    margin: 3.5rem;
-  }
-
-  .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-0 {
-    margin: 0px;
-  }
-
-  .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-14 {
-    margin: -3.5rem;
-  }
-
-  .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\:my-0 {
-    margin-top: 0px;
-    margin-bottom: 0px;
-  }
-
-  .sm\:mx-0 {
-    margin-left: 0px;
-    margin-right: 0px;
-  }
-
-  .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-14 {
-    margin-top: 3.5rem;
-    margin-bottom: 3.5rem;
-  }
-
-  .sm\:mx-14 {
-    margin-left: 3.5rem;
-    margin-right: 3.5rem;
-  }
-
-  .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-0 {
-    margin-top: 0px;
-    margin-bottom: 0px;
-  }
-
-  .sm\:-mx-0 {
-    margin-left: 0px;
-    margin-right: 0px;
-  }
-
-  .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-14 {
-    margin-top: -3.5rem;
-    margin-bottom: -3.5rem;
-  }
-
-  .sm\:-mx-14 {
-    margin-left: -3.5rem;
-    margin-right: -3.5rem;
-  }
-
-  .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\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .sm\:mr-0 {
-    margin-right: 0px;
-  }
-
-  .sm\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .sm\:ml-0 {
-    margin-left: 0px;
-  }
-
-  .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-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-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-0 {
-    margin-top: 0px;
-  }
-
-  .sm\:-mr-0 {
-    margin-right: 0px;
-  }
-
-  .sm\:-mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .sm\:-ml-0 {
-    margin-left: 0px;
-  }
-
-  .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-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-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\:max-h-full {
-    max-height: 100%;
-  }
-
-  .sm\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .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 {
-    max-width: -webkit-min-content;
-    max-width: -moz-min-content;
-    max-width: min-content;
-  }
-
-  .sm\:max-w-max {
-    max-width: -webkit-max-content;
-    max-width: -moz-max-content;
-    max-width: max-content;
-  }
-
-  .sm\:max-w-prose {
-    max-width: 65ch;
-  }
-
-  .sm\:min-h-0 {
-    min-height: 0;
-  }
-
-  .sm\:min-h-full {
-    min-height: 100%;
-  }
-
-  .sm\:min-h-screen {
-    min-height: 100vh;
-  }
-
-  .sm\:min-w-0 {
-    min-width: 0;
-  }
-
-  .sm\:min-w-full {
-    min-width: 100%;
-  }
-
-  .sm\:object-contain {
-    -o-object-fit: contain;
-       object-fit: contain;
-  }
-
-  .sm\:object-cover {
-    -o-object-fit: cover;
-       object-fit: cover;
-  }
-
-  .sm\:object-fill {
-    -o-object-fit: fill;
-       object-fit: fill;
-  }
-
-  .sm\:object-none {
-    -o-object-fit: none;
-       object-fit: none;
-  }
-
-  .sm\:object-scale-down {
-    -o-object-fit: scale-down;
-       object-fit: scale-down;
-  }
-
-  .sm\:object-bottom {
-    -o-object-position: bottom;
-       object-position: bottom;
-  }
-
-  .sm\:object-center {
-    -o-object-position: center;
-       object-position: center;
-  }
-
-  .sm\:object-left {
-    -o-object-position: left;
-       object-position: left;
-  }
-
-  .sm\:object-left-bottom {
-    -o-object-position: left bottom;
-       object-position: left bottom;
-  }
-
-  .sm\:object-left-top {
-    -o-object-position: left top;
-       object-position: left top;
-  }
-
-  .sm\:object-right {
-    -o-object-position: right;
-       object-position: right;
-  }
-
-  .sm\:object-right-bottom {
-    -o-object-position: right bottom;
-       object-position: right bottom;
-  }
-
-  .sm\:object-right-top {
-    -o-object-position: right top;
-       object-position: right top;
-  }
-
-  .sm\:object-top {
-    -o-object-position: top;
-       object-position: top;
-  }
-
-  .sm\:opacity-0 {
-    opacity: 0;
-  }
-
-  .sm\:opacity-5 {
-    opacity: 0.05;
-  }
-
-  .sm\:opacity-10 {
-    opacity: 0.1;
-  }
-
-  .sm\:opacity-20 {
-    opacity: 0.2;
-  }
-
-  .sm\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .sm\:opacity-30 {
-    opacity: 0.3;
-  }
-
-  .sm\:opacity-40 {
-    opacity: 0.4;
-  }
-
-  .sm\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .sm\:opacity-60 {
-    opacity: 0.6;
-  }
-
-  .sm\:opacity-70 {
-    opacity: 0.7;
-  }
-
-  .sm\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .sm\:opacity-80 {
-    opacity: 0.8;
-  }
-
-  .sm\:opacity-90 {
-    opacity: 0.9;
-  }
-
-  .sm\:opacity-95 {
-    opacity: 0.95;
-  }
-
-  .sm\:opacity-100 {
-    opacity: 1;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-0 {
-    opacity: 0;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-5 {
-    opacity: 0.05;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-10 {
-    opacity: 0.1;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-20 {
-    opacity: 0.2;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-30 {
-    opacity: 0.3;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-40 {
-    opacity: 0.4;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-60 {
-    opacity: 0.6;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-70 {
-    opacity: 0.7;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-80 {
-    opacity: 0.8;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-90 {
-    opacity: 0.9;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-95 {
-    opacity: 0.95;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-100 {
-    opacity: 1;
-  }
-
-  .sm\:focus-within\:opacity-0:focus-within {
-    opacity: 0;
-  }
-
-  .sm\:focus-within\:opacity-5:focus-within {
-    opacity: 0.05;
-  }
-
-  .sm\:focus-within\:opacity-10:focus-within {
-    opacity: 0.1;
-  }
-
-  .sm\:focus-within\:opacity-20:focus-within {
-    opacity: 0.2;
-  }
-
-  .sm\:focus-within\:opacity-25:focus-within {
-    opacity: 0.25;
-  }
-
-  .sm\:focus-within\:opacity-30:focus-within {
-    opacity: 0.3;
-  }
-
-  .sm\:focus-within\:opacity-40:focus-within {
-    opacity: 0.4;
-  }
-
-  .sm\:focus-within\:opacity-50:focus-within {
-    opacity: 0.5;
-  }
-
-  .sm\:focus-within\:opacity-60:focus-within {
-    opacity: 0.6;
-  }
-
-  .sm\:focus-within\:opacity-70:focus-within {
-    opacity: 0.7;
-  }
-
-  .sm\:focus-within\:opacity-75:focus-within {
-    opacity: 0.75;
-  }
-
-  .sm\:focus-within\:opacity-80:focus-within {
-    opacity: 0.8;
-  }
-
-  .sm\:focus-within\:opacity-90:focus-within {
-    opacity: 0.9;
-  }
-
-  .sm\:focus-within\:opacity-95:focus-within {
-    opacity: 0.95;
-  }
-
-  .sm\:focus-within\:opacity-100:focus-within {
-    opacity: 1;
-  }
-
-  .sm\:hover\:opacity-0:hover {
-    opacity: 0;
-  }
-
-  .sm\:hover\:opacity-5:hover {
-    opacity: 0.05;
-  }
-
-  .sm\:hover\:opacity-10:hover {
-    opacity: 0.1;
-  }
-
-  .sm\:hover\:opacity-20:hover {
-    opacity: 0.2;
-  }
-
-  .sm\:hover\:opacity-25:hover {
-    opacity: 0.25;
-  }
-
-  .sm\:hover\:opacity-30:hover {
-    opacity: 0.3;
-  }
-
-  .sm\:hover\:opacity-40:hover {
-    opacity: 0.4;
-  }
-
-  .sm\:hover\:opacity-50:hover {
-    opacity: 0.5;
-  }
-
-  .sm\:hover\:opacity-60:hover {
-    opacity: 0.6;
-  }
-
-  .sm\:hover\:opacity-70:hover {
-    opacity: 0.7;
-  }
-
-  .sm\:hover\:opacity-75:hover {
-    opacity: 0.75;
-  }
-
-  .sm\:hover\:opacity-80:hover {
-    opacity: 0.8;
-  }
-
-  .sm\:hover\:opacity-90:hover {
-    opacity: 0.9;
-  }
-
-  .sm\:hover\:opacity-95:hover {
-    opacity: 0.95;
-  }
-
-  .sm\:hover\:opacity-100:hover {
-    opacity: 1;
-  }
-
-  .sm\:focus\:opacity-0:focus {
-    opacity: 0;
-  }
-
-  .sm\:focus\:opacity-5:focus {
-    opacity: 0.05;
-  }
-
-  .sm\:focus\:opacity-10:focus {
-    opacity: 0.1;
-  }
-
-  .sm\:focus\:opacity-20:focus {
-    opacity: 0.2;
-  }
-
-  .sm\:focus\:opacity-25:focus {
-    opacity: 0.25;
-  }
-
-  .sm\:focus\:opacity-30:focus {
-    opacity: 0.3;
-  }
-
-  .sm\:focus\:opacity-40:focus {
-    opacity: 0.4;
-  }
-
-  .sm\:focus\:opacity-50:focus {
-    opacity: 0.5;
-  }
-
-  .sm\:focus\:opacity-60:focus {
-    opacity: 0.6;
-  }
-
-  .sm\:focus\:opacity-70:focus {
-    opacity: 0.7;
-  }
-
-  .sm\:focus\:opacity-75:focus {
-    opacity: 0.75;
-  }
-
-  .sm\:focus\:opacity-80:focus {
-    opacity: 0.8;
-  }
-
-  .sm\:focus\:opacity-90:focus {
-    opacity: 0.9;
-  }
-
-  .sm\:focus\:opacity-95:focus {
-    opacity: 0.95;
-  }
-
-  .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-within\:outline-none:focus-within {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .sm\:focus-within\:outline-white:focus-within {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .sm\:focus-within\:outline-black:focus-within {
-    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\: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: 0px;
-  }
-
-  .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-14 {
-    padding: 3.5rem;
-  }
-
-  .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\:py-0 {
-    padding-top: 0px;
-    padding-bottom: 0px;
-  }
-
-  .sm\:px-0 {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
-
-  .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-14 {
-    padding-top: 3.5rem;
-    padding-bottom: 3.5rem;
-  }
-
-  .sm\:px-14 {
-    padding-left: 3.5rem;
-    padding-right: 3.5rem;
-  }
-
-  .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\:pt-0 {
-    padding-top: 0px;
-  }
-
-  .sm\:pr-0 {
-    padding-right: 0px;
-  }
-
-  .sm\:pb-0 {
-    padding-bottom: 0px;
-  }
-
-  .sm\:pl-0 {
-    padding-left: 0px;
-  }
-
-  .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-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-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\:placeholder-current::-webkit-input-placeholder {
-    color: currentColor;
-  }
-
-  .sm\:placeholder-current::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .sm\:placeholder-current:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .sm\:placeholder-current::-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .sm\:placeholder-current::placeholder {
-    color: currentColor;
-  }
-
-  .sm\:placeholder-transparent::-webkit-input-placeholder {
-    color: transparent;
-  }
-
-  .sm\:placeholder-transparent::-moz-placeholder {
-    color: transparent;
-  }
-
-  .sm\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .sm\:placeholder-transparent::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .sm\:placeholder-transparent::placeholder {
-    color: transparent;
-  }
-
-  .sm\:placeholder-black::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-black::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-black:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-black::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-black::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-white::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-white::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-white:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-white::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-white::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-darkCoolGray-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-coolGray-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-violet-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-current:focus::-webkit-input-placeholder {
-    color: currentColor;
-  }
-
-  .sm\:focus\:placeholder-current:focus::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .sm\:focus\:placeholder-current:focus:-ms-input-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::-webkit-input-placeholder {
-    color: transparent;
-  }
-
-  .sm\:focus\:placeholder-transparent:focus::-moz-placeholder {
-    color: transparent;
-  }
-
-  .sm\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .sm\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .sm\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
-  }
-
-  .sm\:focus\:placeholder-black:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-black:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-black:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-black:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-white:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-white:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-white:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-white:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-darkCoolGray-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-coolGray-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-violet-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .sm\:placeholder-opacity-0::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .sm\:placeholder-opacity-0::-moz-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .sm\:placeholder-opacity-0:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .sm\:placeholder-opacity-0::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .sm\:placeholder-opacity-0::placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .sm\:placeholder-opacity-5::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .sm\:placeholder-opacity-5::-moz-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .sm\:placeholder-opacity-5:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .sm\:placeholder-opacity-5::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .sm\:placeholder-opacity-5::placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .sm\:placeholder-opacity-10::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .sm\:placeholder-opacity-10::-moz-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .sm\:placeholder-opacity-10:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .sm\:placeholder-opacity-10::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .sm\:placeholder-opacity-10::placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .sm\:placeholder-opacity-20::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .sm\:placeholder-opacity-20::-moz-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .sm\:placeholder-opacity-20:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .sm\:placeholder-opacity-20::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .sm\:placeholder-opacity-20::placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .sm\:placeholder-opacity-25::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .sm\:placeholder-opacity-25::-moz-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .sm\:placeholder-opacity-25:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .sm\:placeholder-opacity-25::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .sm\:placeholder-opacity-25::placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .sm\:placeholder-opacity-30::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .sm\:placeholder-opacity-30::-moz-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .sm\:placeholder-opacity-30:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .sm\:placeholder-opacity-30::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .sm\:placeholder-opacity-30::placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .sm\:placeholder-opacity-40::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .sm\:placeholder-opacity-40::-moz-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .sm\:placeholder-opacity-40:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .sm\:placeholder-opacity-40::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .sm\:placeholder-opacity-40::placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .sm\:placeholder-opacity-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .sm\:placeholder-opacity-50::-moz-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .sm\:placeholder-opacity-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .sm\:placeholder-opacity-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .sm\:placeholder-opacity-50::placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .sm\:placeholder-opacity-60::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .sm\:placeholder-opacity-60::-moz-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .sm\:placeholder-opacity-60:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .sm\:placeholder-opacity-60::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .sm\:placeholder-opacity-60::placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .sm\:placeholder-opacity-70::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .sm\:placeholder-opacity-70::-moz-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .sm\:placeholder-opacity-70:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .sm\:placeholder-opacity-70::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .sm\:placeholder-opacity-70::placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .sm\:placeholder-opacity-75::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .sm\:placeholder-opacity-75::-moz-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .sm\:placeholder-opacity-75:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .sm\:placeholder-opacity-75::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .sm\:placeholder-opacity-75::placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .sm\:placeholder-opacity-80::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .sm\:placeholder-opacity-80::-moz-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .sm\:placeholder-opacity-80:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .sm\:placeholder-opacity-80::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .sm\:placeholder-opacity-80::placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .sm\:placeholder-opacity-90::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .sm\:placeholder-opacity-90::-moz-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .sm\:placeholder-opacity-90:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .sm\:placeholder-opacity-90::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .sm\:placeholder-opacity-90::placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .sm\:placeholder-opacity-95::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .sm\:placeholder-opacity-95::-moz-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .sm\:placeholder-opacity-95:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .sm\:placeholder-opacity-95::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .sm\:placeholder-opacity-95::placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .sm\:placeholder-opacity-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .sm\:placeholder-opacity-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .sm\:placeholder-opacity-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .sm\:placeholder-opacity-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .sm\:placeholder-opacity-100::placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .sm\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .sm\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .sm\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .sm\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .sm\:focus\:placeholder-opacity-0:focus::placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .sm\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .sm\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .sm\:focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .sm\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .sm\:focus\:placeholder-opacity-5:focus::placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .sm\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .sm\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .sm\:focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .sm\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .sm\:focus\:placeholder-opacity-10:focus::placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .sm\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .sm\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .sm\:focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .sm\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .sm\:focus\:placeholder-opacity-20:focus::placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .sm\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .sm\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .sm\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .sm\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .sm\:focus\:placeholder-opacity-25:focus::placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .sm\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .sm\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .sm\:focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .sm\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .sm\:focus\:placeholder-opacity-30:focus::placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .sm\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .sm\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .sm\:focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .sm\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .sm\:focus\:placeholder-opacity-40:focus::placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .sm\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .sm\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .sm\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .sm\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .sm\:focus\:placeholder-opacity-50:focus::placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .sm\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .sm\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .sm\:focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .sm\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .sm\:focus\:placeholder-opacity-60:focus::placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .sm\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .sm\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .sm\:focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .sm\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .sm\:focus\:placeholder-opacity-70:focus::placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .sm\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .sm\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .sm\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .sm\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .sm\:focus\:placeholder-opacity-75:focus::placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .sm\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .sm\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .sm\:focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .sm\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .sm\:focus\:placeholder-opacity-80:focus::placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .sm\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .sm\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .sm\:focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .sm\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .sm\:focus\:placeholder-opacity-90:focus::placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .sm\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .sm\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .sm\:focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .sm\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .sm\:focus\:placeholder-opacity-95:focus::placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .sm\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .sm\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .sm\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .sm\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .sm\:focus\:placeholder-opacity-100:focus::placeholder {
-    --tw-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: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-  }
-
-  .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-14 {
-    top: 3.5rem;
-    right: 3.5rem;
-    bottom: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .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-0 {
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-  }
-
-  .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-14 {
-    top: -3.5rem;
-    right: -3.5rem;
-    bottom: -3.5rem;
-    left: -3.5rem;
-  }
-
-  .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-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-full {
-    top: 100%;
-    right: 100%;
-    bottom: 100%;
-    left: 100%;
-  }
-
-  .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-full {
-    top: -100%;
-    right: -100%;
-    bottom: -100%;
-    left: -100%;
-  }
-
-  .sm\:inset-y-0 {
-    top: 0px;
-    bottom: 0px;
-  }
-
-  .sm\:inset-x-0 {
-    right: 0px;
-    left: 0px;
-  }
-
-  .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-14 {
-    top: 3.5rem;
-    bottom: 3.5rem;
-  }
-
-  .sm\:inset-x-14 {
-    right: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .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-0 {
-    top: 0px;
-    bottom: 0px;
-  }
-
-  .sm\:-inset-x-0 {
-    right: 0px;
-    left: 0px;
-  }
-
-  .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-14 {
-    top: -3.5rem;
-    bottom: -3.5rem;
-  }
-
-  .sm\:-inset-x-14 {
-    right: -3.5rem;
-    left: -3.5rem;
-  }
-
-  .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-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-full {
-    top: 100%;
-    bottom: 100%;
-  }
-
-  .sm\:inset-x-full {
-    right: 100%;
-    left: 100%;
-  }
-
-  .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-full {
-    top: -100%;
-    bottom: -100%;
-  }
-
-  .sm\:-inset-x-full {
-    right: -100%;
-    left: -100%;
-  }
-
-  .sm\:top-0 {
-    top: 0px;
-  }
-
-  .sm\:right-0 {
-    right: 0px;
-  }
-
-  .sm\:bottom-0 {
-    bottom: 0px;
-  }
-
-  .sm\:left-0 {
-    left: 0px;
-  }
-
-  .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-14 {
-    top: 3.5rem;
-  }
-
-  .sm\:right-14 {
-    right: 3.5rem;
-  }
-
-  .sm\:bottom-14 {
-    bottom: 3.5rem;
-  }
-
-  .sm\:left-14 {
-    left: 3.5rem;
-  }
-
-  .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-0 {
-    top: 0px;
-  }
-
-  .sm\:-right-0 {
-    right: 0px;
-  }
-
-  .sm\:-bottom-0 {
-    bottom: 0px;
-  }
-
-  .sm\:-left-0 {
-    left: 0px;
-  }
-
-  .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-14 {
-    top: -3.5rem;
-  }
-
-  .sm\:-right-14 {
-    right: -3.5rem;
-  }
-
-  .sm\:-bottom-14 {
-    bottom: -3.5rem;
-  }
-
-  .sm\:-left-14 {
-    left: -3.5rem;
-  }
-
-  .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-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-full {
-    top: 100%;
-  }
-
-  .sm\:right-full {
-    right: 100%;
-  }
-
-  .sm\:bottom-full {
-    bottom: 100%;
-  }
-
-  .sm\:left-full {
-    left: 100%;
-  }
-
-  .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-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-sm {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:shadow {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:shadow-md {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:shadow-lg {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:shadow-xl {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:shadow-2xl {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:shadow-3xl {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:shadow-inner {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:shadow-none {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .sm\:group-hover\:shadow-sm {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .sm\:group-hover\:shadow {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .sm\:group-hover\:shadow-md {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .sm\:group-hover\:shadow-lg {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .sm\:group-hover\:shadow-xl {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .sm\:group-hover\:shadow-2xl {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .sm\:group-hover\:shadow-3xl {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .sm\:group-hover\:shadow-inner {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .sm\:group-hover\:shadow-none {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus-within\:shadow-sm:focus-within {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus-within\:shadow:focus-within {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus-within\:shadow-md:focus-within {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus-within\:shadow-lg:focus-within {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus-within\:shadow-xl:focus-within {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus-within\:shadow-2xl:focus-within {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus-within\:shadow-3xl:focus-within {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus-within\:shadow-inner:focus-within {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus-within\:shadow-none:focus-within {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:hover\:shadow-sm:hover {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:hover\:shadow:hover {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:hover\:shadow-md:hover {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:hover\:shadow-lg:hover {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:hover\:shadow-xl:hover {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:hover\:shadow-2xl:hover {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:hover\:shadow-3xl:hover {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:hover\:shadow-inner:hover {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:hover\:shadow-none:hover {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus\:shadow-sm:focus {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus\:shadow:focus {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus\:shadow-md:focus {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus\:shadow-lg:focus {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus\:shadow-xl:focus {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus\:shadow-2xl:focus {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus\:shadow-3xl:focus {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus\:shadow-inner:focus {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:focus\:shadow-none:focus {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .sm\:ring-0 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:ring-1 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:ring-2 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:ring-4 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:ring-8 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:ring {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:ring-inset {
-    --tw-ring-inset: inset;
-  }
-
-  .sm\:focus-within\:ring-0:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:focus-within\:ring-1:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:focus-within\:ring-2:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:focus-within\:ring-4:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:focus-within\:ring-8:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:focus-within\:ring:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:focus-within\:ring-inset:focus-within {
-    --tw-ring-inset: inset;
-  }
-
-  .sm\:focus\:ring-0:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:focus\:ring-1:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:focus\:ring-2:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:focus\:ring-4:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:focus\:ring-8:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:focus\:ring:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .sm\:focus\:ring-inset:focus {
-    --tw-ring-inset: inset;
-  }
-
-  .sm\:ring-offset-current {
-    --tw-ring-offset-color: currentColor;
-  }
-
-  .sm\:ring-offset-transparent {
-    --tw-ring-offset-color: transparent;
-  }
-
-  .sm\:ring-offset-black {
-    --tw-ring-offset-color: #000;
-  }
-
-  .sm\:ring-offset-white {
-    --tw-ring-offset-color: #fff;
-  }
-
-  .sm\:ring-offset-darkCoolGray-50 {
-    --tw-ring-offset-color: #F5F6F7;
-  }
-
-  .sm\:ring-offset-darkCoolGray-100 {
-    --tw-ring-offset-color: #EBEDEF;
-  }
-
-  .sm\:ring-offset-darkCoolGray-200 {
-    --tw-ring-offset-color: #CED1D6;
-  }
-
-  .sm\:ring-offset-darkCoolGray-300 {
-    --tw-ring-offset-color: #B0B5BD;
-  }
-
-  .sm\:ring-offset-darkCoolGray-400 {
-    --tw-ring-offset-color: #757E8C;
-  }
-
-  .sm\:ring-offset-darkCoolGray-500 {
-    --tw-ring-offset-color: #3A475B;
-  }
-
-  .sm\:ring-offset-darkCoolGray-600 {
-    --tw-ring-offset-color: #344052;
-  }
-
-  .sm\:ring-offset-darkCoolGray-700 {
-    --tw-ring-offset-color: #2C3544;
-  }
-
-  .sm\:ring-offset-darkCoolGray-800 {
-    --tw-ring-offset-color: #232B37;
-  }
-
-  .sm\:ring-offset-darkCoolGray-900 {
-    --tw-ring-offset-color: #1C232D;
-  }
-
-  .sm\:ring-offset-coolGray-50 {
-    --tw-ring-offset-color: #F7F8F9;
-  }
-
-  .sm\:ring-offset-coolGray-100 {
-    --tw-ring-offset-color: #EEF0F3;
-  }
-
-  .sm\:ring-offset-coolGray-200 {
-    --tw-ring-offset-color: #D5DAE1;
-  }
-
-  .sm\:ring-offset-coolGray-300 {
-    --tw-ring-offset-color: #BBC3CF;
-  }
-
-  .sm\:ring-offset-coolGray-400 {
-    --tw-ring-offset-color: #8896AB;
-  }
-
-  .sm\:ring-offset-coolGray-500 {
-    --tw-ring-offset-color: #556987;
-  }
-
-  .sm\:ring-offset-coolGray-600 {
-    --tw-ring-offset-color: #4D5F7A;
-  }
-
-  .sm\:ring-offset-coolGray-700 {
-    --tw-ring-offset-color: #404F65;
-  }
-
-  .sm\:ring-offset-coolGray-800 {
-    --tw-ring-offset-color: #333F51;
-  }
-
-  .sm\:ring-offset-coolGray-900 {
-    --tw-ring-offset-color: #2A3342;
-  }
-
-  .sm\:ring-offset-indigo-50 {
-    --tw-ring-offset-color: #F8F6FF;
-  }
-
-  .sm\:ring-offset-indigo-100 {
-    --tw-ring-offset-color: #F0EEFF;
-  }
-
-  .sm\:ring-offset-indigo-200 {
-    --tw-ring-offset-color: #DAD4FF;
-  }
-
-  .sm\:ring-offset-indigo-300 {
-    --tw-ring-offset-color: #C3B9FF;
-  }
-
-  .sm\:ring-offset-indigo-400 {
-    --tw-ring-offset-color: #9685FF;
-  }
-
-  .sm\:ring-offset-indigo-500 {
-    --tw-ring-offset-color: #6951FF;
-  }
-
-  .sm\:ring-offset-indigo-600 {
-    --tw-ring-offset-color: #5F49E6;
-  }
-
-  .sm\:ring-offset-indigo-700 {
-    --tw-ring-offset-color: #4F3DBF;
-  }
-
-  .sm\:ring-offset-indigo-800 {
-    --tw-ring-offset-color: #3F3199;
-  }
-
-  .sm\:ring-offset-indigo-900 {
-    --tw-ring-offset-color: #33287D;
-  }
-
-  .sm\:ring-offset-violet-50 {
-    --tw-ring-offset-color: #FBF7FF;
-  }
-
-  .sm\:ring-offset-violet-100 {
-    --tw-ring-offset-color: #F6EEFE;
-  }
-
-  .sm\:ring-offset-violet-200 {
-    --tw-ring-offset-color: #E9D5FD;
-  }
-
-  .sm\:ring-offset-violet-300 {
-    --tw-ring-offset-color: #DCBBFC;
-  }
-
-  .sm\:ring-offset-violet-400 {
-    --tw-ring-offset-color: #C288F9;
-  }
-
-  .sm\:ring-offset-violet-500 {
-    --tw-ring-offset-color: #A855F7;
-  }
-
-  .sm\:ring-offset-violet-600 {
-    --tw-ring-offset-color: #974DDE;
-  }
-
-  .sm\:ring-offset-violet-700 {
-    --tw-ring-offset-color: #7E40B9;
-  }
-
-  .sm\:ring-offset-violet-800 {
-    --tw-ring-offset-color: #653394;
-  }
-
-  .sm\:ring-offset-violet-900 {
-    --tw-ring-offset-color: #522A79;
-  }
-
-  .sm\:ring-offset-yellow-50 {
-    --tw-ring-offset-color: #FFFAF3;
-  }
-
-  .sm\:ring-offset-yellow-100 {
-    --tw-ring-offset-color: #FEF5E7;
-  }
-
-  .sm\:ring-offset-yellow-200 {
-    --tw-ring-offset-color: #FDE7C2;
-  }
-
-  .sm\:ring-offset-yellow-300 {
-    --tw-ring-offset-color: #FBD89D;
-  }
-
-  .sm\:ring-offset-yellow-400 {
-    --tw-ring-offset-color: #F8BB54;
-  }
-
-  .sm\:ring-offset-yellow-500 {
-    --tw-ring-offset-color: #F59E0B;
-  }
-
-  .sm\:ring-offset-yellow-600 {
-    --tw-ring-offset-color: #DD8E0A;
-  }
-
-  .sm\:ring-offset-yellow-700 {
-    --tw-ring-offset-color: #B87708;
-  }
-
-  .sm\:ring-offset-yellow-800 {
-    --tw-ring-offset-color: #935F07;
-  }
-
-  .sm\:ring-offset-yellow-900 {
-    --tw-ring-offset-color: #784D05;
-  }
-
-  .sm\:ring-offset-red-50 {
-    --tw-ring-offset-color: #FEF7F6;
-  }
-
-  .sm\:ring-offset-red-100 {
-    --tw-ring-offset-color: #FDEEEC;
-  }
-
-  .sm\:ring-offset-red-200 {
-    --tw-ring-offset-color: #FBD6D0;
-  }
-
-  .sm\:ring-offset-red-300 {
-    --tw-ring-offset-color: #F9BDB4;
-  }
-
-  .sm\:ring-offset-red-400 {
-    --tw-ring-offset-color: #F48B7C;
-  }
-
-  .sm\:ring-offset-red-500 {
-    --tw-ring-offset-color: #EF5844;
-  }
-
-  .sm\:ring-offset-red-600 {
-    --tw-ring-offset-color: #D7503D;
-  }
-
-  .sm\:ring-offset-red-700 {
-    --tw-ring-offset-color: #B34333;
-  }
-
-  .sm\:ring-offset-red-800 {
-    --tw-ring-offset-color: #8F3529;
-  }
-
-  .sm\:ring-offset-red-900 {
-    --tw-ring-offset-color: #752C21;
-  }
-
-  .sm\:ring-offset-green-50 {
-    --tw-ring-offset-color: #F4FDF7;
-  }
-
-  .sm\:ring-offset-green-100 {
-    --tw-ring-offset-color: #EAFAF0;
-  }
-
-  .sm\:ring-offset-green-200 {
-    --tw-ring-offset-color: #CAF4D9;
-  }
-
-  .sm\:ring-offset-green-300 {
-    --tw-ring-offset-color: #AAEDC3;
-  }
-
-  .sm\:ring-offset-green-400 {
-    --tw-ring-offset-color: #6ADF95;
-  }
-
-  .sm\:ring-offset-green-500 {
-    --tw-ring-offset-color: #2AD167;
-  }
-
-  .sm\:ring-offset-green-600 {
-    --tw-ring-offset-color: #26BC5E;
-  }
-
-  .sm\:ring-offset-green-700 {
-    --tw-ring-offset-color: #209D4E;
-  }
-
-  .sm\:ring-offset-green-800 {
-    --tw-ring-offset-color: #197D3E;
-  }
-
-  .sm\:ring-offset-green-900 {
-    --tw-ring-offset-color: #156633;
-  }
-
-  .sm\:ring-offset-blue-50 {
-    --tw-ring-offset-color: #F5F9FF;
-  }
-
-  .sm\:ring-offset-blue-100 {
-    --tw-ring-offset-color: #EBF3FE;
-  }
-
-  .sm\:ring-offset-blue-200 {
-    --tw-ring-offset-color: #CEE0FD;
-  }
-
-  .sm\:ring-offset-blue-300 {
-    --tw-ring-offset-color: #B1CDFB;
-  }
-
-  .sm\:ring-offset-blue-400 {
-    --tw-ring-offset-color: #76A8F9;
-  }
-
-  .sm\:ring-offset-blue-500 {
-    --tw-ring-offset-color: #3B82F6;
-  }
-
-  .sm\:ring-offset-blue-600 {
-    --tw-ring-offset-color: #3575DD;
-  }
-
-  .sm\:ring-offset-blue-700 {
-    --tw-ring-offset-color: #2C62B9;
-  }
-
-  .sm\:ring-offset-blue-800 {
-    --tw-ring-offset-color: #234E94;
-  }
-
-  .sm\:ring-offset-blue-900 {
-    --tw-ring-offset-color: #1D4079;
-  }
-
-  .sm\:ring-offset-gray-50 {
-    --tw-ring-offset-color: #f9fafb;
-  }
-
-  .sm\:ring-offset-gray-100 {
-    --tw-ring-offset-color: #f3f4f6;
-  }
-
-  .sm\:ring-offset-gray-200 {
-    --tw-ring-offset-color: #e5e7eb;
-  }
-
-  .sm\:ring-offset-gray-300 {
-    --tw-ring-offset-color: #d1d5db;
-  }
-
-  .sm\:ring-offset-gray-400 {
-    --tw-ring-offset-color: #9ca3af;
-  }
-
-  .sm\:ring-offset-gray-500 {
-    --tw-ring-offset-color: #6b7280;
-  }
-
-  .sm\:ring-offset-gray-600 {
-    --tw-ring-offset-color: #4b5563;
-  }
-
-  .sm\:ring-offset-gray-700 {
-    --tw-ring-offset-color: #374151;
-  }
-
-  .sm\:ring-offset-gray-800 {
-    --tw-ring-offset-color: #1f2937;
-  }
-
-  .sm\:ring-offset-gray-900 {
-    --tw-ring-offset-color: #111827;
-  }
-
-  .sm\:focus-within\:ring-offset-current:focus-within {
-    --tw-ring-offset-color: currentColor;
-  }
-
-  .sm\:focus-within\:ring-offset-transparent:focus-within {
-    --tw-ring-offset-color: transparent;
-  }
-
-  .sm\:focus-within\:ring-offset-black:focus-within {
-    --tw-ring-offset-color: #000;
-  }
-
-  .sm\:focus-within\:ring-offset-white:focus-within {
-    --tw-ring-offset-color: #fff;
-  }
-
-  .sm\:focus-within\:ring-offset-darkCoolGray-50:focus-within {
-    --tw-ring-offset-color: #F5F6F7;
-  }
-
-  .sm\:focus-within\:ring-offset-darkCoolGray-100:focus-within {
-    --tw-ring-offset-color: #EBEDEF;
-  }
-
-  .sm\:focus-within\:ring-offset-darkCoolGray-200:focus-within {
-    --tw-ring-offset-color: #CED1D6;
-  }
-
-  .sm\:focus-within\:ring-offset-darkCoolGray-300:focus-within {
-    --tw-ring-offset-color: #B0B5BD;
-  }
-
-  .sm\:focus-within\:ring-offset-darkCoolGray-400:focus-within {
-    --tw-ring-offset-color: #757E8C;
-  }
-
-  .sm\:focus-within\:ring-offset-darkCoolGray-500:focus-within {
-    --tw-ring-offset-color: #3A475B;
-  }
-
-  .sm\:focus-within\:ring-offset-darkCoolGray-600:focus-within {
-    --tw-ring-offset-color: #344052;
-  }
-
-  .sm\:focus-within\:ring-offset-darkCoolGray-700:focus-within {
-    --tw-ring-offset-color: #2C3544;
-  }
-
-  .sm\:focus-within\:ring-offset-darkCoolGray-800:focus-within {
-    --tw-ring-offset-color: #232B37;
-  }
-
-  .sm\:focus-within\:ring-offset-darkCoolGray-900:focus-within {
-    --tw-ring-offset-color: #1C232D;
-  }
-
-  .sm\:focus-within\:ring-offset-coolGray-50:focus-within {
-    --tw-ring-offset-color: #F7F8F9;
-  }
-
-  .sm\:focus-within\:ring-offset-coolGray-100:focus-within {
-    --tw-ring-offset-color: #EEF0F3;
-  }
-
-  .sm\:focus-within\:ring-offset-coolGray-200:focus-within {
-    --tw-ring-offset-color: #D5DAE1;
-  }
-
-  .sm\:focus-within\:ring-offset-coolGray-300:focus-within {
-    --tw-ring-offset-color: #BBC3CF;
-  }
-
-  .sm\:focus-within\:ring-offset-coolGray-400:focus-within {
-    --tw-ring-offset-color: #8896AB;
-  }
-
-  .sm\:focus-within\:ring-offset-coolGray-500:focus-within {
-    --tw-ring-offset-color: #556987;
-  }
-
-  .sm\:focus-within\:ring-offset-coolGray-600:focus-within {
-    --tw-ring-offset-color: #4D5F7A;
-  }
-
-  .sm\:focus-within\:ring-offset-coolGray-700:focus-within {
-    --tw-ring-offset-color: #404F65;
-  }
-
-  .sm\:focus-within\:ring-offset-coolGray-800:focus-within {
-    --tw-ring-offset-color: #333F51;
-  }
-
-  .sm\:focus-within\:ring-offset-coolGray-900:focus-within {
-    --tw-ring-offset-color: #2A3342;
-  }
-
-  .sm\:focus-within\:ring-offset-indigo-50:focus-within {
-    --tw-ring-offset-color: #F8F6FF;
-  }
-
-  .sm\:focus-within\:ring-offset-indigo-100:focus-within {
-    --tw-ring-offset-color: #F0EEFF;
-  }
-
-  .sm\:focus-within\:ring-offset-indigo-200:focus-within {
-    --tw-ring-offset-color: #DAD4FF;
-  }
-
-  .sm\:focus-within\:ring-offset-indigo-300:focus-within {
-    --tw-ring-offset-color: #C3B9FF;
-  }
-
-  .sm\:focus-within\:ring-offset-indigo-400:focus-within {
-    --tw-ring-offset-color: #9685FF;
-  }
-
-  .sm\:focus-within\:ring-offset-indigo-500:focus-within {
-    --tw-ring-offset-color: #6951FF;
-  }
-
-  .sm\:focus-within\:ring-offset-indigo-600:focus-within {
-    --tw-ring-offset-color: #5F49E6;
-  }
-
-  .sm\:focus-within\:ring-offset-indigo-700:focus-within {
-    --tw-ring-offset-color: #4F3DBF;
-  }
-
-  .sm\:focus-within\:ring-offset-indigo-800:focus-within {
-    --tw-ring-offset-color: #3F3199;
-  }
-
-  .sm\:focus-within\:ring-offset-indigo-900:focus-within {
-    --tw-ring-offset-color: #33287D;
-  }
-
-  .sm\:focus-within\:ring-offset-violet-50:focus-within {
-    --tw-ring-offset-color: #FBF7FF;
-  }
-
-  .sm\:focus-within\:ring-offset-violet-100:focus-within {
-    --tw-ring-offset-color: #F6EEFE;
-  }
-
-  .sm\:focus-within\:ring-offset-violet-200:focus-within {
-    --tw-ring-offset-color: #E9D5FD;
-  }
-
-  .sm\:focus-within\:ring-offset-violet-300:focus-within {
-    --tw-ring-offset-color: #DCBBFC;
-  }
-
-  .sm\:focus-within\:ring-offset-violet-400:focus-within {
-    --tw-ring-offset-color: #C288F9;
-  }
-
-  .sm\:focus-within\:ring-offset-violet-500:focus-within {
-    --tw-ring-offset-color: #A855F7;
-  }
-
-  .sm\:focus-within\:ring-offset-violet-600:focus-within {
-    --tw-ring-offset-color: #974DDE;
-  }
-
-  .sm\:focus-within\:ring-offset-violet-700:focus-within {
-    --tw-ring-offset-color: #7E40B9;
-  }
-
-  .sm\:focus-within\:ring-offset-violet-800:focus-within {
-    --tw-ring-offset-color: #653394;
-  }
-
-  .sm\:focus-within\:ring-offset-violet-900:focus-within {
-    --tw-ring-offset-color: #522A79;
-  }
-
-  .sm\:focus-within\:ring-offset-yellow-50:focus-within {
-    --tw-ring-offset-color: #FFFAF3;
-  }
-
-  .sm\:focus-within\:ring-offset-yellow-100:focus-within {
-    --tw-ring-offset-color: #FEF5E7;
-  }
-
-  .sm\:focus-within\:ring-offset-yellow-200:focus-within {
-    --tw-ring-offset-color: #FDE7C2;
-  }
-
-  .sm\:focus-within\:ring-offset-yellow-300:focus-within {
-    --tw-ring-offset-color: #FBD89D;
-  }
-
-  .sm\:focus-within\:ring-offset-yellow-400:focus-within {
-    --tw-ring-offset-color: #F8BB54;
-  }
-
-  .sm\:focus-within\:ring-offset-yellow-500:focus-within {
-    --tw-ring-offset-color: #F59E0B;
-  }
-
-  .sm\:focus-within\:ring-offset-yellow-600:focus-within {
-    --tw-ring-offset-color: #DD8E0A;
-  }
-
-  .sm\:focus-within\:ring-offset-yellow-700:focus-within {
-    --tw-ring-offset-color: #B87708;
-  }
-
-  .sm\:focus-within\:ring-offset-yellow-800:focus-within {
-    --tw-ring-offset-color: #935F07;
-  }
-
-  .sm\:focus-within\:ring-offset-yellow-900:focus-within {
-    --tw-ring-offset-color: #784D05;
-  }
-
-  .sm\:focus-within\:ring-offset-red-50:focus-within {
-    --tw-ring-offset-color: #FEF7F6;
-  }
-
-  .sm\:focus-within\:ring-offset-red-100:focus-within {
-    --tw-ring-offset-color: #FDEEEC;
-  }
-
-  .sm\:focus-within\:ring-offset-red-200:focus-within {
-    --tw-ring-offset-color: #FBD6D0;
-  }
-
-  .sm\:focus-within\:ring-offset-red-300:focus-within {
-    --tw-ring-offset-color: #F9BDB4;
-  }
-
-  .sm\:focus-within\:ring-offset-red-400:focus-within {
-    --tw-ring-offset-color: #F48B7C;
-  }
-
-  .sm\:focus-within\:ring-offset-red-500:focus-within {
-    --tw-ring-offset-color: #EF5844;
-  }
-
-  .sm\:focus-within\:ring-offset-red-600:focus-within {
-    --tw-ring-offset-color: #D7503D;
-  }
-
-  .sm\:focus-within\:ring-offset-red-700:focus-within {
-    --tw-ring-offset-color: #B34333;
-  }
-
-  .sm\:focus-within\:ring-offset-red-800:focus-within {
-    --tw-ring-offset-color: #8F3529;
-  }
-
-  .sm\:focus-within\:ring-offset-red-900:focus-within {
-    --tw-ring-offset-color: #752C21;
-  }
-
-  .sm\:focus-within\:ring-offset-green-50:focus-within {
-    --tw-ring-offset-color: #F4FDF7;
-  }
-
-  .sm\:focus-within\:ring-offset-green-100:focus-within {
-    --tw-ring-offset-color: #EAFAF0;
-  }
-
-  .sm\:focus-within\:ring-offset-green-200:focus-within {
-    --tw-ring-offset-color: #CAF4D9;
-  }
-
-  .sm\:focus-within\:ring-offset-green-300:focus-within {
-    --tw-ring-offset-color: #AAEDC3;
-  }
-
-  .sm\:focus-within\:ring-offset-green-400:focus-within {
-    --tw-ring-offset-color: #6ADF95;
-  }
-
-  .sm\:focus-within\:ring-offset-green-500:focus-within {
-    --tw-ring-offset-color: #2AD167;
-  }
-
-  .sm\:focus-within\:ring-offset-green-600:focus-within {
-    --tw-ring-offset-color: #26BC5E;
-  }
-
-  .sm\:focus-within\:ring-offset-green-700:focus-within {
-    --tw-ring-offset-color: #209D4E;
-  }
-
-  .sm\:focus-within\:ring-offset-green-800:focus-within {
-    --tw-ring-offset-color: #197D3E;
-  }
-
-  .sm\:focus-within\:ring-offset-green-900:focus-within {
-    --tw-ring-offset-color: #156633;
-  }
-
-  .sm\:focus-within\:ring-offset-blue-50:focus-within {
-    --tw-ring-offset-color: #F5F9FF;
-  }
-
-  .sm\:focus-within\:ring-offset-blue-100:focus-within {
-    --tw-ring-offset-color: #EBF3FE;
-  }
-
-  .sm\:focus-within\:ring-offset-blue-200:focus-within {
-    --tw-ring-offset-color: #CEE0FD;
-  }
-
-  .sm\:focus-within\:ring-offset-blue-300:focus-within {
-    --tw-ring-offset-color: #B1CDFB;
-  }
-
-  .sm\:focus-within\:ring-offset-blue-400:focus-within {
-    --tw-ring-offset-color: #76A8F9;
-  }
-
-  .sm\:focus-within\:ring-offset-blue-500:focus-within {
-    --tw-ring-offset-color: #3B82F6;
-  }
-
-  .sm\:focus-within\:ring-offset-blue-600:focus-within {
-    --tw-ring-offset-color: #3575DD;
-  }
-
-  .sm\:focus-within\:ring-offset-blue-700:focus-within {
-    --tw-ring-offset-color: #2C62B9;
-  }
-
-  .sm\:focus-within\:ring-offset-blue-800:focus-within {
-    --tw-ring-offset-color: #234E94;
-  }
-
-  .sm\:focus-within\:ring-offset-blue-900:focus-within {
-    --tw-ring-offset-color: #1D4079;
-  }
-
-  .sm\:focus-within\:ring-offset-gray-50:focus-within {
-    --tw-ring-offset-color: #f9fafb;
-  }
-
-  .sm\:focus-within\:ring-offset-gray-100:focus-within {
-    --tw-ring-offset-color: #f3f4f6;
-  }
-
-  .sm\:focus-within\:ring-offset-gray-200:focus-within {
-    --tw-ring-offset-color: #e5e7eb;
-  }
-
-  .sm\:focus-within\:ring-offset-gray-300:focus-within {
-    --tw-ring-offset-color: #d1d5db;
-  }
-
-  .sm\:focus-within\:ring-offset-gray-400:focus-within {
-    --tw-ring-offset-color: #9ca3af;
-  }
-
-  .sm\:focus-within\:ring-offset-gray-500:focus-within {
-    --tw-ring-offset-color: #6b7280;
-  }
-
-  .sm\:focus-within\:ring-offset-gray-600:focus-within {
-    --tw-ring-offset-color: #4b5563;
-  }
-
-  .sm\:focus-within\:ring-offset-gray-700:focus-within {
-    --tw-ring-offset-color: #374151;
-  }
-
-  .sm\:focus-within\:ring-offset-gray-800:focus-within {
-    --tw-ring-offset-color: #1f2937;
-  }
-
-  .sm\:focus-within\:ring-offset-gray-900:focus-within {
-    --tw-ring-offset-color: #111827;
-  }
-
-  .sm\:focus\:ring-offset-current:focus {
-    --tw-ring-offset-color: currentColor;
-  }
-
-  .sm\:focus\:ring-offset-transparent:focus {
-    --tw-ring-offset-color: transparent;
-  }
-
-  .sm\:focus\:ring-offset-black:focus {
-    --tw-ring-offset-color: #000;
-  }
-
-  .sm\:focus\:ring-offset-white:focus {
-    --tw-ring-offset-color: #fff;
-  }
-
-  .sm\:focus\:ring-offset-darkCoolGray-50:focus {
-    --tw-ring-offset-color: #F5F6F7;
-  }
-
-  .sm\:focus\:ring-offset-darkCoolGray-100:focus {
-    --tw-ring-offset-color: #EBEDEF;
-  }
-
-  .sm\:focus\:ring-offset-darkCoolGray-200:focus {
-    --tw-ring-offset-color: #CED1D6;
-  }
-
-  .sm\:focus\:ring-offset-darkCoolGray-300:focus {
-    --tw-ring-offset-color: #B0B5BD;
-  }
-
-  .sm\:focus\:ring-offset-darkCoolGray-400:focus {
-    --tw-ring-offset-color: #757E8C;
-  }
-
-  .sm\:focus\:ring-offset-darkCoolGray-500:focus {
-    --tw-ring-offset-color: #3A475B;
-  }
-
-  .sm\:focus\:ring-offset-darkCoolGray-600:focus {
-    --tw-ring-offset-color: #344052;
-  }
-
-  .sm\:focus\:ring-offset-darkCoolGray-700:focus {
-    --tw-ring-offset-color: #2C3544;
-  }
-
-  .sm\:focus\:ring-offset-darkCoolGray-800:focus {
-    --tw-ring-offset-color: #232B37;
-  }
-
-  .sm\:focus\:ring-offset-darkCoolGray-900:focus {
-    --tw-ring-offset-color: #1C232D;
-  }
-
-  .sm\:focus\:ring-offset-coolGray-50:focus {
-    --tw-ring-offset-color: #F7F8F9;
-  }
-
-  .sm\:focus\:ring-offset-coolGray-100:focus {
-    --tw-ring-offset-color: #EEF0F3;
-  }
-
-  .sm\:focus\:ring-offset-coolGray-200:focus {
-    --tw-ring-offset-color: #D5DAE1;
-  }
-
-  .sm\:focus\:ring-offset-coolGray-300:focus {
-    --tw-ring-offset-color: #BBC3CF;
-  }
-
-  .sm\:focus\:ring-offset-coolGray-400:focus {
-    --tw-ring-offset-color: #8896AB;
-  }
-
-  .sm\:focus\:ring-offset-coolGray-500:focus {
-    --tw-ring-offset-color: #556987;
-  }
-
-  .sm\:focus\:ring-offset-coolGray-600:focus {
-    --tw-ring-offset-color: #4D5F7A;
-  }
-
-  .sm\:focus\:ring-offset-coolGray-700:focus {
-    --tw-ring-offset-color: #404F65;
-  }
-
-  .sm\:focus\:ring-offset-coolGray-800:focus {
-    --tw-ring-offset-color: #333F51;
-  }
-
-  .sm\:focus\:ring-offset-coolGray-900:focus {
-    --tw-ring-offset-color: #2A3342;
-  }
-
-  .sm\:focus\:ring-offset-indigo-50:focus {
-    --tw-ring-offset-color: #F8F6FF;
-  }
-
-  .sm\:focus\:ring-offset-indigo-100:focus {
-    --tw-ring-offset-color: #F0EEFF;
-  }
-
-  .sm\:focus\:ring-offset-indigo-200:focus {
-    --tw-ring-offset-color: #DAD4FF;
-  }
-
-  .sm\:focus\:ring-offset-indigo-300:focus {
-    --tw-ring-offset-color: #C3B9FF;
-  }
-
-  .sm\:focus\:ring-offset-indigo-400:focus {
-    --tw-ring-offset-color: #9685FF;
-  }
-
-  .sm\:focus\:ring-offset-indigo-500:focus {
-    --tw-ring-offset-color: #6951FF;
-  }
-
-  .sm\:focus\:ring-offset-indigo-600:focus {
-    --tw-ring-offset-color: #5F49E6;
-  }
-
-  .sm\:focus\:ring-offset-indigo-700:focus {
-    --tw-ring-offset-color: #4F3DBF;
-  }
-
-  .sm\:focus\:ring-offset-indigo-800:focus {
-    --tw-ring-offset-color: #3F3199;
-  }
-
-  .sm\:focus\:ring-offset-indigo-900:focus {
-    --tw-ring-offset-color: #33287D;
-  }
-
-  .sm\:focus\:ring-offset-violet-50:focus {
-    --tw-ring-offset-color: #FBF7FF;
-  }
-
-  .sm\:focus\:ring-offset-violet-100:focus {
-    --tw-ring-offset-color: #F6EEFE;
-  }
-
-  .sm\:focus\:ring-offset-violet-200:focus {
-    --tw-ring-offset-color: #E9D5FD;
-  }
-
-  .sm\:focus\:ring-offset-violet-300:focus {
-    --tw-ring-offset-color: #DCBBFC;
-  }
-
-  .sm\:focus\:ring-offset-violet-400:focus {
-    --tw-ring-offset-color: #C288F9;
-  }
-
-  .sm\:focus\:ring-offset-violet-500:focus {
-    --tw-ring-offset-color: #A855F7;
-  }
-
-  .sm\:focus\:ring-offset-violet-600:focus {
-    --tw-ring-offset-color: #974DDE;
-  }
-
-  .sm\:focus\:ring-offset-violet-700:focus {
-    --tw-ring-offset-color: #7E40B9;
-  }
-
-  .sm\:focus\:ring-offset-violet-800:focus {
-    --tw-ring-offset-color: #653394;
-  }
-
-  .sm\:focus\:ring-offset-violet-900:focus {
-    --tw-ring-offset-color: #522A79;
-  }
-
-  .sm\:focus\:ring-offset-yellow-50:focus {
-    --tw-ring-offset-color: #FFFAF3;
-  }
-
-  .sm\:focus\:ring-offset-yellow-100:focus {
-    --tw-ring-offset-color: #FEF5E7;
-  }
-
-  .sm\:focus\:ring-offset-yellow-200:focus {
-    --tw-ring-offset-color: #FDE7C2;
-  }
-
-  .sm\:focus\:ring-offset-yellow-300:focus {
-    --tw-ring-offset-color: #FBD89D;
-  }
-
-  .sm\:focus\:ring-offset-yellow-400:focus {
-    --tw-ring-offset-color: #F8BB54;
-  }
-
-  .sm\:focus\:ring-offset-yellow-500:focus {
-    --tw-ring-offset-color: #F59E0B;
-  }
-
-  .sm\:focus\:ring-offset-yellow-600:focus {
-    --tw-ring-offset-color: #DD8E0A;
-  }
-
-  .sm\:focus\:ring-offset-yellow-700:focus {
-    --tw-ring-offset-color: #B87708;
-  }
-
-  .sm\:focus\:ring-offset-yellow-800:focus {
-    --tw-ring-offset-color: #935F07;
-  }
-
-  .sm\:focus\:ring-offset-yellow-900:focus {
-    --tw-ring-offset-color: #784D05;
-  }
-
-  .sm\:focus\:ring-offset-red-50:focus {
-    --tw-ring-offset-color: #FEF7F6;
-  }
-
-  .sm\:focus\:ring-offset-red-100:focus {
-    --tw-ring-offset-color: #FDEEEC;
-  }
-
-  .sm\:focus\:ring-offset-red-200:focus {
-    --tw-ring-offset-color: #FBD6D0;
-  }
-
-  .sm\:focus\:ring-offset-red-300:focus {
-    --tw-ring-offset-color: #F9BDB4;
-  }
-
-  .sm\:focus\:ring-offset-red-400:focus {
-    --tw-ring-offset-color: #F48B7C;
-  }
-
-  .sm\:focus\:ring-offset-red-500:focus {
-    --tw-ring-offset-color: #EF5844;
-  }
-
-  .sm\:focus\:ring-offset-red-600:focus {
-    --tw-ring-offset-color: #D7503D;
-  }
-
-  .sm\:focus\:ring-offset-red-700:focus {
-    --tw-ring-offset-color: #B34333;
-  }
-
-  .sm\:focus\:ring-offset-red-800:focus {
-    --tw-ring-offset-color: #8F3529;
-  }
-
-  .sm\:focus\:ring-offset-red-900:focus {
-    --tw-ring-offset-color: #752C21;
-  }
-
-  .sm\:focus\:ring-offset-green-50:focus {
-    --tw-ring-offset-color: #F4FDF7;
-  }
-
-  .sm\:focus\:ring-offset-green-100:focus {
-    --tw-ring-offset-color: #EAFAF0;
-  }
-
-  .sm\:focus\:ring-offset-green-200:focus {
-    --tw-ring-offset-color: #CAF4D9;
-  }
-
-  .sm\:focus\:ring-offset-green-300:focus {
-    --tw-ring-offset-color: #AAEDC3;
-  }
-
-  .sm\:focus\:ring-offset-green-400:focus {
-    --tw-ring-offset-color: #6ADF95;
-  }
-
-  .sm\:focus\:ring-offset-green-500:focus {
-    --tw-ring-offset-color: #2AD167;
-  }
-
-  .sm\:focus\:ring-offset-green-600:focus {
-    --tw-ring-offset-color: #26BC5E;
-  }
-
-  .sm\:focus\:ring-offset-green-700:focus {
-    --tw-ring-offset-color: #209D4E;
-  }
-
-  .sm\:focus\:ring-offset-green-800:focus {
-    --tw-ring-offset-color: #197D3E;
-  }
-
-  .sm\:focus\:ring-offset-green-900:focus {
-    --tw-ring-offset-color: #156633;
-  }
-
-  .sm\:focus\:ring-offset-blue-50:focus {
-    --tw-ring-offset-color: #F5F9FF;
-  }
-
-  .sm\:focus\:ring-offset-blue-100:focus {
-    --tw-ring-offset-color: #EBF3FE;
-  }
-
-  .sm\:focus\:ring-offset-blue-200:focus {
-    --tw-ring-offset-color: #CEE0FD;
-  }
-
-  .sm\:focus\:ring-offset-blue-300:focus {
-    --tw-ring-offset-color: #B1CDFB;
-  }
-
-  .sm\:focus\:ring-offset-blue-400:focus {
-    --tw-ring-offset-color: #76A8F9;
-  }
-
-  .sm\:focus\:ring-offset-blue-500:focus {
-    --tw-ring-offset-color: #3B82F6;
-  }
-
-  .sm\:focus\:ring-offset-blue-600:focus {
-    --tw-ring-offset-color: #3575DD;
-  }
-
-  .sm\:focus\:ring-offset-blue-700:focus {
-    --tw-ring-offset-color: #2C62B9;
-  }
-
-  .sm\:focus\:ring-offset-blue-800:focus {
-    --tw-ring-offset-color: #234E94;
-  }
-
-  .sm\:focus\:ring-offset-blue-900:focus {
-    --tw-ring-offset-color: #1D4079;
-  }
-
-  .sm\:focus\:ring-offset-gray-50:focus {
-    --tw-ring-offset-color: #f9fafb;
-  }
-
-  .sm\:focus\:ring-offset-gray-100:focus {
-    --tw-ring-offset-color: #f3f4f6;
-  }
-
-  .sm\:focus\:ring-offset-gray-200:focus {
-    --tw-ring-offset-color: #e5e7eb;
-  }
-
-  .sm\:focus\:ring-offset-gray-300:focus {
-    --tw-ring-offset-color: #d1d5db;
-  }
-
-  .sm\:focus\:ring-offset-gray-400:focus {
-    --tw-ring-offset-color: #9ca3af;
-  }
-
-  .sm\:focus\:ring-offset-gray-500:focus {
-    --tw-ring-offset-color: #6b7280;
-  }
-
-  .sm\:focus\:ring-offset-gray-600:focus {
-    --tw-ring-offset-color: #4b5563;
-  }
-
-  .sm\:focus\:ring-offset-gray-700:focus {
-    --tw-ring-offset-color: #374151;
-  }
-
-  .sm\:focus\:ring-offset-gray-800:focus {
-    --tw-ring-offset-color: #1f2937;
-  }
-
-  .sm\:focus\:ring-offset-gray-900:focus {
-    --tw-ring-offset-color: #111827;
-  }
-
-  .sm\:ring-offset-0 {
-    --tw-ring-offset-width: 0px;
-  }
-
-  .sm\:ring-offset-1 {
-    --tw-ring-offset-width: 1px;
-  }
-
-  .sm\:ring-offset-2 {
-    --tw-ring-offset-width: 2px;
-  }
-
-  .sm\:ring-offset-4 {
-    --tw-ring-offset-width: 4px;
-  }
-
-  .sm\:ring-offset-8 {
-    --tw-ring-offset-width: 8px;
-  }
-
-  .sm\:focus-within\:ring-offset-0:focus-within {
-    --tw-ring-offset-width: 0px;
-  }
-
-  .sm\:focus-within\:ring-offset-1:focus-within {
-    --tw-ring-offset-width: 1px;
-  }
-
-  .sm\:focus-within\:ring-offset-2:focus-within {
-    --tw-ring-offset-width: 2px;
-  }
-
-  .sm\:focus-within\:ring-offset-4:focus-within {
-    --tw-ring-offset-width: 4px;
-  }
-
-  .sm\:focus-within\:ring-offset-8:focus-within {
-    --tw-ring-offset-width: 8px;
-  }
-
-  .sm\:focus\:ring-offset-0:focus {
-    --tw-ring-offset-width: 0px;
-  }
-
-  .sm\:focus\:ring-offset-1:focus {
-    --tw-ring-offset-width: 1px;
-  }
-
-  .sm\:focus\:ring-offset-2:focus {
-    --tw-ring-offset-width: 2px;
-  }
-
-  .sm\:focus\:ring-offset-4:focus {
-    --tw-ring-offset-width: 4px;
-  }
-
-  .sm\:focus\:ring-offset-8:focus {
-    --tw-ring-offset-width: 8px;
-  }
-
-  .sm\:ring-current {
-    --tw-ring-color: currentColor;
-  }
-
-  .sm\:ring-transparent {
-    --tw-ring-color: transparent;
-  }
-
-  .sm\:ring-black {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-white {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-darkCoolGray-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-darkCoolGray-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-darkCoolGray-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-darkCoolGray-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-darkCoolGray-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-darkCoolGray-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-darkCoolGray-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-darkCoolGray-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-darkCoolGray-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-darkCoolGray-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-coolGray-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-coolGray-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-coolGray-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-coolGray-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-coolGray-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-coolGray-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-coolGray-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-coolGray-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-coolGray-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-coolGray-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-indigo-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-indigo-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-indigo-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-indigo-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-indigo-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-indigo-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-indigo-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-indigo-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-indigo-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-indigo-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-violet-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-violet-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-violet-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-violet-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-violet-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-violet-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-violet-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-violet-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-violet-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-violet-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-yellow-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-yellow-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-yellow-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-yellow-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-yellow-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-yellow-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-yellow-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-yellow-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-yellow-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-yellow-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-red-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-red-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-red-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-red-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-red-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-red-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-red-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-red-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-red-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-red-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-green-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-green-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-green-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-green-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-green-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-green-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-green-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-green-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-green-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-green-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-blue-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-blue-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-blue-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-blue-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-blue-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-blue-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-blue-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-blue-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-blue-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-blue-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-gray-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-gray-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-gray-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-gray-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-gray-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-gray-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-gray-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-gray-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-gray-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-gray-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-current:focus-within {
-    --tw-ring-color: currentColor;
-  }
-
-  .sm\:focus-within\:ring-transparent:focus-within {
-    --tw-ring-color: transparent;
-  }
-
-  .sm\:focus-within\:ring-black:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-white:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-darkCoolGray-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-darkCoolGray-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-darkCoolGray-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-darkCoolGray-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-darkCoolGray-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-darkCoolGray-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-darkCoolGray-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-darkCoolGray-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-darkCoolGray-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-darkCoolGray-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-coolGray-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-coolGray-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-coolGray-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-coolGray-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-coolGray-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-coolGray-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-coolGray-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-coolGray-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-coolGray-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-coolGray-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-indigo-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-indigo-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-indigo-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-indigo-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-indigo-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-indigo-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-indigo-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-indigo-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-indigo-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-indigo-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-violet-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-violet-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-violet-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-violet-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-violet-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-violet-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-violet-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-violet-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-violet-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-violet-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-yellow-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-yellow-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-yellow-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-yellow-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-yellow-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-yellow-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-yellow-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-yellow-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-yellow-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-yellow-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-red-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-red-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-red-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-red-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-red-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-red-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-red-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-red-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-red-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-red-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-green-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-green-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-green-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-green-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-green-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-green-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-green-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-green-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-green-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-green-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-blue-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-blue-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-blue-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-blue-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-blue-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-blue-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-blue-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-blue-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-blue-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-blue-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-gray-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-gray-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-gray-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-gray-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-gray-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-gray-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-gray-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-gray-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-gray-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus-within\:ring-gray-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-current:focus {
-    --tw-ring-color: currentColor;
-  }
-
-  .sm\:focus\:ring-transparent:focus {
-    --tw-ring-color: transparent;
-  }
-
-  .sm\:focus\:ring-black:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-white:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-darkCoolGray-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-darkCoolGray-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-darkCoolGray-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-darkCoolGray-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-darkCoolGray-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-darkCoolGray-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-darkCoolGray-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-darkCoolGray-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-darkCoolGray-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-darkCoolGray-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-coolGray-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-coolGray-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-coolGray-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-coolGray-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-coolGray-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-coolGray-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-coolGray-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-coolGray-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-coolGray-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-coolGray-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-indigo-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-indigo-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-indigo-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-indigo-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-indigo-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-indigo-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-indigo-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-indigo-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-indigo-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-indigo-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-violet-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-violet-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-violet-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-violet-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-violet-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-violet-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-violet-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-violet-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-violet-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-violet-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-yellow-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-yellow-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-yellow-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-yellow-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-yellow-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-yellow-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-yellow-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-yellow-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-yellow-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-yellow-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-red-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-red-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-red-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-red-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-red-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-red-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-red-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-red-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-red-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-red-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-green-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-green-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-green-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-green-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-green-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-green-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-green-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-green-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-green-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-green-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-blue-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-blue-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-blue-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-blue-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-blue-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-blue-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-blue-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-blue-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-blue-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-blue-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-gray-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-gray-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-gray-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-gray-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-gray-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-gray-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-gray-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-gray-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-gray-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-  }
-
-  .sm\:focus\:ring-gray-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-  }
-
-  .sm\:ring-opacity-0 {
-    --tw-ring-opacity: 0;
-  }
-
-  .sm\:ring-opacity-5 {
-    --tw-ring-opacity: 0.05;
-  }
-
-  .sm\:ring-opacity-10 {
-    --tw-ring-opacity: 0.1;
-  }
-
-  .sm\:ring-opacity-20 {
-    --tw-ring-opacity: 0.2;
-  }
-
-  .sm\:ring-opacity-25 {
-    --tw-ring-opacity: 0.25;
-  }
-
-  .sm\:ring-opacity-30 {
-    --tw-ring-opacity: 0.3;
-  }
-
-  .sm\:ring-opacity-40 {
-    --tw-ring-opacity: 0.4;
-  }
-
-  .sm\:ring-opacity-50 {
-    --tw-ring-opacity: 0.5;
-  }
-
-  .sm\:ring-opacity-60 {
-    --tw-ring-opacity: 0.6;
-  }
-
-  .sm\:ring-opacity-70 {
-    --tw-ring-opacity: 0.7;
-  }
-
-  .sm\:ring-opacity-75 {
-    --tw-ring-opacity: 0.75;
-  }
-
-  .sm\:ring-opacity-80 {
-    --tw-ring-opacity: 0.8;
-  }
-
-  .sm\:ring-opacity-90 {
-    --tw-ring-opacity: 0.9;
-  }
-
-  .sm\:ring-opacity-95 {
-    --tw-ring-opacity: 0.95;
-  }
-
-  .sm\:ring-opacity-100 {
-    --tw-ring-opacity: 1;
-  }
-
-  .sm\:focus-within\:ring-opacity-0:focus-within {
-    --tw-ring-opacity: 0;
-  }
-
-  .sm\:focus-within\:ring-opacity-5:focus-within {
-    --tw-ring-opacity: 0.05;
-  }
-
-  .sm\:focus-within\:ring-opacity-10:focus-within {
-    --tw-ring-opacity: 0.1;
-  }
-
-  .sm\:focus-within\:ring-opacity-20:focus-within {
-    --tw-ring-opacity: 0.2;
-  }
-
-  .sm\:focus-within\:ring-opacity-25:focus-within {
-    --tw-ring-opacity: 0.25;
-  }
-
-  .sm\:focus-within\:ring-opacity-30:focus-within {
-    --tw-ring-opacity: 0.3;
-  }
-
-  .sm\:focus-within\:ring-opacity-40:focus-within {
-    --tw-ring-opacity: 0.4;
-  }
-
-  .sm\:focus-within\:ring-opacity-50:focus-within {
-    --tw-ring-opacity: 0.5;
-  }
-
-  .sm\:focus-within\:ring-opacity-60:focus-within {
-    --tw-ring-opacity: 0.6;
-  }
-
-  .sm\:focus-within\:ring-opacity-70:focus-within {
-    --tw-ring-opacity: 0.7;
-  }
-
-  .sm\:focus-within\:ring-opacity-75:focus-within {
-    --tw-ring-opacity: 0.75;
-  }
-
-  .sm\:focus-within\:ring-opacity-80:focus-within {
-    --tw-ring-opacity: 0.8;
-  }
-
-  .sm\:focus-within\:ring-opacity-90:focus-within {
-    --tw-ring-opacity: 0.9;
-  }
-
-  .sm\:focus-within\:ring-opacity-95:focus-within {
-    --tw-ring-opacity: 0.95;
-  }
-
-  .sm\:focus-within\:ring-opacity-100:focus-within {
-    --tw-ring-opacity: 1;
-  }
-
-  .sm\:focus\:ring-opacity-0:focus {
-    --tw-ring-opacity: 0;
-  }
-
-  .sm\:focus\:ring-opacity-5:focus {
-    --tw-ring-opacity: 0.05;
-  }
-
-  .sm\:focus\:ring-opacity-10:focus {
-    --tw-ring-opacity: 0.1;
-  }
-
-  .sm\:focus\:ring-opacity-20:focus {
-    --tw-ring-opacity: 0.2;
-  }
-
-  .sm\:focus\:ring-opacity-25:focus {
-    --tw-ring-opacity: 0.25;
-  }
-
-  .sm\:focus\:ring-opacity-30:focus {
-    --tw-ring-opacity: 0.3;
-  }
-
-  .sm\:focus\:ring-opacity-40:focus {
-    --tw-ring-opacity: 0.4;
-  }
-
-  .sm\:focus\:ring-opacity-50:focus {
-    --tw-ring-opacity: 0.5;
-  }
-
-  .sm\:focus\:ring-opacity-60:focus {
-    --tw-ring-opacity: 0.6;
-  }
-
-  .sm\:focus\:ring-opacity-70:focus {
-    --tw-ring-opacity: 0.7;
-  }
-
-  .sm\:focus\:ring-opacity-75:focus {
-    --tw-ring-opacity: 0.75;
-  }
-
-  .sm\:focus\:ring-opacity-80:focus {
-    --tw-ring-opacity: 0.8;
-  }
-
-  .sm\:focus\:ring-opacity-90:focus {
-    --tw-ring-opacity: 0.9;
-  }
-
-  .sm\:focus\:ring-opacity-95:focus {
-    --tw-ring-opacity: 0.95;
-  }
-
-  .sm\:focus\:ring-opacity-100:focus {
-    --tw-ring-opacity: 1;
-  }
-
-  .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-black {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .sm\:text-white {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:text-darkCoolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .sm\:text-darkCoolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .sm\:text-darkCoolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .sm\:text-darkCoolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .sm\:text-darkCoolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .sm\:text-darkCoolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .sm\:text-darkCoolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .sm\:text-darkCoolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .sm\:text-darkCoolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .sm\:text-darkCoolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .sm\:text-coolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .sm\:text-coolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .sm\:text-coolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .sm\:text-coolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .sm\:text-coolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .sm\:text-coolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .sm\:text-coolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .sm\:text-coolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .sm\:text-coolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .sm\:text-coolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .sm\:text-indigo-50 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:text-indigo-100 {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:text-indigo-200 {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:text-indigo-300 {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:text-indigo-400 {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:text-indigo-500 {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:text-indigo-600 {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .sm\:text-indigo-700 {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .sm\:text-indigo-800 {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .sm\:text-indigo-900 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .sm\:text-violet-50 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:text-violet-100 {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .sm\:text-violet-200 {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .sm\:text-violet-300 {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .sm\:text-violet-400 {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .sm\:text-violet-500 {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .sm\:text-violet-600 {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .sm\:text-violet-700 {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .sm\:text-violet-800 {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .sm\:text-violet-900 {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .sm\:text-yellow-50 {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .sm\:text-yellow-100 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .sm\:text-yellow-200 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .sm\:text-yellow-300 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .sm\:text-yellow-400 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .sm\:text-yellow-500 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .sm\:text-yellow-600 {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .sm\:text-yellow-700 {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .sm\:text-yellow-800 {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .sm\:text-yellow-900 {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .sm\:text-red-50 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .sm\:text-red-100 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .sm\:text-red-200 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .sm\:text-red-300 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .sm\:text-red-400 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .sm\:text-red-500 {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .sm\:text-red-600 {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .sm\:text-red-700 {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .sm\:text-red-800 {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .sm\:text-red-900 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .sm\:text-green-50 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .sm\:text-green-100 {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .sm\:text-green-200 {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .sm\:text-green-300 {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .sm\:text-green-400 {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .sm\:text-green-500 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .sm\:text-green-600 {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .sm\:text-green-700 {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .sm\:text-green-800 {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .sm\:text-green-900 {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .sm\:text-blue-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:text-blue-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .sm\:text-blue-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .sm\:text-blue-300 {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .sm\:text-blue-400 {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .sm\:text-blue-500 {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .sm\:text-blue-600 {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .sm\:text-blue-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .sm\:text-blue-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .sm\:text-blue-900 {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .sm\:text-gray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .sm\:text-gray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .sm\:text-gray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .sm\:text-gray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .sm\:text-gray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .sm\:text-gray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .sm\:text-gray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .sm\:text-gray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .sm\:text-gray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .sm\:text-gray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .sm\:text-body {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-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-black {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-white {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-darkCoolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-darkCoolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-darkCoolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-darkCoolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-darkCoolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-darkCoolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-darkCoolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-darkCoolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-darkCoolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-darkCoolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-coolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-coolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-coolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-coolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-coolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-coolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-coolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-coolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-coolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-coolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-50 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-100 {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-200 {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-300 {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-400 {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-500 {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-600 {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-700 {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-800 {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-900 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-violet-50 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-violet-100 {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-violet-200 {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-violet-300 {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-violet-400 {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-violet-500 {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-violet-600 {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-violet-700 {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-violet-800 {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-violet-900 {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-50 {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-100 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-200 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-300 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-400 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-500 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-600 {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-700 {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-800 {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-900 {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-50 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-100 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-200 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-300 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-400 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-500 {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-600 {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-700 {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-800 {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-900 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-50 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-100 {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-200 {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-300 {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-400 {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-500 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-600 {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-700 {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-800 {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-900 {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-300 {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-400 {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-500 {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-600 {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-900 {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-body {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-current:focus-within {
-    color: currentColor;
-  }
-
-  .sm\:focus-within\:text-transparent:focus-within {
-    color: transparent;
-  }
-
-  .sm\:focus-within\:text-black:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-white:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-darkCoolGray-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-darkCoolGray-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-darkCoolGray-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-darkCoolGray-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-darkCoolGray-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-darkCoolGray-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-darkCoolGray-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-darkCoolGray-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-darkCoolGray-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-darkCoolGray-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-coolGray-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-coolGray-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-coolGray-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-coolGray-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-coolGray-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-coolGray-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-coolGray-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-coolGray-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-coolGray-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-coolGray-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-violet-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-violet-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-violet-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-violet-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-violet-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-violet-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-violet-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-violet-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-violet-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-violet-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .sm\:focus-within\:text-body:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-current:hover {
-    color: currentColor;
-  }
-
-  .sm\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .sm\:hover\:text-black:hover {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-white:hover {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-darkCoolGray-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-darkCoolGray-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-darkCoolGray-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-darkCoolGray-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-darkCoolGray-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-darkCoolGray-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-darkCoolGray-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-darkCoolGray-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-darkCoolGray-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-darkCoolGray-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-coolGray-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-coolGray-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-coolGray-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-coolGray-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-coolGray-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-coolGray-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-coolGray-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-coolGray-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-coolGray-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-coolGray-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-violet-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-violet-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-violet-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-violet-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-violet-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-violet-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-violet-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-violet-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-violet-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-violet-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-red-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-red-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-red-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-red-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-red-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-red-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-red-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-red-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-red-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-red-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-green-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-green-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-green-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-green-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-green-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-green-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-green-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-green-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-green-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-green-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-blue-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-blue-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-blue-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-blue-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-blue-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-blue-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-blue-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-blue-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-blue-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-blue-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-gray-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-gray-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-gray-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-gray-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-gray-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-gray-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-gray-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-gray-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-gray-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-gray-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .sm\:hover\:text-body:hover {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-current:focus {
-    color: currentColor;
-  }
-
-  .sm\:focus\:text-transparent:focus {
-    color: transparent;
-  }
-
-  .sm\:focus\:text-black:focus {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-white:focus {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-darkCoolGray-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-darkCoolGray-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-darkCoolGray-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-darkCoolGray-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-darkCoolGray-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-darkCoolGray-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-darkCoolGray-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-darkCoolGray-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-darkCoolGray-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-darkCoolGray-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-coolGray-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-coolGray-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-coolGray-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-coolGray-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-coolGray-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-coolGray-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-coolGray-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-coolGray-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-coolGray-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-coolGray-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-violet-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-violet-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-violet-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-violet-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-violet-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-violet-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-violet-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-violet-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-violet-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-violet-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-red-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-red-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-red-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-red-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-red-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-red-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-red-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-red-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-red-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-red-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-green-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-green-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-green-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-green-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-green-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-green-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-green-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-green-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-green-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-green-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-blue-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-blue-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-blue-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-blue-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-blue-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-blue-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-blue-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-blue-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-blue-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-blue-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-gray-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-gray-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-gray-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-gray-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-gray-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-gray-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-gray-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-gray-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-gray-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-gray-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .sm\:focus\:text-body:focus {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .sm\:text-opacity-0 {
-    --tw-text-opacity: 0;
-  }
-
-  .sm\:text-opacity-5 {
-    --tw-text-opacity: 0.05;
-  }
-
-  .sm\:text-opacity-10 {
-    --tw-text-opacity: 0.1;
-  }
-
-  .sm\:text-opacity-20 {
-    --tw-text-opacity: 0.2;
-  }
-
-  .sm\:text-opacity-25 {
-    --tw-text-opacity: 0.25;
-  }
-
-  .sm\:text-opacity-30 {
-    --tw-text-opacity: 0.3;
-  }
-
-  .sm\:text-opacity-40 {
-    --tw-text-opacity: 0.4;
-  }
-
-  .sm\:text-opacity-50 {
-    --tw-text-opacity: 0.5;
-  }
-
-  .sm\:text-opacity-60 {
-    --tw-text-opacity: 0.6;
-  }
-
-  .sm\:text-opacity-70 {
-    --tw-text-opacity: 0.7;
-  }
-
-  .sm\:text-opacity-75 {
-    --tw-text-opacity: 0.75;
-  }
-
-  .sm\:text-opacity-80 {
-    --tw-text-opacity: 0.8;
-  }
-
-  .sm\:text-opacity-90 {
-    --tw-text-opacity: 0.9;
-  }
-
-  .sm\:text-opacity-95 {
-    --tw-text-opacity: 0.95;
-  }
-
-  .sm\:text-opacity-100 {
-    --tw-text-opacity: 1;
-  }
-
-  .group:hover .sm\:group-hover\:text-opacity-0 {
-    --tw-text-opacity: 0;
-  }
-
-  .group:hover .sm\:group-hover\:text-opacity-5 {
-    --tw-text-opacity: 0.05;
-  }
-
-  .group:hover .sm\:group-hover\:text-opacity-10 {
-    --tw-text-opacity: 0.1;
-  }
-
-  .group:hover .sm\:group-hover\:text-opacity-20 {
-    --tw-text-opacity: 0.2;
-  }
-
-  .group:hover .sm\:group-hover\:text-opacity-25 {
-    --tw-text-opacity: 0.25;
-  }
-
-  .group:hover .sm\:group-hover\:text-opacity-30 {
-    --tw-text-opacity: 0.3;
-  }
-
-  .group:hover .sm\:group-hover\:text-opacity-40 {
-    --tw-text-opacity: 0.4;
-  }
-
-  .group:hover .sm\:group-hover\:text-opacity-50 {
-    --tw-text-opacity: 0.5;
-  }
-
-  .group:hover .sm\:group-hover\:text-opacity-60 {
-    --tw-text-opacity: 0.6;
-  }
-
-  .group:hover .sm\:group-hover\:text-opacity-70 {
-    --tw-text-opacity: 0.7;
-  }
-
-  .group:hover .sm\:group-hover\:text-opacity-75 {
-    --tw-text-opacity: 0.75;
-  }
-
-  .group:hover .sm\:group-hover\:text-opacity-80 {
-    --tw-text-opacity: 0.8;
-  }
-
-  .group:hover .sm\:group-hover\:text-opacity-90 {
-    --tw-text-opacity: 0.9;
-  }
-
-  .group:hover .sm\:group-hover\:text-opacity-95 {
-    --tw-text-opacity: 0.95;
-  }
-
-  .group:hover .sm\:group-hover\:text-opacity-100 {
-    --tw-text-opacity: 1;
-  }
-
-  .sm\:focus-within\:text-opacity-0:focus-within {
-    --tw-text-opacity: 0;
-  }
-
-  .sm\:focus-within\:text-opacity-5:focus-within {
-    --tw-text-opacity: 0.05;
-  }
-
-  .sm\:focus-within\:text-opacity-10:focus-within {
-    --tw-text-opacity: 0.1;
-  }
-
-  .sm\:focus-within\:text-opacity-20:focus-within {
-    --tw-text-opacity: 0.2;
-  }
-
-  .sm\:focus-within\:text-opacity-25:focus-within {
-    --tw-text-opacity: 0.25;
-  }
-
-  .sm\:focus-within\:text-opacity-30:focus-within {
-    --tw-text-opacity: 0.3;
-  }
-
-  .sm\:focus-within\:text-opacity-40:focus-within {
-    --tw-text-opacity: 0.4;
-  }
-
-  .sm\:focus-within\:text-opacity-50:focus-within {
-    --tw-text-opacity: 0.5;
-  }
-
-  .sm\:focus-within\:text-opacity-60:focus-within {
-    --tw-text-opacity: 0.6;
-  }
-
-  .sm\:focus-within\:text-opacity-70:focus-within {
-    --tw-text-opacity: 0.7;
-  }
-
-  .sm\:focus-within\:text-opacity-75:focus-within {
-    --tw-text-opacity: 0.75;
-  }
-
-  .sm\:focus-within\:text-opacity-80:focus-within {
-    --tw-text-opacity: 0.8;
-  }
-
-  .sm\:focus-within\:text-opacity-90:focus-within {
-    --tw-text-opacity: 0.9;
-  }
-
-  .sm\:focus-within\:text-opacity-95:focus-within {
-    --tw-text-opacity: 0.95;
-  }
-
-  .sm\:focus-within\:text-opacity-100:focus-within {
-    --tw-text-opacity: 1;
-  }
-
-  .sm\:hover\:text-opacity-0:hover {
-    --tw-text-opacity: 0;
-  }
-
-  .sm\:hover\:text-opacity-5:hover {
-    --tw-text-opacity: 0.05;
-  }
-
-  .sm\:hover\:text-opacity-10:hover {
-    --tw-text-opacity: 0.1;
-  }
-
-  .sm\:hover\:text-opacity-20:hover {
-    --tw-text-opacity: 0.2;
-  }
-
-  .sm\:hover\:text-opacity-25:hover {
-    --tw-text-opacity: 0.25;
-  }
-
-  .sm\:hover\:text-opacity-30:hover {
-    --tw-text-opacity: 0.3;
-  }
-
-  .sm\:hover\:text-opacity-40:hover {
-    --tw-text-opacity: 0.4;
-  }
-
-  .sm\:hover\:text-opacity-50:hover {
-    --tw-text-opacity: 0.5;
-  }
-
-  .sm\:hover\:text-opacity-60:hover {
-    --tw-text-opacity: 0.6;
-  }
-
-  .sm\:hover\:text-opacity-70:hover {
-    --tw-text-opacity: 0.7;
-  }
-
-  .sm\:hover\:text-opacity-75:hover {
-    --tw-text-opacity: 0.75;
-  }
-
-  .sm\:hover\:text-opacity-80:hover {
-    --tw-text-opacity: 0.8;
-  }
-
-  .sm\:hover\:text-opacity-90:hover {
-    --tw-text-opacity: 0.9;
-  }
-
-  .sm\:hover\:text-opacity-95:hover {
-    --tw-text-opacity: 0.95;
-  }
-
-  .sm\:hover\:text-opacity-100:hover {
-    --tw-text-opacity: 1;
-  }
-
-  .sm\:focus\:text-opacity-0:focus {
-    --tw-text-opacity: 0;
-  }
-
-  .sm\:focus\:text-opacity-5:focus {
-    --tw-text-opacity: 0.05;
-  }
-
-  .sm\:focus\:text-opacity-10:focus {
-    --tw-text-opacity: 0.1;
-  }
-
-  .sm\:focus\:text-opacity-20:focus {
-    --tw-text-opacity: 0.2;
-  }
-
-  .sm\:focus\:text-opacity-25:focus {
-    --tw-text-opacity: 0.25;
-  }
-
-  .sm\:focus\:text-opacity-30:focus {
-    --tw-text-opacity: 0.3;
-  }
-
-  .sm\:focus\:text-opacity-40:focus {
-    --tw-text-opacity: 0.4;
-  }
-
-  .sm\:focus\:text-opacity-50:focus {
-    --tw-text-opacity: 0.5;
-  }
-
-  .sm\:focus\:text-opacity-60:focus {
-    --tw-text-opacity: 0.6;
-  }
-
-  .sm\:focus\:text-opacity-70:focus {
-    --tw-text-opacity: 0.7;
-  }
-
-  .sm\:focus\:text-opacity-75:focus {
-    --tw-text-opacity: 0.75;
-  }
-
-  .sm\:focus\:text-opacity-80:focus {
-    --tw-text-opacity: 0.8;
-  }
-
-  .sm\:focus\:text-opacity-90:focus {
-    --tw-text-opacity: 0.9;
-  }
-
-  .sm\:focus\:text-opacity-95:focus {
-    --tw-text-opacity: 0.95;
-  }
-
-  .sm\:focus\:text-opacity-100:focus {
-    --tw-text-opacity: 1;
-  }
-
-  .sm\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .sm\:overflow-ellipsis {
-    text-overflow: ellipsis;
-  }
-
-  .sm\:overflow-clip {
-    text-overflow: clip;
-  }
-
-  .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;
-  }
-
-  .sm\:focus-within\:underline:focus-within {
-    text-decoration: underline;
-  }
-
-  .sm\:focus-within\:line-through:focus-within {
-    text-decoration: line-through;
-  }
-
-  .sm\:focus-within\:no-underline:focus-within {
-    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 {
-    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
-    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
-    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
-    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
-    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
-    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
-  }
-
-  .sm\:normal-nums {
-    font-variant-numeric: normal;
-  }
-
-  .sm\:ordinal {
-    --tw-ordinal: ordinal;
-  }
-
-  .sm\:slashed-zero {
-    --tw-slashed-zero: slashed-zero;
-  }
-
-  .sm\:lining-nums {
-    --tw-numeric-figure: lining-nums;
-  }
-
-  .sm\:oldstyle-nums {
-    --tw-numeric-figure: oldstyle-nums;
-  }
-
-  .sm\:proportional-nums {
-    --tw-numeric-spacing: proportional-nums;
-  }
-
-  .sm\:tabular-nums {
-    --tw-numeric-spacing: tabular-nums;
-  }
-
-  .sm\:diagonal-fractions {
-    --tw-numeric-fraction: diagonal-fractions;
-  }
-
-  .sm\:stacked-fractions {
-    --tw-numeric-fraction: stacked-fractions;
-  }
-
-  .sm\:tracking-tighter {
-    letter-spacing: -0.02em;
-  }
-
-  .sm\:tracking-tight {
-    letter-spacing: -1px;
-  }
-
-  .sm\:tracking-normal {
-    letter-spacing: 0em;
-  }
-
-  .sm\:tracking-wide {
-    letter-spacing: 0.03em;
-  }
-
-  .sm\:tracking-wider {
-    letter-spacing: 0.08em;
-  }
-
-  .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-nowrap {
-    white-space: nowrap;
-  }
-
-  .sm\:whitespace-pre {
-    white-space: pre;
-  }
-
-  .sm\:whitespace-pre-line {
-    white-space: pre-line;
-  }
-
-  .sm\:whitespace-pre-wrap {
-    white-space: pre-wrap;
-  }
-
-  .sm\:break-normal {
-    overflow-wrap: normal;
-    word-break: normal;
-  }
-
-  .sm\:break-words {
-    overflow-wrap: break-word;
-  }
-
-  .sm\:break-all {
-    word-break: break-all;
-  }
-
-  .sm\:w-0 {
-    width: 0px;
-  }
-
-  .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-14 {
-    width: 3.5rem;
-  }
-
-  .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\: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 {
-    gap: 0px;
-  }
-
-  .sm\:gap-1 {
-    gap: 0.25rem;
-  }
-
-  .sm\:gap-2 {
-    gap: 0.5rem;
-  }
-
-  .sm\:gap-3 {
-    gap: 0.75rem;
-  }
-
-  .sm\:gap-4 {
-    gap: 1rem;
-  }
-
-  .sm\:gap-5 {
-    gap: 1.25rem;
-  }
-
-  .sm\:gap-6 {
-    gap: 1.5rem;
-  }
-
-  .sm\:gap-7 {
-    gap: 1.75rem;
-  }
-
-  .sm\:gap-8 {
-    gap: 2rem;
-  }
-
-  .sm\:gap-9 {
-    gap: 2.25rem;
-  }
-
-  .sm\:gap-10 {
-    gap: 2.5rem;
-  }
-
-  .sm\:gap-11 {
-    gap: 2.75rem;
-  }
-
-  .sm\:gap-12 {
-    gap: 3rem;
-  }
-
-  .sm\:gap-14 {
-    gap: 3.5rem;
-  }
-
-  .sm\:gap-16 {
-    gap: 4rem;
-  }
-
-  .sm\:gap-20 {
-    gap: 5rem;
-  }
-
-  .sm\:gap-24 {
-    gap: 6rem;
-  }
-
-  .sm\:gap-28 {
-    gap: 7rem;
-  }
-
-  .sm\:gap-32 {
-    gap: 8rem;
-  }
-
-  .sm\:gap-36 {
-    gap: 9rem;
-  }
-
-  .sm\:gap-40 {
-    gap: 10rem;
-  }
-
-  .sm\:gap-44 {
-    gap: 11rem;
-  }
-
-  .sm\:gap-48 {
-    gap: 12rem;
-  }
-
-  .sm\:gap-52 {
-    gap: 13rem;
-  }
-
-  .sm\:gap-56 {
-    gap: 14rem;
-  }
-
-  .sm\:gap-60 {
-    gap: 15rem;
-  }
-
-  .sm\:gap-64 {
-    gap: 16rem;
-  }
-
-  .sm\:gap-72 {
-    gap: 18rem;
-  }
-
-  .sm\:gap-80 {
-    gap: 20rem;
-  }
-
-  .sm\:gap-96 {
-    gap: 24rem;
-  }
-
-  .sm\:gap-px {
-    gap: 1px;
-  }
-
-  .sm\:gap-0\.5 {
-    gap: 0.125rem;
-  }
-
-  .sm\:gap-1\.5 {
-    gap: 0.375rem;
-  }
-
-  .sm\:gap-2\.5 {
-    gap: 0.625rem;
-  }
-
-  .sm\:gap-3\.5 {
-    gap: 0.875rem;
-  }
-
-  .sm\:gap-x-0 {
-    -moz-column-gap: 0px;
-         column-gap: 0px;
-  }
-
-  .sm\:gap-x-1 {
-    -moz-column-gap: 0.25rem;
-         column-gap: 0.25rem;
-  }
-
-  .sm\:gap-x-2 {
-    -moz-column-gap: 0.5rem;
-         column-gap: 0.5rem;
-  }
-
-  .sm\:gap-x-3 {
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem;
-  }
-
-  .sm\:gap-x-4 {
-    -moz-column-gap: 1rem;
-         column-gap: 1rem;
-  }
-
-  .sm\:gap-x-5 {
-    -moz-column-gap: 1.25rem;
-         column-gap: 1.25rem;
-  }
-
-  .sm\:gap-x-6 {
-    -moz-column-gap: 1.5rem;
-         column-gap: 1.5rem;
-  }
-
-  .sm\:gap-x-7 {
-    -moz-column-gap: 1.75rem;
-         column-gap: 1.75rem;
-  }
-
-  .sm\:gap-x-8 {
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
-  }
-
-  .sm\:gap-x-9 {
-    -moz-column-gap: 2.25rem;
-         column-gap: 2.25rem;
-  }
-
-  .sm\:gap-x-10 {
-    -moz-column-gap: 2.5rem;
-         column-gap: 2.5rem;
-  }
-
-  .sm\:gap-x-11 {
-    -moz-column-gap: 2.75rem;
-         column-gap: 2.75rem;
-  }
-
-  .sm\:gap-x-12 {
-    -moz-column-gap: 3rem;
-         column-gap: 3rem;
-  }
-
-  .sm\:gap-x-14 {
-    -moz-column-gap: 3.5rem;
-         column-gap: 3.5rem;
-  }
-
-  .sm\:gap-x-16 {
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
-  }
-
-  .sm\:gap-x-20 {
-    -moz-column-gap: 5rem;
-         column-gap: 5rem;
-  }
-
-  .sm\:gap-x-24 {
-    -moz-column-gap: 6rem;
-         column-gap: 6rem;
-  }
-
-  .sm\:gap-x-28 {
-    -moz-column-gap: 7rem;
-         column-gap: 7rem;
-  }
-
-  .sm\:gap-x-32 {
-    -moz-column-gap: 8rem;
-         column-gap: 8rem;
-  }
-
-  .sm\:gap-x-36 {
-    -moz-column-gap: 9rem;
-         column-gap: 9rem;
-  }
-
-  .sm\:gap-x-40 {
-    -moz-column-gap: 10rem;
-         column-gap: 10rem;
-  }
-
-  .sm\:gap-x-44 {
-    -moz-column-gap: 11rem;
-         column-gap: 11rem;
-  }
-
-  .sm\:gap-x-48 {
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .sm\:gap-x-52 {
-    -moz-column-gap: 13rem;
-         column-gap: 13rem;
-  }
-
-  .sm\:gap-x-56 {
-    -moz-column-gap: 14rem;
-         column-gap: 14rem;
-  }
-
-  .sm\:gap-x-60 {
-    -moz-column-gap: 15rem;
-         column-gap: 15rem;
-  }
-
-  .sm\:gap-x-64 {
-    -moz-column-gap: 16rem;
-         column-gap: 16rem;
-  }
-
-  .sm\:gap-x-72 {
-    -moz-column-gap: 18rem;
-         column-gap: 18rem;
-  }
-
-  .sm\:gap-x-80 {
-    -moz-column-gap: 20rem;
-         column-gap: 20rem;
-  }
-
-  .sm\:gap-x-96 {
-    -moz-column-gap: 24rem;
-         column-gap: 24rem;
-  }
-
-  .sm\:gap-x-px {
-    -moz-column-gap: 1px;
-         column-gap: 1px;
-  }
-
-  .sm\:gap-x-0\.5 {
-    -moz-column-gap: 0.125rem;
-         column-gap: 0.125rem;
-  }
-
-  .sm\:gap-x-1\.5 {
-    -moz-column-gap: 0.375rem;
-         column-gap: 0.375rem;
-  }
-
-  .sm\:gap-x-2\.5 {
-    -moz-column-gap: 0.625rem;
-         column-gap: 0.625rem;
-  }
-
-  .sm\:gap-x-3\.5 {
-    -moz-column-gap: 0.875rem;
-         column-gap: 0.875rem;
-  }
-
-  .sm\:gap-y-0 {
-    row-gap: 0px;
-  }
-
-  .sm\:gap-y-1 {
-    row-gap: 0.25rem;
-  }
-
-  .sm\:gap-y-2 {
-    row-gap: 0.5rem;
-  }
-
-  .sm\:gap-y-3 {
-    row-gap: 0.75rem;
-  }
-
-  .sm\:gap-y-4 {
-    row-gap: 1rem;
-  }
-
-  .sm\:gap-y-5 {
-    row-gap: 1.25rem;
-  }
-
-  .sm\:gap-y-6 {
-    row-gap: 1.5rem;
-  }
-
-  .sm\:gap-y-7 {
-    row-gap: 1.75rem;
-  }
-
-  .sm\:gap-y-8 {
-    row-gap: 2rem;
-  }
-
-  .sm\:gap-y-9 {
-    row-gap: 2.25rem;
-  }
-
-  .sm\:gap-y-10 {
-    row-gap: 2.5rem;
-  }
-
-  .sm\:gap-y-11 {
-    row-gap: 2.75rem;
-  }
-
-  .sm\:gap-y-12 {
-    row-gap: 3rem;
-  }
-
-  .sm\:gap-y-14 {
-    row-gap: 3.5rem;
-  }
-
-  .sm\:gap-y-16 {
-    row-gap: 4rem;
-  }
-
-  .sm\:gap-y-20 {
-    row-gap: 5rem;
-  }
-
-  .sm\:gap-y-24 {
-    row-gap: 6rem;
-  }
-
-  .sm\:gap-y-28 {
-    row-gap: 7rem;
-  }
-
-  .sm\:gap-y-32 {
-    row-gap: 8rem;
-  }
-
-  .sm\:gap-y-36 {
-    row-gap: 9rem;
-  }
-
-  .sm\:gap-y-40 {
-    row-gap: 10rem;
-  }
-
-  .sm\:gap-y-44 {
-    row-gap: 11rem;
-  }
-
-  .sm\:gap-y-48 {
-    row-gap: 12rem;
-  }
-
-  .sm\:gap-y-52 {
-    row-gap: 13rem;
-  }
-
-  .sm\:gap-y-56 {
-    row-gap: 14rem;
-  }
-
-  .sm\:gap-y-60 {
-    row-gap: 15rem;
-  }
-
-  .sm\:gap-y-64 {
-    row-gap: 16rem;
-  }
-
-  .sm\:gap-y-72 {
-    row-gap: 18rem;
-  }
-
-  .sm\:gap-y-80 {
-    row-gap: 20rem;
-  }
-
-  .sm\:gap-y-96 {
-    row-gap: 24rem;
-  }
-
-  .sm\:gap-y-px {
-    row-gap: 1px;
-  }
-
-  .sm\:gap-y-0\.5 {
-    row-gap: 0.125rem;
-  }
-
-  .sm\:gap-y-1\.5 {
-    row-gap: 0.375rem;
-  }
-
-  .sm\:gap-y-2\.5 {
-    row-gap: 0.625rem;
-  }
-
-  .sm\:gap-y-3\.5 {
-    row-gap: 0.875rem;
-  }
-
-  .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 {
-    --tw-translate-x: 0;
-    --tw-translate-y: 0;
-    --tw-rotate: 0;
-    --tw-skew-x: 0;
-    --tw-skew-y: 0;
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
-
-  .sm\:transform-gpu {
-    --tw-translate-x: 0;
-    --tw-translate-y: 0;
-    --tw-rotate: 0;
-    --tw-skew-x: 0;
-    --tw-skew-y: 0;
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-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 {
-    --tw-scale-x: 0;
-    --tw-scale-y: 0;
-  }
-
-  .sm\:scale-50 {
-    --tw-scale-x: .5;
-    --tw-scale-y: .5;
-  }
-
-  .sm\:scale-75 {
-    --tw-scale-x: .75;
-    --tw-scale-y: .75;
-  }
-
-  .sm\:scale-90 {
-    --tw-scale-x: .9;
-    --tw-scale-y: .9;
-  }
-
-  .sm\:scale-95 {
-    --tw-scale-x: .95;
-    --tw-scale-y: .95;
-  }
-
-  .sm\:scale-100 {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-  }
-
-  .sm\:scale-105 {
-    --tw-scale-x: 1.05;
-    --tw-scale-y: 1.05;
-  }
-
-  .sm\:scale-110 {
-    --tw-scale-x: 1.1;
-    --tw-scale-y: 1.1;
-  }
-
-  .sm\:scale-125 {
-    --tw-scale-x: 1.25;
-    --tw-scale-y: 1.25;
-  }
-
-  .sm\:scale-150 {
-    --tw-scale-x: 1.5;
-    --tw-scale-y: 1.5;
-  }
-
-  .sm\:scale-x-0 {
-    --tw-scale-x: 0;
-  }
-
-  .sm\:scale-x-50 {
-    --tw-scale-x: .5;
-  }
-
-  .sm\:scale-x-75 {
-    --tw-scale-x: .75;
-  }
-
-  .sm\:scale-x-90 {
-    --tw-scale-x: .9;
-  }
-
-  .sm\:scale-x-95 {
-    --tw-scale-x: .95;
-  }
-
-  .sm\:scale-x-100 {
-    --tw-scale-x: 1;
-  }
-
-  .sm\:scale-x-105 {
-    --tw-scale-x: 1.05;
-  }
-
-  .sm\:scale-x-110 {
-    --tw-scale-x: 1.1;
-  }
-
-  .sm\:scale-x-125 {
-    --tw-scale-x: 1.25;
-  }
-
-  .sm\:scale-x-150 {
-    --tw-scale-x: 1.5;
-  }
-
-  .sm\:scale-y-0 {
-    --tw-scale-y: 0;
-  }
-
-  .sm\:scale-y-50 {
-    --tw-scale-y: .5;
-  }
-
-  .sm\:scale-y-75 {
-    --tw-scale-y: .75;
-  }
-
-  .sm\:scale-y-90 {
-    --tw-scale-y: .9;
-  }
-
-  .sm\:scale-y-95 {
-    --tw-scale-y: .95;
-  }
-
-  .sm\:scale-y-100 {
-    --tw-scale-y: 1;
-  }
-
-  .sm\:scale-y-105 {
-    --tw-scale-y: 1.05;
-  }
-
-  .sm\:scale-y-110 {
-    --tw-scale-y: 1.1;
-  }
-
-  .sm\:scale-y-125 {
-    --tw-scale-y: 1.25;
-  }
-
-  .sm\:scale-y-150 {
-    --tw-scale-y: 1.5;
-  }
-
-  .sm\:hover\:scale-0:hover {
-    --tw-scale-x: 0;
-    --tw-scale-y: 0;
-  }
-
-  .sm\:hover\:scale-50:hover {
-    --tw-scale-x: .5;
-    --tw-scale-y: .5;
-  }
-
-  .sm\:hover\:scale-75:hover {
-    --tw-scale-x: .75;
-    --tw-scale-y: .75;
-  }
-
-  .sm\:hover\:scale-90:hover {
-    --tw-scale-x: .9;
-    --tw-scale-y: .9;
-  }
-
-  .sm\:hover\:scale-95:hover {
-    --tw-scale-x: .95;
-    --tw-scale-y: .95;
-  }
-
-  .sm\:hover\:scale-100:hover {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-  }
-
-  .sm\:hover\:scale-105:hover {
-    --tw-scale-x: 1.05;
-    --tw-scale-y: 1.05;
-  }
-
-  .sm\:hover\:scale-110:hover {
-    --tw-scale-x: 1.1;
-    --tw-scale-y: 1.1;
-  }
-
-  .sm\:hover\:scale-125:hover {
-    --tw-scale-x: 1.25;
-    --tw-scale-y: 1.25;
-  }
-
-  .sm\:hover\:scale-150:hover {
-    --tw-scale-x: 1.5;
-    --tw-scale-y: 1.5;
-  }
-
-  .sm\:hover\:scale-x-0:hover {
-    --tw-scale-x: 0;
-  }
-
-  .sm\:hover\:scale-x-50:hover {
-    --tw-scale-x: .5;
-  }
-
-  .sm\:hover\:scale-x-75:hover {
-    --tw-scale-x: .75;
-  }
-
-  .sm\:hover\:scale-x-90:hover {
-    --tw-scale-x: .9;
-  }
-
-  .sm\:hover\:scale-x-95:hover {
-    --tw-scale-x: .95;
-  }
-
-  .sm\:hover\:scale-x-100:hover {
-    --tw-scale-x: 1;
-  }
-
-  .sm\:hover\:scale-x-105:hover {
-    --tw-scale-x: 1.05;
-  }
-
-  .sm\:hover\:scale-x-110:hover {
-    --tw-scale-x: 1.1;
-  }
-
-  .sm\:hover\:scale-x-125:hover {
-    --tw-scale-x: 1.25;
-  }
-
-  .sm\:hover\:scale-x-150:hover {
-    --tw-scale-x: 1.5;
-  }
-
-  .sm\:hover\:scale-y-0:hover {
-    --tw-scale-y: 0;
-  }
-
-  .sm\:hover\:scale-y-50:hover {
-    --tw-scale-y: .5;
-  }
-
-  .sm\:hover\:scale-y-75:hover {
-    --tw-scale-y: .75;
-  }
-
-  .sm\:hover\:scale-y-90:hover {
-    --tw-scale-y: .9;
-  }
-
-  .sm\:hover\:scale-y-95:hover {
-    --tw-scale-y: .95;
-  }
-
-  .sm\:hover\:scale-y-100:hover {
-    --tw-scale-y: 1;
-  }
-
-  .sm\:hover\:scale-y-105:hover {
-    --tw-scale-y: 1.05;
-  }
-
-  .sm\:hover\:scale-y-110:hover {
-    --tw-scale-y: 1.1;
-  }
-
-  .sm\:hover\:scale-y-125:hover {
-    --tw-scale-y: 1.25;
-  }
-
-  .sm\:hover\:scale-y-150:hover {
-    --tw-scale-y: 1.5;
-  }
-
-  .sm\:focus\:scale-0:focus {
-    --tw-scale-x: 0;
-    --tw-scale-y: 0;
-  }
-
-  .sm\:focus\:scale-50:focus {
-    --tw-scale-x: .5;
-    --tw-scale-y: .5;
-  }
-
-  .sm\:focus\:scale-75:focus {
-    --tw-scale-x: .75;
-    --tw-scale-y: .75;
-  }
-
-  .sm\:focus\:scale-90:focus {
-    --tw-scale-x: .9;
-    --tw-scale-y: .9;
-  }
-
-  .sm\:focus\:scale-95:focus {
-    --tw-scale-x: .95;
-    --tw-scale-y: .95;
-  }
-
-  .sm\:focus\:scale-100:focus {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-  }
-
-  .sm\:focus\:scale-105:focus {
-    --tw-scale-x: 1.05;
-    --tw-scale-y: 1.05;
-  }
-
-  .sm\:focus\:scale-110:focus {
-    --tw-scale-x: 1.1;
-    --tw-scale-y: 1.1;
-  }
-
-  .sm\:focus\:scale-125:focus {
-    --tw-scale-x: 1.25;
-    --tw-scale-y: 1.25;
-  }
-
-  .sm\:focus\:scale-150:focus {
-    --tw-scale-x: 1.5;
-    --tw-scale-y: 1.5;
-  }
-
-  .sm\:focus\:scale-x-0:focus {
-    --tw-scale-x: 0;
-  }
-
-  .sm\:focus\:scale-x-50:focus {
-    --tw-scale-x: .5;
-  }
-
-  .sm\:focus\:scale-x-75:focus {
-    --tw-scale-x: .75;
-  }
-
-  .sm\:focus\:scale-x-90:focus {
-    --tw-scale-x: .9;
-  }
-
-  .sm\:focus\:scale-x-95:focus {
-    --tw-scale-x: .95;
-  }
-
-  .sm\:focus\:scale-x-100:focus {
-    --tw-scale-x: 1;
-  }
-
-  .sm\:focus\:scale-x-105:focus {
-    --tw-scale-x: 1.05;
-  }
-
-  .sm\:focus\:scale-x-110:focus {
-    --tw-scale-x: 1.1;
-  }
-
-  .sm\:focus\:scale-x-125:focus {
-    --tw-scale-x: 1.25;
-  }
-
-  .sm\:focus\:scale-x-150:focus {
-    --tw-scale-x: 1.5;
-  }
-
-  .sm\:focus\:scale-y-0:focus {
-    --tw-scale-y: 0;
-  }
-
-  .sm\:focus\:scale-y-50:focus {
-    --tw-scale-y: .5;
-  }
-
-  .sm\:focus\:scale-y-75:focus {
-    --tw-scale-y: .75;
-  }
-
-  .sm\:focus\:scale-y-90:focus {
-    --tw-scale-y: .9;
-  }
-
-  .sm\:focus\:scale-y-95:focus {
-    --tw-scale-y: .95;
-  }
-
-  .sm\:focus\:scale-y-100:focus {
-    --tw-scale-y: 1;
-  }
-
-  .sm\:focus\:scale-y-105:focus {
-    --tw-scale-y: 1.05;
-  }
-
-  .sm\:focus\:scale-y-110:focus {
-    --tw-scale-y: 1.1;
-  }
-
-  .sm\:focus\:scale-y-125:focus {
-    --tw-scale-y: 1.25;
-  }
-
-  .sm\:focus\:scale-y-150:focus {
-    --tw-scale-y: 1.5;
-  }
-
-  .sm\:rotate-0 {
-    --tw-rotate: 0deg;
-  }
-
-  .sm\:rotate-1 {
-    --tw-rotate: 1deg;
-  }
-
-  .sm\:rotate-2 {
-    --tw-rotate: 2deg;
-  }
-
-  .sm\:rotate-3 {
-    --tw-rotate: 3deg;
-  }
-
-  .sm\:rotate-6 {
-    --tw-rotate: 6deg;
-  }
-
-  .sm\:rotate-12 {
-    --tw-rotate: 12deg;
-  }
-
-  .sm\:rotate-45 {
-    --tw-rotate: 45deg;
-  }
-
-  .sm\:rotate-90 {
-    --tw-rotate: 90deg;
-  }
-
-  .sm\:rotate-180 {
-    --tw-rotate: 180deg;
-  }
-
-  .sm\:-rotate-180 {
-    --tw-rotate: -180deg;
-  }
-
-  .sm\:-rotate-90 {
-    --tw-rotate: -90deg;
-  }
-
-  .sm\:-rotate-45 {
-    --tw-rotate: -45deg;
-  }
-
-  .sm\:-rotate-12 {
-    --tw-rotate: -12deg;
-  }
-
-  .sm\:-rotate-6 {
-    --tw-rotate: -6deg;
-  }
-
-  .sm\:-rotate-3 {
-    --tw-rotate: -3deg;
-  }
-
-  .sm\:-rotate-2 {
-    --tw-rotate: -2deg;
-  }
-
-  .sm\:-rotate-1 {
-    --tw-rotate: -1deg;
-  }
-
-  .sm\:hover\:rotate-0:hover {
-    --tw-rotate: 0deg;
-  }
-
-  .sm\:hover\:rotate-1:hover {
-    --tw-rotate: 1deg;
-  }
-
-  .sm\:hover\:rotate-2:hover {
-    --tw-rotate: 2deg;
-  }
-
-  .sm\:hover\:rotate-3:hover {
-    --tw-rotate: 3deg;
-  }
-
-  .sm\:hover\:rotate-6:hover {
-    --tw-rotate: 6deg;
-  }
-
-  .sm\:hover\:rotate-12:hover {
-    --tw-rotate: 12deg;
-  }
-
-  .sm\:hover\:rotate-45:hover {
-    --tw-rotate: 45deg;
-  }
-
-  .sm\:hover\:rotate-90:hover {
-    --tw-rotate: 90deg;
-  }
-
-  .sm\:hover\:rotate-180:hover {
-    --tw-rotate: 180deg;
-  }
-
-  .sm\:hover\:-rotate-180:hover {
-    --tw-rotate: -180deg;
-  }
-
-  .sm\:hover\:-rotate-90:hover {
-    --tw-rotate: -90deg;
-  }
-
-  .sm\:hover\:-rotate-45:hover {
-    --tw-rotate: -45deg;
-  }
-
-  .sm\:hover\:-rotate-12:hover {
-    --tw-rotate: -12deg;
-  }
-
-  .sm\:hover\:-rotate-6:hover {
-    --tw-rotate: -6deg;
-  }
-
-  .sm\:hover\:-rotate-3:hover {
-    --tw-rotate: -3deg;
-  }
-
-  .sm\:hover\:-rotate-2:hover {
-    --tw-rotate: -2deg;
-  }
-
-  .sm\:hover\:-rotate-1:hover {
-    --tw-rotate: -1deg;
-  }
-
-  .sm\:focus\:rotate-0:focus {
-    --tw-rotate: 0deg;
-  }
-
-  .sm\:focus\:rotate-1:focus {
-    --tw-rotate: 1deg;
-  }
-
-  .sm\:focus\:rotate-2:focus {
-    --tw-rotate: 2deg;
-  }
-
-  .sm\:focus\:rotate-3:focus {
-    --tw-rotate: 3deg;
-  }
-
-  .sm\:focus\:rotate-6:focus {
-    --tw-rotate: 6deg;
-  }
-
-  .sm\:focus\:rotate-12:focus {
-    --tw-rotate: 12deg;
-  }
-
-  .sm\:focus\:rotate-45:focus {
-    --tw-rotate: 45deg;
-  }
-
-  .sm\:focus\:rotate-90:focus {
-    --tw-rotate: 90deg;
-  }
-
-  .sm\:focus\:rotate-180:focus {
-    --tw-rotate: 180deg;
-  }
-
-  .sm\:focus\:-rotate-180:focus {
-    --tw-rotate: -180deg;
-  }
-
-  .sm\:focus\:-rotate-90:focus {
-    --tw-rotate: -90deg;
-  }
-
-  .sm\:focus\:-rotate-45:focus {
-    --tw-rotate: -45deg;
-  }
-
-  .sm\:focus\:-rotate-12:focus {
-    --tw-rotate: -12deg;
-  }
-
-  .sm\:focus\:-rotate-6:focus {
-    --tw-rotate: -6deg;
-  }
-
-  .sm\:focus\:-rotate-3:focus {
-    --tw-rotate: -3deg;
-  }
-
-  .sm\:focus\:-rotate-2:focus {
-    --tw-rotate: -2deg;
-  }
-
-  .sm\:focus\:-rotate-1:focus {
-    --tw-rotate: -1deg;
-  }
-
-  .sm\:translate-x-0 {
-    --tw-translate-x: 0px;
-  }
-
-  .sm\:translate-x-1 {
-    --tw-translate-x: 0.25rem;
-  }
-
-  .sm\:translate-x-2 {
-    --tw-translate-x: 0.5rem;
-  }
-
-  .sm\:translate-x-3 {
-    --tw-translate-x: 0.75rem;
-  }
-
-  .sm\:translate-x-4 {
-    --tw-translate-x: 1rem;
-  }
-
-  .sm\:translate-x-5 {
-    --tw-translate-x: 1.25rem;
-  }
-
-  .sm\:translate-x-6 {
-    --tw-translate-x: 1.5rem;
-  }
-
-  .sm\:translate-x-7 {
-    --tw-translate-x: 1.75rem;
-  }
-
-  .sm\:translate-x-8 {
-    --tw-translate-x: 2rem;
-  }
-
-  .sm\:translate-x-9 {
-    --tw-translate-x: 2.25rem;
-  }
-
-  .sm\:translate-x-10 {
-    --tw-translate-x: 2.5rem;
-  }
-
-  .sm\:translate-x-11 {
-    --tw-translate-x: 2.75rem;
-  }
-
-  .sm\:translate-x-12 {
-    --tw-translate-x: 3rem;
-  }
-
-  .sm\:translate-x-14 {
-    --tw-translate-x: 3.5rem;
-  }
-
-  .sm\:translate-x-16 {
-    --tw-translate-x: 4rem;
-  }
-
-  .sm\:translate-x-20 {
-    --tw-translate-x: 5rem;
-  }
-
-  .sm\:translate-x-24 {
-    --tw-translate-x: 6rem;
-  }
-
-  .sm\:translate-x-28 {
-    --tw-translate-x: 7rem;
-  }
-
-  .sm\:translate-x-32 {
-    --tw-translate-x: 8rem;
-  }
-
-  .sm\:translate-x-36 {
-    --tw-translate-x: 9rem;
-  }
-
-  .sm\:translate-x-40 {
-    --tw-translate-x: 10rem;
-  }
-
-  .sm\:translate-x-44 {
-    --tw-translate-x: 11rem;
-  }
-
-  .sm\:translate-x-48 {
-    --tw-translate-x: 12rem;
-  }
-
-  .sm\:translate-x-52 {
-    --tw-translate-x: 13rem;
-  }
-
-  .sm\:translate-x-56 {
-    --tw-translate-x: 14rem;
-  }
-
-  .sm\:translate-x-60 {
-    --tw-translate-x: 15rem;
-  }
-
-  .sm\:translate-x-64 {
-    --tw-translate-x: 16rem;
-  }
-
-  .sm\:translate-x-72 {
-    --tw-translate-x: 18rem;
-  }
-
-  .sm\:translate-x-80 {
-    --tw-translate-x: 20rem;
-  }
-
-  .sm\:translate-x-96 {
-    --tw-translate-x: 24rem;
-  }
-
-  .sm\:translate-x-px {
-    --tw-translate-x: 1px;
-  }
-
-  .sm\:translate-x-0\.5 {
-    --tw-translate-x: 0.125rem;
-  }
-
-  .sm\:translate-x-1\.5 {
-    --tw-translate-x: 0.375rem;
-  }
-
-  .sm\:translate-x-2\.5 {
-    --tw-translate-x: 0.625rem;
-  }
-
-  .sm\:translate-x-3\.5 {
-    --tw-translate-x: 0.875rem;
-  }
-
-  .sm\:-translate-x-0 {
-    --tw-translate-x: 0px;
-  }
-
-  .sm\:-translate-x-1 {
-    --tw-translate-x: -0.25rem;
-  }
-
-  .sm\:-translate-x-2 {
-    --tw-translate-x: -0.5rem;
-  }
-
-  .sm\:-translate-x-3 {
-    --tw-translate-x: -0.75rem;
-  }
-
-  .sm\:-translate-x-4 {
-    --tw-translate-x: -1rem;
-  }
-
-  .sm\:-translate-x-5 {
-    --tw-translate-x: -1.25rem;
-  }
-
-  .sm\:-translate-x-6 {
-    --tw-translate-x: -1.5rem;
-  }
-
-  .sm\:-translate-x-7 {
-    --tw-translate-x: -1.75rem;
-  }
-
-  .sm\:-translate-x-8 {
-    --tw-translate-x: -2rem;
-  }
-
-  .sm\:-translate-x-9 {
-    --tw-translate-x: -2.25rem;
-  }
-
-  .sm\:-translate-x-10 {
-    --tw-translate-x: -2.5rem;
-  }
-
-  .sm\:-translate-x-11 {
-    --tw-translate-x: -2.75rem;
-  }
-
-  .sm\:-translate-x-12 {
-    --tw-translate-x: -3rem;
-  }
-
-  .sm\:-translate-x-14 {
-    --tw-translate-x: -3.5rem;
-  }
-
-  .sm\:-translate-x-16 {
-    --tw-translate-x: -4rem;
-  }
-
-  .sm\:-translate-x-20 {
-    --tw-translate-x: -5rem;
-  }
-
-  .sm\:-translate-x-24 {
-    --tw-translate-x: -6rem;
-  }
-
-  .sm\:-translate-x-28 {
-    --tw-translate-x: -7rem;
-  }
-
-  .sm\:-translate-x-32 {
-    --tw-translate-x: -8rem;
-  }
-
-  .sm\:-translate-x-36 {
-    --tw-translate-x: -9rem;
-  }
-
-  .sm\:-translate-x-40 {
-    --tw-translate-x: -10rem;
-  }
-
-  .sm\:-translate-x-44 {
-    --tw-translate-x: -11rem;
-  }
-
-  .sm\:-translate-x-48 {
-    --tw-translate-x: -12rem;
-  }
-
-  .sm\:-translate-x-52 {
-    --tw-translate-x: -13rem;
-  }
-
-  .sm\:-translate-x-56 {
-    --tw-translate-x: -14rem;
-  }
-
-  .sm\:-translate-x-60 {
-    --tw-translate-x: -15rem;
-  }
-
-  .sm\:-translate-x-64 {
-    --tw-translate-x: -16rem;
-  }
-
-  .sm\:-translate-x-72 {
-    --tw-translate-x: -18rem;
-  }
-
-  .sm\:-translate-x-80 {
-    --tw-translate-x: -20rem;
-  }
-
-  .sm\:-translate-x-96 {
-    --tw-translate-x: -24rem;
-  }
-
-  .sm\:-translate-x-px {
-    --tw-translate-x: -1px;
-  }
-
-  .sm\:-translate-x-0\.5 {
-    --tw-translate-x: -0.125rem;
-  }
-
-  .sm\:-translate-x-1\.5 {
-    --tw-translate-x: -0.375rem;
-  }
-
-  .sm\:-translate-x-2\.5 {
-    --tw-translate-x: -0.625rem;
-  }
-
-  .sm\:-translate-x-3\.5 {
-    --tw-translate-x: -0.875rem;
-  }
-
-  .sm\:translate-x-1\/2 {
-    --tw-translate-x: 50%;
-  }
-
-  .sm\:translate-x-1\/3 {
-    --tw-translate-x: 33.333333%;
-  }
-
-  .sm\:translate-x-2\/3 {
-    --tw-translate-x: 66.666667%;
-  }
-
-  .sm\:translate-x-1\/4 {
-    --tw-translate-x: 25%;
-  }
-
-  .sm\:translate-x-2\/4 {
-    --tw-translate-x: 50%;
-  }
-
-  .sm\:translate-x-3\/4 {
-    --tw-translate-x: 75%;
-  }
-
-  .sm\:translate-x-full {
-    --tw-translate-x: 100%;
-  }
-
-  .sm\:-translate-x-1\/2 {
-    --tw-translate-x: -50%;
-  }
-
-  .sm\:-translate-x-1\/3 {
-    --tw-translate-x: -33.333333%;
-  }
-
-  .sm\:-translate-x-2\/3 {
-    --tw-translate-x: -66.666667%;
-  }
-
-  .sm\:-translate-x-1\/4 {
-    --tw-translate-x: -25%;
-  }
-
-  .sm\:-translate-x-2\/4 {
-    --tw-translate-x: -50%;
-  }
-
-  .sm\:-translate-x-3\/4 {
-    --tw-translate-x: -75%;
-  }
-
-  .sm\:-translate-x-full {
-    --tw-translate-x: -100%;
-  }
-
-  .sm\:translate-y-0 {
-    --tw-translate-y: 0px;
-  }
-
-  .sm\:translate-y-1 {
-    --tw-translate-y: 0.25rem;
-  }
-
-  .sm\:translate-y-2 {
-    --tw-translate-y: 0.5rem;
-  }
-
-  .sm\:translate-y-3 {
-    --tw-translate-y: 0.75rem;
-  }
-
-  .sm\:translate-y-4 {
-    --tw-translate-y: 1rem;
-  }
-
-  .sm\:translate-y-5 {
-    --tw-translate-y: 1.25rem;
-  }
-
-  .sm\:translate-y-6 {
-    --tw-translate-y: 1.5rem;
-  }
-
-  .sm\:translate-y-7 {
-    --tw-translate-y: 1.75rem;
-  }
-
-  .sm\:translate-y-8 {
-    --tw-translate-y: 2rem;
-  }
-
-  .sm\:translate-y-9 {
-    --tw-translate-y: 2.25rem;
-  }
-
-  .sm\:translate-y-10 {
-    --tw-translate-y: 2.5rem;
-  }
-
-  .sm\:translate-y-11 {
-    --tw-translate-y: 2.75rem;
-  }
-
-  .sm\:translate-y-12 {
-    --tw-translate-y: 3rem;
-  }
-
-  .sm\:translate-y-14 {
-    --tw-translate-y: 3.5rem;
-  }
-
-  .sm\:translate-y-16 {
-    --tw-translate-y: 4rem;
-  }
-
-  .sm\:translate-y-20 {
-    --tw-translate-y: 5rem;
-  }
-
-  .sm\:translate-y-24 {
-    --tw-translate-y: 6rem;
-  }
-
-  .sm\:translate-y-28 {
-    --tw-translate-y: 7rem;
-  }
-
-  .sm\:translate-y-32 {
-    --tw-translate-y: 8rem;
-  }
-
-  .sm\:translate-y-36 {
-    --tw-translate-y: 9rem;
-  }
-
-  .sm\:translate-y-40 {
-    --tw-translate-y: 10rem;
-  }
-
-  .sm\:translate-y-44 {
-    --tw-translate-y: 11rem;
-  }
-
-  .sm\:translate-y-48 {
-    --tw-translate-y: 12rem;
-  }
-
-  .sm\:translate-y-52 {
-    --tw-translate-y: 13rem;
-  }
-
-  .sm\:translate-y-56 {
-    --tw-translate-y: 14rem;
-  }
-
-  .sm\:translate-y-60 {
-    --tw-translate-y: 15rem;
-  }
-
-  .sm\:translate-y-64 {
-    --tw-translate-y: 16rem;
-  }
-
-  .sm\:translate-y-72 {
-    --tw-translate-y: 18rem;
-  }
-
-  .sm\:translate-y-80 {
-    --tw-translate-y: 20rem;
-  }
-
-  .sm\:translate-y-96 {
-    --tw-translate-y: 24rem;
-  }
-
-  .sm\:translate-y-px {
-    --tw-translate-y: 1px;
-  }
-
-  .sm\:translate-y-0\.5 {
-    --tw-translate-y: 0.125rem;
-  }
-
-  .sm\:translate-y-1\.5 {
-    --tw-translate-y: 0.375rem;
-  }
-
-  .sm\:translate-y-2\.5 {
-    --tw-translate-y: 0.625rem;
-  }
-
-  .sm\:translate-y-3\.5 {
-    --tw-translate-y: 0.875rem;
-  }
-
-  .sm\:-translate-y-0 {
-    --tw-translate-y: 0px;
-  }
-
-  .sm\:-translate-y-1 {
-    --tw-translate-y: -0.25rem;
-  }
-
-  .sm\:-translate-y-2 {
-    --tw-translate-y: -0.5rem;
-  }
-
-  .sm\:-translate-y-3 {
-    --tw-translate-y: -0.75rem;
-  }
-
-  .sm\:-translate-y-4 {
-    --tw-translate-y: -1rem;
-  }
-
-  .sm\:-translate-y-5 {
-    --tw-translate-y: -1.25rem;
-  }
-
-  .sm\:-translate-y-6 {
-    --tw-translate-y: -1.5rem;
-  }
-
-  .sm\:-translate-y-7 {
-    --tw-translate-y: -1.75rem;
-  }
-
-  .sm\:-translate-y-8 {
-    --tw-translate-y: -2rem;
-  }
-
-  .sm\:-translate-y-9 {
-    --tw-translate-y: -2.25rem;
-  }
-
-  .sm\:-translate-y-10 {
-    --tw-translate-y: -2.5rem;
-  }
-
-  .sm\:-translate-y-11 {
-    --tw-translate-y: -2.75rem;
-  }
-
-  .sm\:-translate-y-12 {
-    --tw-translate-y: -3rem;
-  }
-
-  .sm\:-translate-y-14 {
-    --tw-translate-y: -3.5rem;
-  }
-
-  .sm\:-translate-y-16 {
-    --tw-translate-y: -4rem;
-  }
-
-  .sm\:-translate-y-20 {
-    --tw-translate-y: -5rem;
-  }
-
-  .sm\:-translate-y-24 {
-    --tw-translate-y: -6rem;
-  }
-
-  .sm\:-translate-y-28 {
-    --tw-translate-y: -7rem;
-  }
-
-  .sm\:-translate-y-32 {
-    --tw-translate-y: -8rem;
-  }
-
-  .sm\:-translate-y-36 {
-    --tw-translate-y: -9rem;
-  }
-
-  .sm\:-translate-y-40 {
-    --tw-translate-y: -10rem;
-  }
-
-  .sm\:-translate-y-44 {
-    --tw-translate-y: -11rem;
-  }
-
-  .sm\:-translate-y-48 {
-    --tw-translate-y: -12rem;
-  }
-
-  .sm\:-translate-y-52 {
-    --tw-translate-y: -13rem;
-  }
-
-  .sm\:-translate-y-56 {
-    --tw-translate-y: -14rem;
-  }
-
-  .sm\:-translate-y-60 {
-    --tw-translate-y: -15rem;
-  }
-
-  .sm\:-translate-y-64 {
-    --tw-translate-y: -16rem;
-  }
-
-  .sm\:-translate-y-72 {
-    --tw-translate-y: -18rem;
-  }
-
-  .sm\:-translate-y-80 {
-    --tw-translate-y: -20rem;
-  }
-
-  .sm\:-translate-y-96 {
-    --tw-translate-y: -24rem;
-  }
-
-  .sm\:-translate-y-px {
-    --tw-translate-y: -1px;
-  }
-
-  .sm\:-translate-y-0\.5 {
-    --tw-translate-y: -0.125rem;
-  }
-
-  .sm\:-translate-y-1\.5 {
-    --tw-translate-y: -0.375rem;
-  }
-
-  .sm\:-translate-y-2\.5 {
-    --tw-translate-y: -0.625rem;
-  }
-
-  .sm\:-translate-y-3\.5 {
-    --tw-translate-y: -0.875rem;
-  }
-
-  .sm\:translate-y-1\/2 {
-    --tw-translate-y: 50%;
-  }
-
-  .sm\:translate-y-1\/3 {
-    --tw-translate-y: 33.333333%;
-  }
-
-  .sm\:translate-y-2\/3 {
-    --tw-translate-y: 66.666667%;
-  }
-
-  .sm\:translate-y-1\/4 {
-    --tw-translate-y: 25%;
-  }
-
-  .sm\:translate-y-2\/4 {
-    --tw-translate-y: 50%;
-  }
-
-  .sm\:translate-y-3\/4 {
-    --tw-translate-y: 75%;
-  }
-
-  .sm\:translate-y-full {
-    --tw-translate-y: 100%;
-  }
-
-  .sm\:-translate-y-1\/2 {
-    --tw-translate-y: -50%;
-  }
-
-  .sm\:-translate-y-1\/3 {
-    --tw-translate-y: -33.333333%;
-  }
-
-  .sm\:-translate-y-2\/3 {
-    --tw-translate-y: -66.666667%;
-  }
-
-  .sm\:-translate-y-1\/4 {
-    --tw-translate-y: -25%;
-  }
-
-  .sm\:-translate-y-2\/4 {
-    --tw-translate-y: -50%;
-  }
-
-  .sm\:-translate-y-3\/4 {
-    --tw-translate-y: -75%;
-  }
-
-  .sm\:-translate-y-full {
-    --tw-translate-y: -100%;
-  }
-
-  .sm\:hover\:translate-x-0:hover {
-    --tw-translate-x: 0px;
-  }
-
-  .sm\:hover\:translate-x-1:hover {
-    --tw-translate-x: 0.25rem;
-  }
-
-  .sm\:hover\:translate-x-2:hover {
-    --tw-translate-x: 0.5rem;
-  }
-
-  .sm\:hover\:translate-x-3:hover {
-    --tw-translate-x: 0.75rem;
-  }
-
-  .sm\:hover\:translate-x-4:hover {
-    --tw-translate-x: 1rem;
-  }
-
-  .sm\:hover\:translate-x-5:hover {
-    --tw-translate-x: 1.25rem;
-  }
-
-  .sm\:hover\:translate-x-6:hover {
-    --tw-translate-x: 1.5rem;
-  }
-
-  .sm\:hover\:translate-x-7:hover {
-    --tw-translate-x: 1.75rem;
-  }
-
-  .sm\:hover\:translate-x-8:hover {
-    --tw-translate-x: 2rem;
-  }
-
-  .sm\:hover\:translate-x-9:hover {
-    --tw-translate-x: 2.25rem;
-  }
-
-  .sm\:hover\:translate-x-10:hover {
-    --tw-translate-x: 2.5rem;
-  }
-
-  .sm\:hover\:translate-x-11:hover {
-    --tw-translate-x: 2.75rem;
-  }
-
-  .sm\:hover\:translate-x-12:hover {
-    --tw-translate-x: 3rem;
-  }
-
-  .sm\:hover\:translate-x-14:hover {
-    --tw-translate-x: 3.5rem;
-  }
-
-  .sm\:hover\:translate-x-16:hover {
-    --tw-translate-x: 4rem;
-  }
-
-  .sm\:hover\:translate-x-20:hover {
-    --tw-translate-x: 5rem;
-  }
-
-  .sm\:hover\:translate-x-24:hover {
-    --tw-translate-x: 6rem;
-  }
-
-  .sm\:hover\:translate-x-28:hover {
-    --tw-translate-x: 7rem;
-  }
-
-  .sm\:hover\:translate-x-32:hover {
-    --tw-translate-x: 8rem;
-  }
-
-  .sm\:hover\:translate-x-36:hover {
-    --tw-translate-x: 9rem;
-  }
-
-  .sm\:hover\:translate-x-40:hover {
-    --tw-translate-x: 10rem;
-  }
-
-  .sm\:hover\:translate-x-44:hover {
-    --tw-translate-x: 11rem;
-  }
-
-  .sm\:hover\:translate-x-48:hover {
-    --tw-translate-x: 12rem;
-  }
-
-  .sm\:hover\:translate-x-52:hover {
-    --tw-translate-x: 13rem;
-  }
-
-  .sm\:hover\:translate-x-56:hover {
-    --tw-translate-x: 14rem;
-  }
-
-  .sm\:hover\:translate-x-60:hover {
-    --tw-translate-x: 15rem;
-  }
-
-  .sm\:hover\:translate-x-64:hover {
-    --tw-translate-x: 16rem;
-  }
-
-  .sm\:hover\:translate-x-72:hover {
-    --tw-translate-x: 18rem;
-  }
-
-  .sm\:hover\:translate-x-80:hover {
-    --tw-translate-x: 20rem;
-  }
-
-  .sm\:hover\:translate-x-96:hover {
-    --tw-translate-x: 24rem;
-  }
-
-  .sm\:hover\:translate-x-px:hover {
-    --tw-translate-x: 1px;
-  }
-
-  .sm\:hover\:translate-x-0\.5:hover {
-    --tw-translate-x: 0.125rem;
-  }
-
-  .sm\:hover\:translate-x-1\.5:hover {
-    --tw-translate-x: 0.375rem;
-  }
-
-  .sm\:hover\:translate-x-2\.5:hover {
-    --tw-translate-x: 0.625rem;
-  }
-
-  .sm\:hover\:translate-x-3\.5:hover {
-    --tw-translate-x: 0.875rem;
-  }
-
-  .sm\:hover\:-translate-x-0:hover {
-    --tw-translate-x: 0px;
-  }
-
-  .sm\:hover\:-translate-x-1:hover {
-    --tw-translate-x: -0.25rem;
-  }
-
-  .sm\:hover\:-translate-x-2:hover {
-    --tw-translate-x: -0.5rem;
-  }
-
-  .sm\:hover\:-translate-x-3:hover {
-    --tw-translate-x: -0.75rem;
-  }
-
-  .sm\:hover\:-translate-x-4:hover {
-    --tw-translate-x: -1rem;
-  }
-
-  .sm\:hover\:-translate-x-5:hover {
-    --tw-translate-x: -1.25rem;
-  }
-
-  .sm\:hover\:-translate-x-6:hover {
-    --tw-translate-x: -1.5rem;
-  }
-
-  .sm\:hover\:-translate-x-7:hover {
-    --tw-translate-x: -1.75rem;
-  }
-
-  .sm\:hover\:-translate-x-8:hover {
-    --tw-translate-x: -2rem;
-  }
-
-  .sm\:hover\:-translate-x-9:hover {
-    --tw-translate-x: -2.25rem;
-  }
-
-  .sm\:hover\:-translate-x-10:hover {
-    --tw-translate-x: -2.5rem;
-  }
-
-  .sm\:hover\:-translate-x-11:hover {
-    --tw-translate-x: -2.75rem;
-  }
-
-  .sm\:hover\:-translate-x-12:hover {
-    --tw-translate-x: -3rem;
-  }
-
-  .sm\:hover\:-translate-x-14:hover {
-    --tw-translate-x: -3.5rem;
-  }
-
-  .sm\:hover\:-translate-x-16:hover {
-    --tw-translate-x: -4rem;
-  }
-
-  .sm\:hover\:-translate-x-20:hover {
-    --tw-translate-x: -5rem;
-  }
-
-  .sm\:hover\:-translate-x-24:hover {
-    --tw-translate-x: -6rem;
-  }
-
-  .sm\:hover\:-translate-x-28:hover {
-    --tw-translate-x: -7rem;
-  }
-
-  .sm\:hover\:-translate-x-32:hover {
-    --tw-translate-x: -8rem;
-  }
-
-  .sm\:hover\:-translate-x-36:hover {
-    --tw-translate-x: -9rem;
-  }
-
-  .sm\:hover\:-translate-x-40:hover {
-    --tw-translate-x: -10rem;
-  }
-
-  .sm\:hover\:-translate-x-44:hover {
-    --tw-translate-x: -11rem;
-  }
-
-  .sm\:hover\:-translate-x-48:hover {
-    --tw-translate-x: -12rem;
-  }
-
-  .sm\:hover\:-translate-x-52:hover {
-    --tw-translate-x: -13rem;
-  }
-
-  .sm\:hover\:-translate-x-56:hover {
-    --tw-translate-x: -14rem;
-  }
-
-  .sm\:hover\:-translate-x-60:hover {
-    --tw-translate-x: -15rem;
-  }
-
-  .sm\:hover\:-translate-x-64:hover {
-    --tw-translate-x: -16rem;
-  }
-
-  .sm\:hover\:-translate-x-72:hover {
-    --tw-translate-x: -18rem;
-  }
-
-  .sm\:hover\:-translate-x-80:hover {
-    --tw-translate-x: -20rem;
-  }
-
-  .sm\:hover\:-translate-x-96:hover {
-    --tw-translate-x: -24rem;
-  }
-
-  .sm\:hover\:-translate-x-px:hover {
-    --tw-translate-x: -1px;
-  }
-
-  .sm\:hover\:-translate-x-0\.5:hover {
-    --tw-translate-x: -0.125rem;
-  }
-
-  .sm\:hover\:-translate-x-1\.5:hover {
-    --tw-translate-x: -0.375rem;
-  }
-
-  .sm\:hover\:-translate-x-2\.5:hover {
-    --tw-translate-x: -0.625rem;
-  }
-
-  .sm\:hover\:-translate-x-3\.5:hover {
-    --tw-translate-x: -0.875rem;
-  }
-
-  .sm\:hover\:translate-x-1\/2:hover {
-    --tw-translate-x: 50%;
-  }
-
-  .sm\:hover\:translate-x-1\/3:hover {
-    --tw-translate-x: 33.333333%;
-  }
-
-  .sm\:hover\:translate-x-2\/3:hover {
-    --tw-translate-x: 66.666667%;
-  }
-
-  .sm\:hover\:translate-x-1\/4:hover {
-    --tw-translate-x: 25%;
-  }
-
-  .sm\:hover\:translate-x-2\/4:hover {
-    --tw-translate-x: 50%;
-  }
-
-  .sm\:hover\:translate-x-3\/4:hover {
-    --tw-translate-x: 75%;
-  }
-
-  .sm\:hover\:translate-x-full:hover {
-    --tw-translate-x: 100%;
-  }
-
-  .sm\:hover\:-translate-x-1\/2:hover {
-    --tw-translate-x: -50%;
-  }
-
-  .sm\:hover\:-translate-x-1\/3:hover {
-    --tw-translate-x: -33.333333%;
-  }
-
-  .sm\:hover\:-translate-x-2\/3:hover {
-    --tw-translate-x: -66.666667%;
-  }
-
-  .sm\:hover\:-translate-x-1\/4:hover {
-    --tw-translate-x: -25%;
-  }
-
-  .sm\:hover\:-translate-x-2\/4:hover {
-    --tw-translate-x: -50%;
-  }
-
-  .sm\:hover\:-translate-x-3\/4:hover {
-    --tw-translate-x: -75%;
-  }
-
-  .sm\:hover\:-translate-x-full:hover {
-    --tw-translate-x: -100%;
-  }
-
-  .sm\:hover\:translate-y-0:hover {
-    --tw-translate-y: 0px;
-  }
-
-  .sm\:hover\:translate-y-1:hover {
-    --tw-translate-y: 0.25rem;
-  }
-
-  .sm\:hover\:translate-y-2:hover {
-    --tw-translate-y: 0.5rem;
-  }
-
-  .sm\:hover\:translate-y-3:hover {
-    --tw-translate-y: 0.75rem;
-  }
-
-  .sm\:hover\:translate-y-4:hover {
-    --tw-translate-y: 1rem;
-  }
-
-  .sm\:hover\:translate-y-5:hover {
-    --tw-translate-y: 1.25rem;
-  }
-
-  .sm\:hover\:translate-y-6:hover {
-    --tw-translate-y: 1.5rem;
-  }
-
-  .sm\:hover\:translate-y-7:hover {
-    --tw-translate-y: 1.75rem;
-  }
-
-  .sm\:hover\:translate-y-8:hover {
-    --tw-translate-y: 2rem;
-  }
-
-  .sm\:hover\:translate-y-9:hover {
-    --tw-translate-y: 2.25rem;
-  }
-
-  .sm\:hover\:translate-y-10:hover {
-    --tw-translate-y: 2.5rem;
-  }
-
-  .sm\:hover\:translate-y-11:hover {
-    --tw-translate-y: 2.75rem;
-  }
-
-  .sm\:hover\:translate-y-12:hover {
-    --tw-translate-y: 3rem;
-  }
-
-  .sm\:hover\:translate-y-14:hover {
-    --tw-translate-y: 3.5rem;
-  }
-
-  .sm\:hover\:translate-y-16:hover {
-    --tw-translate-y: 4rem;
-  }
-
-  .sm\:hover\:translate-y-20:hover {
-    --tw-translate-y: 5rem;
-  }
-
-  .sm\:hover\:translate-y-24:hover {
-    --tw-translate-y: 6rem;
-  }
-
-  .sm\:hover\:translate-y-28:hover {
-    --tw-translate-y: 7rem;
-  }
-
-  .sm\:hover\:translate-y-32:hover {
-    --tw-translate-y: 8rem;
-  }
-
-  .sm\:hover\:translate-y-36:hover {
-    --tw-translate-y: 9rem;
-  }
-
-  .sm\:hover\:translate-y-40:hover {
-    --tw-translate-y: 10rem;
-  }
-
-  .sm\:hover\:translate-y-44:hover {
-    --tw-translate-y: 11rem;
-  }
-
-  .sm\:hover\:translate-y-48:hover {
-    --tw-translate-y: 12rem;
-  }
-
-  .sm\:hover\:translate-y-52:hover {
-    --tw-translate-y: 13rem;
-  }
-
-  .sm\:hover\:translate-y-56:hover {
-    --tw-translate-y: 14rem;
-  }
-
-  .sm\:hover\:translate-y-60:hover {
-    --tw-translate-y: 15rem;
-  }
-
-  .sm\:hover\:translate-y-64:hover {
-    --tw-translate-y: 16rem;
-  }
-
-  .sm\:hover\:translate-y-72:hover {
-    --tw-translate-y: 18rem;
-  }
-
-  .sm\:hover\:translate-y-80:hover {
-    --tw-translate-y: 20rem;
-  }
-
-  .sm\:hover\:translate-y-96:hover {
-    --tw-translate-y: 24rem;
-  }
-
-  .sm\:hover\:translate-y-px:hover {
-    --tw-translate-y: 1px;
-  }
-
-  .sm\:hover\:translate-y-0\.5:hover {
-    --tw-translate-y: 0.125rem;
-  }
-
-  .sm\:hover\:translate-y-1\.5:hover {
-    --tw-translate-y: 0.375rem;
-  }
-
-  .sm\:hover\:translate-y-2\.5:hover {
-    --tw-translate-y: 0.625rem;
-  }
-
-  .sm\:hover\:translate-y-3\.5:hover {
-    --tw-translate-y: 0.875rem;
-  }
-
-  .sm\:hover\:-translate-y-0:hover {
-    --tw-translate-y: 0px;
-  }
-
-  .sm\:hover\:-translate-y-1:hover {
-    --tw-translate-y: -0.25rem;
-  }
-
-  .sm\:hover\:-translate-y-2:hover {
-    --tw-translate-y: -0.5rem;
-  }
-
-  .sm\:hover\:-translate-y-3:hover {
-    --tw-translate-y: -0.75rem;
-  }
-
-  .sm\:hover\:-translate-y-4:hover {
-    --tw-translate-y: -1rem;
-  }
-
-  .sm\:hover\:-translate-y-5:hover {
-    --tw-translate-y: -1.25rem;
-  }
-
-  .sm\:hover\:-translate-y-6:hover {
-    --tw-translate-y: -1.5rem;
-  }
-
-  .sm\:hover\:-translate-y-7:hover {
-    --tw-translate-y: -1.75rem;
-  }
-
-  .sm\:hover\:-translate-y-8:hover {
-    --tw-translate-y: -2rem;
-  }
-
-  .sm\:hover\:-translate-y-9:hover {
-    --tw-translate-y: -2.25rem;
-  }
-
-  .sm\:hover\:-translate-y-10:hover {
-    --tw-translate-y: -2.5rem;
-  }
-
-  .sm\:hover\:-translate-y-11:hover {
-    --tw-translate-y: -2.75rem;
-  }
-
-  .sm\:hover\:-translate-y-12:hover {
-    --tw-translate-y: -3rem;
-  }
-
-  .sm\:hover\:-translate-y-14:hover {
-    --tw-translate-y: -3.5rem;
-  }
-
-  .sm\:hover\:-translate-y-16:hover {
-    --tw-translate-y: -4rem;
-  }
-
-  .sm\:hover\:-translate-y-20:hover {
-    --tw-translate-y: -5rem;
-  }
-
-  .sm\:hover\:-translate-y-24:hover {
-    --tw-translate-y: -6rem;
-  }
-
-  .sm\:hover\:-translate-y-28:hover {
-    --tw-translate-y: -7rem;
-  }
-
-  .sm\:hover\:-translate-y-32:hover {
-    --tw-translate-y: -8rem;
-  }
-
-  .sm\:hover\:-translate-y-36:hover {
-    --tw-translate-y: -9rem;
-  }
-
-  .sm\:hover\:-translate-y-40:hover {
-    --tw-translate-y: -10rem;
-  }
-
-  .sm\:hover\:-translate-y-44:hover {
-    --tw-translate-y: -11rem;
-  }
-
-  .sm\:hover\:-translate-y-48:hover {
-    --tw-translate-y: -12rem;
-  }
-
-  .sm\:hover\:-translate-y-52:hover {
-    --tw-translate-y: -13rem;
-  }
-
-  .sm\:hover\:-translate-y-56:hover {
-    --tw-translate-y: -14rem;
-  }
-
-  .sm\:hover\:-translate-y-60:hover {
-    --tw-translate-y: -15rem;
-  }
-
-  .sm\:hover\:-translate-y-64:hover {
-    --tw-translate-y: -16rem;
-  }
-
-  .sm\:hover\:-translate-y-72:hover {
-    --tw-translate-y: -18rem;
-  }
-
-  .sm\:hover\:-translate-y-80:hover {
-    --tw-translate-y: -20rem;
-  }
-
-  .sm\:hover\:-translate-y-96:hover {
-    --tw-translate-y: -24rem;
-  }
-
-  .sm\:hover\:-translate-y-px:hover {
-    --tw-translate-y: -1px;
-  }
-
-  .sm\:hover\:-translate-y-0\.5:hover {
-    --tw-translate-y: -0.125rem;
-  }
-
-  .sm\:hover\:-translate-y-1\.5:hover {
-    --tw-translate-y: -0.375rem;
-  }
-
-  .sm\:hover\:-translate-y-2\.5:hover {
-    --tw-translate-y: -0.625rem;
-  }
-
-  .sm\:hover\:-translate-y-3\.5:hover {
-    --tw-translate-y: -0.875rem;
-  }
-
-  .sm\:hover\:translate-y-1\/2:hover {
-    --tw-translate-y: 50%;
-  }
-
-  .sm\:hover\:translate-y-1\/3:hover {
-    --tw-translate-y: 33.333333%;
-  }
-
-  .sm\:hover\:translate-y-2\/3:hover {
-    --tw-translate-y: 66.666667%;
-  }
-
-  .sm\:hover\:translate-y-1\/4:hover {
-    --tw-translate-y: 25%;
-  }
-
-  .sm\:hover\:translate-y-2\/4:hover {
-    --tw-translate-y: 50%;
-  }
-
-  .sm\:hover\:translate-y-3\/4:hover {
-    --tw-translate-y: 75%;
-  }
-
-  .sm\:hover\:translate-y-full:hover {
-    --tw-translate-y: 100%;
-  }
-
-  .sm\:hover\:-translate-y-1\/2:hover {
-    --tw-translate-y: -50%;
-  }
-
-  .sm\:hover\:-translate-y-1\/3:hover {
-    --tw-translate-y: -33.333333%;
-  }
-
-  .sm\:hover\:-translate-y-2\/3:hover {
-    --tw-translate-y: -66.666667%;
-  }
-
-  .sm\:hover\:-translate-y-1\/4:hover {
-    --tw-translate-y: -25%;
-  }
-
-  .sm\:hover\:-translate-y-2\/4:hover {
-    --tw-translate-y: -50%;
-  }
-
-  .sm\:hover\:-translate-y-3\/4:hover {
-    --tw-translate-y: -75%;
-  }
-
-  .sm\:hover\:-translate-y-full:hover {
-    --tw-translate-y: -100%;
-  }
-
-  .sm\:focus\:translate-x-0:focus {
-    --tw-translate-x: 0px;
-  }
-
-  .sm\:focus\:translate-x-1:focus {
-    --tw-translate-x: 0.25rem;
-  }
-
-  .sm\:focus\:translate-x-2:focus {
-    --tw-translate-x: 0.5rem;
-  }
-
-  .sm\:focus\:translate-x-3:focus {
-    --tw-translate-x: 0.75rem;
-  }
-
-  .sm\:focus\:translate-x-4:focus {
-    --tw-translate-x: 1rem;
-  }
-
-  .sm\:focus\:translate-x-5:focus {
-    --tw-translate-x: 1.25rem;
-  }
-
-  .sm\:focus\:translate-x-6:focus {
-    --tw-translate-x: 1.5rem;
-  }
-
-  .sm\:focus\:translate-x-7:focus {
-    --tw-translate-x: 1.75rem;
-  }
-
-  .sm\:focus\:translate-x-8:focus {
-    --tw-translate-x: 2rem;
-  }
-
-  .sm\:focus\:translate-x-9:focus {
-    --tw-translate-x: 2.25rem;
-  }
-
-  .sm\:focus\:translate-x-10:focus {
-    --tw-translate-x: 2.5rem;
-  }
-
-  .sm\:focus\:translate-x-11:focus {
-    --tw-translate-x: 2.75rem;
-  }
-
-  .sm\:focus\:translate-x-12:focus {
-    --tw-translate-x: 3rem;
-  }
-
-  .sm\:focus\:translate-x-14:focus {
-    --tw-translate-x: 3.5rem;
-  }
-
-  .sm\:focus\:translate-x-16:focus {
-    --tw-translate-x: 4rem;
-  }
-
-  .sm\:focus\:translate-x-20:focus {
-    --tw-translate-x: 5rem;
-  }
-
-  .sm\:focus\:translate-x-24:focus {
-    --tw-translate-x: 6rem;
-  }
-
-  .sm\:focus\:translate-x-28:focus {
-    --tw-translate-x: 7rem;
-  }
-
-  .sm\:focus\:translate-x-32:focus {
-    --tw-translate-x: 8rem;
-  }
-
-  .sm\:focus\:translate-x-36:focus {
-    --tw-translate-x: 9rem;
-  }
-
-  .sm\:focus\:translate-x-40:focus {
-    --tw-translate-x: 10rem;
-  }
-
-  .sm\:focus\:translate-x-44:focus {
-    --tw-translate-x: 11rem;
-  }
-
-  .sm\:focus\:translate-x-48:focus {
-    --tw-translate-x: 12rem;
-  }
-
-  .sm\:focus\:translate-x-52:focus {
-    --tw-translate-x: 13rem;
-  }
-
-  .sm\:focus\:translate-x-56:focus {
-    --tw-translate-x: 14rem;
-  }
-
-  .sm\:focus\:translate-x-60:focus {
-    --tw-translate-x: 15rem;
-  }
-
-  .sm\:focus\:translate-x-64:focus {
-    --tw-translate-x: 16rem;
-  }
-
-  .sm\:focus\:translate-x-72:focus {
-    --tw-translate-x: 18rem;
-  }
-
-  .sm\:focus\:translate-x-80:focus {
-    --tw-translate-x: 20rem;
-  }
-
-  .sm\:focus\:translate-x-96:focus {
-    --tw-translate-x: 24rem;
-  }
-
-  .sm\:focus\:translate-x-px:focus {
-    --tw-translate-x: 1px;
-  }
-
-  .sm\:focus\:translate-x-0\.5:focus {
-    --tw-translate-x: 0.125rem;
-  }
-
-  .sm\:focus\:translate-x-1\.5:focus {
-    --tw-translate-x: 0.375rem;
-  }
-
-  .sm\:focus\:translate-x-2\.5:focus {
-    --tw-translate-x: 0.625rem;
-  }
-
-  .sm\:focus\:translate-x-3\.5:focus {
-    --tw-translate-x: 0.875rem;
-  }
-
-  .sm\:focus\:-translate-x-0:focus {
-    --tw-translate-x: 0px;
-  }
-
-  .sm\:focus\:-translate-x-1:focus {
-    --tw-translate-x: -0.25rem;
-  }
-
-  .sm\:focus\:-translate-x-2:focus {
-    --tw-translate-x: -0.5rem;
-  }
-
-  .sm\:focus\:-translate-x-3:focus {
-    --tw-translate-x: -0.75rem;
-  }
-
-  .sm\:focus\:-translate-x-4:focus {
-    --tw-translate-x: -1rem;
-  }
-
-  .sm\:focus\:-translate-x-5:focus {
-    --tw-translate-x: -1.25rem;
-  }
-
-  .sm\:focus\:-translate-x-6:focus {
-    --tw-translate-x: -1.5rem;
-  }
-
-  .sm\:focus\:-translate-x-7:focus {
-    --tw-translate-x: -1.75rem;
-  }
-
-  .sm\:focus\:-translate-x-8:focus {
-    --tw-translate-x: -2rem;
-  }
-
-  .sm\:focus\:-translate-x-9:focus {
-    --tw-translate-x: -2.25rem;
-  }
-
-  .sm\:focus\:-translate-x-10:focus {
-    --tw-translate-x: -2.5rem;
-  }
-
-  .sm\:focus\:-translate-x-11:focus {
-    --tw-translate-x: -2.75rem;
-  }
-
-  .sm\:focus\:-translate-x-12:focus {
-    --tw-translate-x: -3rem;
-  }
-
-  .sm\:focus\:-translate-x-14:focus {
-    --tw-translate-x: -3.5rem;
-  }
-
-  .sm\:focus\:-translate-x-16:focus {
-    --tw-translate-x: -4rem;
-  }
-
-  .sm\:focus\:-translate-x-20:focus {
-    --tw-translate-x: -5rem;
-  }
-
-  .sm\:focus\:-translate-x-24:focus {
-    --tw-translate-x: -6rem;
-  }
-
-  .sm\:focus\:-translate-x-28:focus {
-    --tw-translate-x: -7rem;
-  }
-
-  .sm\:focus\:-translate-x-32:focus {
-    --tw-translate-x: -8rem;
-  }
-
-  .sm\:focus\:-translate-x-36:focus {
-    --tw-translate-x: -9rem;
-  }
-
-  .sm\:focus\:-translate-x-40:focus {
-    --tw-translate-x: -10rem;
-  }
-
-  .sm\:focus\:-translate-x-44:focus {
-    --tw-translate-x: -11rem;
-  }
-
-  .sm\:focus\:-translate-x-48:focus {
-    --tw-translate-x: -12rem;
-  }
-
-  .sm\:focus\:-translate-x-52:focus {
-    --tw-translate-x: -13rem;
-  }
-
-  .sm\:focus\:-translate-x-56:focus {
-    --tw-translate-x: -14rem;
-  }
-
-  .sm\:focus\:-translate-x-60:focus {
-    --tw-translate-x: -15rem;
-  }
-
-  .sm\:focus\:-translate-x-64:focus {
-    --tw-translate-x: -16rem;
-  }
-
-  .sm\:focus\:-translate-x-72:focus {
-    --tw-translate-x: -18rem;
-  }
-
-  .sm\:focus\:-translate-x-80:focus {
-    --tw-translate-x: -20rem;
-  }
-
-  .sm\:focus\:-translate-x-96:focus {
-    --tw-translate-x: -24rem;
-  }
-
-  .sm\:focus\:-translate-x-px:focus {
-    --tw-translate-x: -1px;
-  }
-
-  .sm\:focus\:-translate-x-0\.5:focus {
-    --tw-translate-x: -0.125rem;
-  }
-
-  .sm\:focus\:-translate-x-1\.5:focus {
-    --tw-translate-x: -0.375rem;
-  }
-
-  .sm\:focus\:-translate-x-2\.5:focus {
-    --tw-translate-x: -0.625rem;
-  }
-
-  .sm\:focus\:-translate-x-3\.5:focus {
-    --tw-translate-x: -0.875rem;
-  }
-
-  .sm\:focus\:translate-x-1\/2:focus {
-    --tw-translate-x: 50%;
-  }
-
-  .sm\:focus\:translate-x-1\/3:focus {
-    --tw-translate-x: 33.333333%;
-  }
-
-  .sm\:focus\:translate-x-2\/3:focus {
-    --tw-translate-x: 66.666667%;
-  }
-
-  .sm\:focus\:translate-x-1\/4:focus {
-    --tw-translate-x: 25%;
-  }
-
-  .sm\:focus\:translate-x-2\/4:focus {
-    --tw-translate-x: 50%;
-  }
-
-  .sm\:focus\:translate-x-3\/4:focus {
-    --tw-translate-x: 75%;
-  }
-
-  .sm\:focus\:translate-x-full:focus {
-    --tw-translate-x: 100%;
-  }
-
-  .sm\:focus\:-translate-x-1\/2:focus {
-    --tw-translate-x: -50%;
-  }
-
-  .sm\:focus\:-translate-x-1\/3:focus {
-    --tw-translate-x: -33.333333%;
-  }
-
-  .sm\:focus\:-translate-x-2\/3:focus {
-    --tw-translate-x: -66.666667%;
-  }
-
-  .sm\:focus\:-translate-x-1\/4:focus {
-    --tw-translate-x: -25%;
-  }
-
-  .sm\:focus\:-translate-x-2\/4:focus {
-    --tw-translate-x: -50%;
-  }
-
-  .sm\:focus\:-translate-x-3\/4:focus {
-    --tw-translate-x: -75%;
-  }
-
-  .sm\:focus\:-translate-x-full:focus {
-    --tw-translate-x: -100%;
-  }
-
-  .sm\:focus\:translate-y-0:focus {
-    --tw-translate-y: 0px;
-  }
-
-  .sm\:focus\:translate-y-1:focus {
-    --tw-translate-y: 0.25rem;
-  }
-
-  .sm\:focus\:translate-y-2:focus {
-    --tw-translate-y: 0.5rem;
-  }
-
-  .sm\:focus\:translate-y-3:focus {
-    --tw-translate-y: 0.75rem;
-  }
-
-  .sm\:focus\:translate-y-4:focus {
-    --tw-translate-y: 1rem;
-  }
-
-  .sm\:focus\:translate-y-5:focus {
-    --tw-translate-y: 1.25rem;
-  }
-
-  .sm\:focus\:translate-y-6:focus {
-    --tw-translate-y: 1.5rem;
-  }
-
-  .sm\:focus\:translate-y-7:focus {
-    --tw-translate-y: 1.75rem;
-  }
-
-  .sm\:focus\:translate-y-8:focus {
-    --tw-translate-y: 2rem;
-  }
-
-  .sm\:focus\:translate-y-9:focus {
-    --tw-translate-y: 2.25rem;
-  }
-
-  .sm\:focus\:translate-y-10:focus {
-    --tw-translate-y: 2.5rem;
-  }
-
-  .sm\:focus\:translate-y-11:focus {
-    --tw-translate-y: 2.75rem;
-  }
-
-  .sm\:focus\:translate-y-12:focus {
-    --tw-translate-y: 3rem;
-  }
-
-  .sm\:focus\:translate-y-14:focus {
-    --tw-translate-y: 3.5rem;
-  }
-
-  .sm\:focus\:translate-y-16:focus {
-    --tw-translate-y: 4rem;
-  }
-
-  .sm\:focus\:translate-y-20:focus {
-    --tw-translate-y: 5rem;
-  }
-
-  .sm\:focus\:translate-y-24:focus {
-    --tw-translate-y: 6rem;
-  }
-
-  .sm\:focus\:translate-y-28:focus {
-    --tw-translate-y: 7rem;
-  }
-
-  .sm\:focus\:translate-y-32:focus {
-    --tw-translate-y: 8rem;
-  }
-
-  .sm\:focus\:translate-y-36:focus {
-    --tw-translate-y: 9rem;
-  }
-
-  .sm\:focus\:translate-y-40:focus {
-    --tw-translate-y: 10rem;
-  }
-
-  .sm\:focus\:translate-y-44:focus {
-    --tw-translate-y: 11rem;
-  }
-
-  .sm\:focus\:translate-y-48:focus {
-    --tw-translate-y: 12rem;
-  }
-
-  .sm\:focus\:translate-y-52:focus {
-    --tw-translate-y: 13rem;
-  }
-
-  .sm\:focus\:translate-y-56:focus {
-    --tw-translate-y: 14rem;
-  }
-
-  .sm\:focus\:translate-y-60:focus {
-    --tw-translate-y: 15rem;
-  }
-
-  .sm\:focus\:translate-y-64:focus {
-    --tw-translate-y: 16rem;
-  }
-
-  .sm\:focus\:translate-y-72:focus {
-    --tw-translate-y: 18rem;
-  }
-
-  .sm\:focus\:translate-y-80:focus {
-    --tw-translate-y: 20rem;
-  }
-
-  .sm\:focus\:translate-y-96:focus {
-    --tw-translate-y: 24rem;
-  }
-
-  .sm\:focus\:translate-y-px:focus {
-    --tw-translate-y: 1px;
-  }
-
-  .sm\:focus\:translate-y-0\.5:focus {
-    --tw-translate-y: 0.125rem;
-  }
-
-  .sm\:focus\:translate-y-1\.5:focus {
-    --tw-translate-y: 0.375rem;
-  }
-
-  .sm\:focus\:translate-y-2\.5:focus {
-    --tw-translate-y: 0.625rem;
-  }
-
-  .sm\:focus\:translate-y-3\.5:focus {
-    --tw-translate-y: 0.875rem;
-  }
-
-  .sm\:focus\:-translate-y-0:focus {
-    --tw-translate-y: 0px;
-  }
-
-  .sm\:focus\:-translate-y-1:focus {
-    --tw-translate-y: -0.25rem;
-  }
-
-  .sm\:focus\:-translate-y-2:focus {
-    --tw-translate-y: -0.5rem;
-  }
-
-  .sm\:focus\:-translate-y-3:focus {
-    --tw-translate-y: -0.75rem;
-  }
-
-  .sm\:focus\:-translate-y-4:focus {
-    --tw-translate-y: -1rem;
-  }
-
-  .sm\:focus\:-translate-y-5:focus {
-    --tw-translate-y: -1.25rem;
-  }
-
-  .sm\:focus\:-translate-y-6:focus {
-    --tw-translate-y: -1.5rem;
-  }
-
-  .sm\:focus\:-translate-y-7:focus {
-    --tw-translate-y: -1.75rem;
-  }
-
-  .sm\:focus\:-translate-y-8:focus {
-    --tw-translate-y: -2rem;
-  }
-
-  .sm\:focus\:-translate-y-9:focus {
-    --tw-translate-y: -2.25rem;
-  }
-
-  .sm\:focus\:-translate-y-10:focus {
-    --tw-translate-y: -2.5rem;
-  }
-
-  .sm\:focus\:-translate-y-11:focus {
-    --tw-translate-y: -2.75rem;
-  }
-
-  .sm\:focus\:-translate-y-12:focus {
-    --tw-translate-y: -3rem;
-  }
-
-  .sm\:focus\:-translate-y-14:focus {
-    --tw-translate-y: -3.5rem;
-  }
-
-  .sm\:focus\:-translate-y-16:focus {
-    --tw-translate-y: -4rem;
-  }
-
-  .sm\:focus\:-translate-y-20:focus {
-    --tw-translate-y: -5rem;
-  }
-
-  .sm\:focus\:-translate-y-24:focus {
-    --tw-translate-y: -6rem;
-  }
-
-  .sm\:focus\:-translate-y-28:focus {
-    --tw-translate-y: -7rem;
-  }
-
-  .sm\:focus\:-translate-y-32:focus {
-    --tw-translate-y: -8rem;
-  }
-
-  .sm\:focus\:-translate-y-36:focus {
-    --tw-translate-y: -9rem;
-  }
-
-  .sm\:focus\:-translate-y-40:focus {
-    --tw-translate-y: -10rem;
-  }
-
-  .sm\:focus\:-translate-y-44:focus {
-    --tw-translate-y: -11rem;
-  }
-
-  .sm\:focus\:-translate-y-48:focus {
-    --tw-translate-y: -12rem;
-  }
-
-  .sm\:focus\:-translate-y-52:focus {
-    --tw-translate-y: -13rem;
-  }
-
-  .sm\:focus\:-translate-y-56:focus {
-    --tw-translate-y: -14rem;
-  }
-
-  .sm\:focus\:-translate-y-60:focus {
-    --tw-translate-y: -15rem;
-  }
-
-  .sm\:focus\:-translate-y-64:focus {
-    --tw-translate-y: -16rem;
-  }
-
-  .sm\:focus\:-translate-y-72:focus {
-    --tw-translate-y: -18rem;
-  }
-
-  .sm\:focus\:-translate-y-80:focus {
-    --tw-translate-y: -20rem;
-  }
-
-  .sm\:focus\:-translate-y-96:focus {
-    --tw-translate-y: -24rem;
-  }
-
-  .sm\:focus\:-translate-y-px:focus {
-    --tw-translate-y: -1px;
-  }
-
-  .sm\:focus\:-translate-y-0\.5:focus {
-    --tw-translate-y: -0.125rem;
-  }
-
-  .sm\:focus\:-translate-y-1\.5:focus {
-    --tw-translate-y: -0.375rem;
-  }
-
-  .sm\:focus\:-translate-y-2\.5:focus {
-    --tw-translate-y: -0.625rem;
-  }
-
-  .sm\:focus\:-translate-y-3\.5:focus {
-    --tw-translate-y: -0.875rem;
-  }
-
-  .sm\:focus\:translate-y-1\/2:focus {
-    --tw-translate-y: 50%;
-  }
-
-  .sm\:focus\:translate-y-1\/3:focus {
-    --tw-translate-y: 33.333333%;
-  }
-
-  .sm\:focus\:translate-y-2\/3:focus {
-    --tw-translate-y: 66.666667%;
-  }
-
-  .sm\:focus\:translate-y-1\/4:focus {
-    --tw-translate-y: 25%;
-  }
-
-  .sm\:focus\:translate-y-2\/4:focus {
-    --tw-translate-y: 50%;
-  }
-
-  .sm\:focus\:translate-y-3\/4:focus {
-    --tw-translate-y: 75%;
-  }
-
-  .sm\:focus\:translate-y-full:focus {
-    --tw-translate-y: 100%;
-  }
-
-  .sm\:focus\:-translate-y-1\/2:focus {
-    --tw-translate-y: -50%;
-  }
-
-  .sm\:focus\:-translate-y-1\/3:focus {
-    --tw-translate-y: -33.333333%;
-  }
-
-  .sm\:focus\:-translate-y-2\/3:focus {
-    --tw-translate-y: -66.666667%;
-  }
-
-  .sm\:focus\:-translate-y-1\/4:focus {
-    --tw-translate-y: -25%;
-  }
-
-  .sm\:focus\:-translate-y-2\/4:focus {
-    --tw-translate-y: -50%;
-  }
-
-  .sm\:focus\:-translate-y-3\/4:focus {
-    --tw-translate-y: -75%;
-  }
-
-  .sm\:focus\:-translate-y-full:focus {
-    --tw-translate-y: -100%;
-  }
-
-  .sm\:skew-x-0 {
-    --tw-skew-x: 0deg;
-  }
-
-  .sm\:skew-x-1 {
-    --tw-skew-x: 1deg;
-  }
-
-  .sm\:skew-x-2 {
-    --tw-skew-x: 2deg;
-  }
-
-  .sm\:skew-x-3 {
-    --tw-skew-x: 3deg;
-  }
-
-  .sm\:skew-x-6 {
-    --tw-skew-x: 6deg;
-  }
-
-  .sm\:skew-x-12 {
-    --tw-skew-x: 12deg;
-  }
-
-  .sm\:-skew-x-12 {
-    --tw-skew-x: -12deg;
-  }
-
-  .sm\:-skew-x-6 {
-    --tw-skew-x: -6deg;
-  }
-
-  .sm\:-skew-x-3 {
-    --tw-skew-x: -3deg;
-  }
-
-  .sm\:-skew-x-2 {
-    --tw-skew-x: -2deg;
-  }
-
-  .sm\:-skew-x-1 {
-    --tw-skew-x: -1deg;
-  }
-
-  .sm\:skew-y-0 {
-    --tw-skew-y: 0deg;
-  }
-
-  .sm\:skew-y-1 {
-    --tw-skew-y: 1deg;
-  }
-
-  .sm\:skew-y-2 {
-    --tw-skew-y: 2deg;
-  }
-
-  .sm\:skew-y-3 {
-    --tw-skew-y: 3deg;
-  }
-
-  .sm\:skew-y-6 {
-    --tw-skew-y: 6deg;
-  }
-
-  .sm\:skew-y-12 {
-    --tw-skew-y: 12deg;
-  }
-
-  .sm\:-skew-y-12 {
-    --tw-skew-y: -12deg;
-  }
-
-  .sm\:-skew-y-6 {
-    --tw-skew-y: -6deg;
-  }
-
-  .sm\:-skew-y-3 {
-    --tw-skew-y: -3deg;
-  }
-
-  .sm\:-skew-y-2 {
-    --tw-skew-y: -2deg;
-  }
-
-  .sm\:-skew-y-1 {
-    --tw-skew-y: -1deg;
-  }
-
-  .sm\:hover\:skew-x-0:hover {
-    --tw-skew-x: 0deg;
-  }
-
-  .sm\:hover\:skew-x-1:hover {
-    --tw-skew-x: 1deg;
-  }
-
-  .sm\:hover\:skew-x-2:hover {
-    --tw-skew-x: 2deg;
-  }
-
-  .sm\:hover\:skew-x-3:hover {
-    --tw-skew-x: 3deg;
-  }
-
-  .sm\:hover\:skew-x-6:hover {
-    --tw-skew-x: 6deg;
-  }
-
-  .sm\:hover\:skew-x-12:hover {
-    --tw-skew-x: 12deg;
-  }
-
-  .sm\:hover\:-skew-x-12:hover {
-    --tw-skew-x: -12deg;
-  }
-
-  .sm\:hover\:-skew-x-6:hover {
-    --tw-skew-x: -6deg;
-  }
-
-  .sm\:hover\:-skew-x-3:hover {
-    --tw-skew-x: -3deg;
-  }
-
-  .sm\:hover\:-skew-x-2:hover {
-    --tw-skew-x: -2deg;
-  }
-
-  .sm\:hover\:-skew-x-1:hover {
-    --tw-skew-x: -1deg;
-  }
-
-  .sm\:hover\:skew-y-0:hover {
-    --tw-skew-y: 0deg;
-  }
-
-  .sm\:hover\:skew-y-1:hover {
-    --tw-skew-y: 1deg;
-  }
-
-  .sm\:hover\:skew-y-2:hover {
-    --tw-skew-y: 2deg;
-  }
-
-  .sm\:hover\:skew-y-3:hover {
-    --tw-skew-y: 3deg;
-  }
-
-  .sm\:hover\:skew-y-6:hover {
-    --tw-skew-y: 6deg;
-  }
-
-  .sm\:hover\:skew-y-12:hover {
-    --tw-skew-y: 12deg;
-  }
-
-  .sm\:hover\:-skew-y-12:hover {
-    --tw-skew-y: -12deg;
-  }
-
-  .sm\:hover\:-skew-y-6:hover {
-    --tw-skew-y: -6deg;
-  }
-
-  .sm\:hover\:-skew-y-3:hover {
-    --tw-skew-y: -3deg;
-  }
-
-  .sm\:hover\:-skew-y-2:hover {
-    --tw-skew-y: -2deg;
-  }
-
-  .sm\:hover\:-skew-y-1:hover {
-    --tw-skew-y: -1deg;
-  }
-
-  .sm\:focus\:skew-x-0:focus {
-    --tw-skew-x: 0deg;
-  }
-
-  .sm\:focus\:skew-x-1:focus {
-    --tw-skew-x: 1deg;
-  }
-
-  .sm\:focus\:skew-x-2:focus {
-    --tw-skew-x: 2deg;
-  }
-
-  .sm\:focus\:skew-x-3:focus {
-    --tw-skew-x: 3deg;
-  }
-
-  .sm\:focus\:skew-x-6:focus {
-    --tw-skew-x: 6deg;
-  }
-
-  .sm\:focus\:skew-x-12:focus {
-    --tw-skew-x: 12deg;
-  }
-
-  .sm\:focus\:-skew-x-12:focus {
-    --tw-skew-x: -12deg;
-  }
-
-  .sm\:focus\:-skew-x-6:focus {
-    --tw-skew-x: -6deg;
-  }
-
-  .sm\:focus\:-skew-x-3:focus {
-    --tw-skew-x: -3deg;
-  }
-
-  .sm\:focus\:-skew-x-2:focus {
-    --tw-skew-x: -2deg;
-  }
-
-  .sm\:focus\:-skew-x-1:focus {
-    --tw-skew-x: -1deg;
-  }
-
-  .sm\:focus\:skew-y-0:focus {
-    --tw-skew-y: 0deg;
-  }
-
-  .sm\:focus\:skew-y-1:focus {
-    --tw-skew-y: 1deg;
-  }
-
-  .sm\:focus\:skew-y-2:focus {
-    --tw-skew-y: 2deg;
-  }
-
-  .sm\:focus\:skew-y-3:focus {
-    --tw-skew-y: 3deg;
-  }
-
-  .sm\:focus\:skew-y-6:focus {
-    --tw-skew-y: 6deg;
-  }
-
-  .sm\:focus\:skew-y-12:focus {
-    --tw-skew-y: 12deg;
-  }
-
-  .sm\:focus\:-skew-y-12:focus {
-    --tw-skew-y: -12deg;
-  }
-
-  .sm\:focus\:-skew-y-6:focus {
-    --tw-skew-y: -6deg;
-  }
-
-  .sm\:focus\:-skew-y-3:focus {
-    --tw-skew-y: -3deg;
-  }
-
-  .sm\:focus\:-skew-y-2:focus {
-    --tw-skew-y: -2deg;
-  }
-
-  .sm\:focus\:-skew-y-1:focus {
-    --tw-skew-y: -1deg;
-  }
-
-  .sm\:transition-none {
-    transition-property: none;
-  }
-
-  .sm\:transition-all {
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .sm\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .sm\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .sm\:transition-opacity {
-    transition-property: opacity;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .sm\:transition-shadow {
-    transition-property: box-shadow;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .sm\:transition-transform {
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .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;
-    }
-  }
-
-  @media (min-width: 1536px) {
-    .md\:container {
-      max-width: 1536px;
-    }
-  }
-
-  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0px * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0px * var(--tw-space-x-reverse));
-    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1rem * var(--tw-space-x-reverse));
-    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2rem * var(--tw-space-x-reverse));
-    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(3rem * var(--tw-space-x-reverse));
-    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(4rem * var(--tw-space-x-reverse));
-    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(5rem * var(--tw-space-x-reverse));
-    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(6rem * var(--tw-space-x-reverse));
-    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(7rem * var(--tw-space-x-reverse));
-    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(8rem * var(--tw-space-x-reverse));
-    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(9rem * var(--tw-space-x-reverse));
-    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(10rem * var(--tw-space-x-reverse));
-    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(11rem * var(--tw-space-x-reverse));
-    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(12rem * var(--tw-space-x-reverse));
-    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(13rem * var(--tw-space-x-reverse));
-    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(14rem * var(--tw-space-x-reverse));
-    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(15rem * var(--tw-space-x-reverse));
-    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(16rem * var(--tw-space-x-reverse));
-    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(18rem * var(--tw-space-x-reverse));
-    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(20rem * var(--tw-space-x-reverse));
-    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(24rem * var(--tw-space-x-reverse));
-    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1px * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1px * var(--tw-space-x-reverse));
-    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0px * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0px * var(--tw-space-x-reverse));
-    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-3rem * var(--tw-space-x-reverse));
-    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-4rem * var(--tw-space-x-reverse));
-    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-6rem * var(--tw-space-x-reverse));
-    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-7rem * var(--tw-space-x-reverse));
-    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-8rem * var(--tw-space-x-reverse));
-    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-9rem * var(--tw-space-x-reverse));
-    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-10rem * var(--tw-space-x-reverse));
-    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-11rem * var(--tw-space-x-reverse));
-    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-12rem * var(--tw-space-x-reverse));
-    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-13rem * var(--tw-space-x-reverse));
-    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-14rem * var(--tw-space-x-reverse));
-    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-15rem * var(--tw-space-x-reverse));
-    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-16rem * var(--tw-space-x-reverse));
-    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-18rem * var(--tw-space-x-reverse));
-    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-20rem * var(--tw-space-x-reverse));
-    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-24rem * var(--tw-space-x-reverse));
-    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1px * var(--tw-space-x-reverse));
-    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .md\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 1;
-  }
-
-  .md\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 1;
-  }
-
-  .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
-  }
-
-  .md\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(0px * var(--tw-divide-x-reverse));
-    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .md\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
-  }
-
-  .md\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(2px * var(--tw-divide-x-reverse));
-    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .md\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
-  }
-
-  .md\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(4px * var(--tw-divide-x-reverse));
-    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .md\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
-  }
-
-  .md\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(8px * var(--tw-divide-x-reverse));
-    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .md\:divide-y > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
-  }
-
-  .md\:divide-x > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(1px * var(--tw-divide-x-reverse));
-    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .md\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 1;
-  }
-
-  .md\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 1;
-  }
-
-  .md\:divide-current > :not([hidden]) ~ :not([hidden]) {
-    border-color: currentColor;
-  }
-
-  .md\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
-    border-color: transparent;
-  }
-
-  .md\:divide-black > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-white > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-darkCoolGray-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-darkCoolGray-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-darkCoolGray-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-darkCoolGray-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-darkCoolGray-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-darkCoolGray-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-darkCoolGray-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-darkCoolGray-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-darkCoolGray-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-darkCoolGray-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-coolGray-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-coolGray-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-coolGray-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-coolGray-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-coolGray-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-coolGray-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-coolGray-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-coolGray-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-coolGray-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-coolGray-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-violet-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-violet-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-violet-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-violet-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-violet-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-violet-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-violet-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-violet-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-violet-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-violet-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
-  }
-
-  .md\:divide-solid > :not([hidden]) ~ :not([hidden]) {
-    border-style: solid;
-  }
-
-  .md\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
-    border-style: dashed;
-  }
-
-  .md\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
-    border-style: dotted;
-  }
-
-  .md\:divide-double > :not([hidden]) ~ :not([hidden]) {
-    border-style: double;
-  }
-
-  .md\:divide-none > :not([hidden]) ~ :not([hidden]) {
-    border-style: none;
-  }
-
-  .md\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0;
-  }
-
-  .md\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.05;
-  }
-
-  .md\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.1;
-  }
-
-  .md\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.2;
-  }
-
-  .md\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.25;
-  }
-
-  .md\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.3;
-  }
-
-  .md\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.4;
-  }
-
-  .md\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.5;
-  }
-
-  .md\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.6;
-  }
-
-  .md\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.7;
-  }
-
-  .md\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.75;
-  }
-
-  .md\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.8;
-  }
-
-  .md\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.9;
-  }
-
-  .md\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.95;
-  }
-
-  .md\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-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-within\:sr-only:focus-within {
-    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-within\:not-sr-only:focus-within {
-    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-black {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-darkCoolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-darkCoolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-darkCoolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-darkCoolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-darkCoolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-darkCoolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-darkCoolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-darkCoolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-darkCoolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-darkCoolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-coolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-coolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-coolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-coolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-coolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-coolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-coolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-coolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-coolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-coolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-indigo-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-indigo-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-indigo-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-indigo-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-indigo-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-indigo-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-indigo-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-indigo-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-indigo-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-indigo-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-violet-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-violet-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-violet-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-violet-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-violet-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-violet-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-violet-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-violet-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-violet-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-violet-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-yellow-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-yellow-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-yellow-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-yellow-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-yellow-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-yellow-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-yellow-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-yellow-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-yellow-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-yellow-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-red-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-red-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-red-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-red-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-red-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-red-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-red-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-red-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-red-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-red-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-green-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-green-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-green-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-green-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-green-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-green-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-green-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-green-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-green-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-green-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-blue-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-blue-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-blue-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-blue-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-blue-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-blue-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-blue-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-blue-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-blue-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-blue-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-gray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-gray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-gray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-gray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-gray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-gray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-gray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-gray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-gray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-gray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-body {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-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-black {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-darkCoolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-darkCoolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-darkCoolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-darkCoolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-darkCoolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-darkCoolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-darkCoolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-darkCoolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-darkCoolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-darkCoolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-coolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-coolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-coolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-coolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-coolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-coolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-coolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-coolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-coolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-coolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-violet-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-violet-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-violet-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-violet-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-violet-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-violet-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-violet-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-violet-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-violet-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-violet-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-body {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-current:focus-within {
-    background-color: currentColor;
-  }
-
-  .md\:focus-within\:bg-transparent:focus-within {
-    background-color: transparent;
-  }
-
-  .md\:focus-within\:bg-black:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-white:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-darkCoolGray-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-darkCoolGray-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-darkCoolGray-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-darkCoolGray-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-darkCoolGray-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-darkCoolGray-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-darkCoolGray-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-darkCoolGray-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-darkCoolGray-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-darkCoolGray-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-coolGray-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-coolGray-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-coolGray-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-coolGray-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-coolGray-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-coolGray-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-coolGray-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-coolGray-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-coolGray-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-coolGray-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-indigo-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-indigo-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-indigo-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-indigo-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-indigo-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-indigo-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-indigo-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-indigo-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-indigo-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-indigo-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-violet-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-violet-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-violet-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-violet-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-violet-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-violet-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-violet-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-violet-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-violet-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-violet-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-yellow-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-yellow-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-yellow-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-yellow-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-yellow-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-yellow-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-yellow-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-yellow-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-yellow-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-yellow-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-red-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-red-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-red-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-red-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-red-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-red-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-red-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-red-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-red-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-red-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-green-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-green-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-green-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-green-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-green-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-green-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-green-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-green-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-green-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-green-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-blue-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-blue-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-blue-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-blue-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-blue-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-blue-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-blue-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-blue-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-blue-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-blue-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-gray-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-gray-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-gray-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-gray-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-gray-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-gray-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-gray-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-gray-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-gray-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-gray-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .md\:focus-within\:bg-body:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-current:hover {
-    background-color: currentColor;
-  }
-
-  .md\:hover\:bg-transparent:hover {
-    background-color: transparent;
-  }
-
-  .md\:hover\:bg-black:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-white:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-darkCoolGray-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-darkCoolGray-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-darkCoolGray-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-darkCoolGray-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-darkCoolGray-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-darkCoolGray-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-darkCoolGray-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-darkCoolGray-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-darkCoolGray-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-darkCoolGray-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-coolGray-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-coolGray-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-coolGray-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-coolGray-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-coolGray-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-coolGray-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-coolGray-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-coolGray-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-coolGray-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-coolGray-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-violet-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-violet-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-violet-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-violet-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-violet-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-violet-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-violet-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-violet-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-violet-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-violet-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-red-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-red-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-red-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-red-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-red-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-red-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-red-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-red-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-red-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-red-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-green-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-green-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-green-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-green-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-green-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-green-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-green-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-green-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-green-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-green-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .md\:hover\:bg-body:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-current:focus {
-    background-color: currentColor;
-  }
-
-  .md\:focus\:bg-transparent:focus {
-    background-color: transparent;
-  }
-
-  .md\:focus\:bg-black:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-white:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-darkCoolGray-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-darkCoolGray-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-darkCoolGray-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-darkCoolGray-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-darkCoolGray-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-darkCoolGray-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-darkCoolGray-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-darkCoolGray-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-darkCoolGray-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-darkCoolGray-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-coolGray-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-coolGray-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-coolGray-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-coolGray-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-coolGray-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-coolGray-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-coolGray-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-coolGray-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-coolGray-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-coolGray-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-violet-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-violet-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-violet-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-violet-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-violet-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-violet-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-violet-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-violet-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-violet-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-violet-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-red-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-red-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-red-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-red-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-red-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-red-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-red-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-red-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-red-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-red-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-green-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-green-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-green-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-green-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-green-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-green-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-green-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-green-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-green-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-green-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .md\:focus\:bg-body:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .md\:bg-none {
-    background-image: none;
-  }
-
-  .md\:bg-gradient-to-t {
-    background-image: linear-gradient(to top, var(--tw-gradient-stops));
-  }
-
-  .md\:bg-gradient-to-tr {
-    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
-  }
-
-  .md\:bg-gradient-to-r {
-    background-image: linear-gradient(to right, var(--tw-gradient-stops));
-  }
-
-  .md\:bg-gradient-to-br {
-    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
-  }
-
-  .md\:bg-gradient-to-b {
-    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
-  }
-
-  .md\:bg-gradient-to-bl {
-    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
-  }
-
-  .md\:bg-gradient-to-l {
-    background-image: linear-gradient(to left, var(--tw-gradient-stops));
-  }
-
-  .md\:bg-gradient-to-tl {
-    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
-  }
-
-  .md\:from-current {
-    --tw-gradient-from: currentColor;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .md\:from-transparent {
-    --tw-gradient-from: transparent;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .md\:from-black {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .md\:from-white {
-    --tw-gradient-from: #fff;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .md\:from-darkCoolGray-50 {
-    --tw-gradient-from: #F5F6F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .md\:from-darkCoolGray-100 {
-    --tw-gradient-from: #EBEDEF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .md\:from-darkCoolGray-200 {
-    --tw-gradient-from: #CED1D6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .md\:from-darkCoolGray-300 {
-    --tw-gradient-from: #B0B5BD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .md\:from-darkCoolGray-400 {
-    --tw-gradient-from: #757E8C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .md\:from-darkCoolGray-500 {
-    --tw-gradient-from: #3A475B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .md\:from-darkCoolGray-600 {
-    --tw-gradient-from: #344052;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .md\:from-darkCoolGray-700 {
-    --tw-gradient-from: #2C3544;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .md\:from-darkCoolGray-800 {
-    --tw-gradient-from: #232B37;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .md\:from-darkCoolGray-900 {
-    --tw-gradient-from: #1C232D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .md\:from-coolGray-50 {
-    --tw-gradient-from: #F7F8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .md\:from-coolGray-100 {
-    --tw-gradient-from: #EEF0F3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .md\:from-coolGray-200 {
-    --tw-gradient-from: #D5DAE1;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .md\:from-coolGray-300 {
-    --tw-gradient-from: #BBC3CF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .md\:from-coolGray-400 {
-    --tw-gradient-from: #8896AB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .md\:from-coolGray-500 {
-    --tw-gradient-from: #556987;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .md\:from-coolGray-600 {
-    --tw-gradient-from: #4D5F7A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .md\:from-coolGray-700 {
-    --tw-gradient-from: #404F65;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .md\:from-coolGray-800 {
-    --tw-gradient-from: #333F51;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .md\:from-coolGray-900 {
-    --tw-gradient-from: #2A3342;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .md\:from-indigo-50 {
-    --tw-gradient-from: #F8F6FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .md\:from-indigo-100 {
-    --tw-gradient-from: #F0EEFF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .md\:from-indigo-200 {
-    --tw-gradient-from: #DAD4FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .md\:from-indigo-300 {
-    --tw-gradient-from: #C3B9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .md\:from-indigo-400 {
-    --tw-gradient-from: #9685FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .md\:from-indigo-500 {
-    --tw-gradient-from: #6951FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .md\:from-indigo-600 {
-    --tw-gradient-from: #5F49E6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .md\:from-indigo-700 {
-    --tw-gradient-from: #4F3DBF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .md\:from-indigo-800 {
-    --tw-gradient-from: #3F3199;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .md\:from-indigo-900 {
-    --tw-gradient-from: #33287D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .md\:from-violet-50 {
-    --tw-gradient-from: #FBF7FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .md\:from-violet-100 {
-    --tw-gradient-from: #F6EEFE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .md\:from-violet-200 {
-    --tw-gradient-from: #E9D5FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .md\:from-violet-300 {
-    --tw-gradient-from: #DCBBFC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .md\:from-violet-400 {
-    --tw-gradient-from: #C288F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .md\:from-violet-500 {
-    --tw-gradient-from: #A855F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .md\:from-violet-600 {
-    --tw-gradient-from: #974DDE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .md\:from-violet-700 {
-    --tw-gradient-from: #7E40B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .md\:from-violet-800 {
-    --tw-gradient-from: #653394;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .md\:from-violet-900 {
-    --tw-gradient-from: #522A79;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .md\:from-yellow-50 {
-    --tw-gradient-from: #FFFAF3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .md\:from-yellow-100 {
-    --tw-gradient-from: #FEF5E7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .md\:from-yellow-200 {
-    --tw-gradient-from: #FDE7C2;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .md\:from-yellow-300 {
-    --tw-gradient-from: #FBD89D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .md\:from-yellow-400 {
-    --tw-gradient-from: #F8BB54;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .md\:from-yellow-500 {
-    --tw-gradient-from: #F59E0B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .md\:from-yellow-600 {
-    --tw-gradient-from: #DD8E0A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .md\:from-yellow-700 {
-    --tw-gradient-from: #B87708;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .md\:from-yellow-800 {
-    --tw-gradient-from: #935F07;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .md\:from-yellow-900 {
-    --tw-gradient-from: #784D05;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .md\:from-red-50 {
-    --tw-gradient-from: #FEF7F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .md\:from-red-100 {
-    --tw-gradient-from: #FDEEEC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .md\:from-red-200 {
-    --tw-gradient-from: #FBD6D0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .md\:from-red-300 {
-    --tw-gradient-from: #F9BDB4;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .md\:from-red-400 {
-    --tw-gradient-from: #F48B7C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .md\:from-red-500 {
-    --tw-gradient-from: #EF5844;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .md\:from-red-600 {
-    --tw-gradient-from: #D7503D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .md\:from-red-700 {
-    --tw-gradient-from: #B34333;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .md\:from-red-800 {
-    --tw-gradient-from: #8F3529;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .md\:from-red-900 {
-    --tw-gradient-from: #752C21;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .md\:from-green-50 {
-    --tw-gradient-from: #F4FDF7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .md\:from-green-100 {
-    --tw-gradient-from: #EAFAF0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .md\:from-green-200 {
-    --tw-gradient-from: #CAF4D9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .md\:from-green-300 {
-    --tw-gradient-from: #AAEDC3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .md\:from-green-400 {
-    --tw-gradient-from: #6ADF95;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .md\:from-green-500 {
-    --tw-gradient-from: #2AD167;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .md\:from-green-600 {
-    --tw-gradient-from: #26BC5E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .md\:from-green-700 {
-    --tw-gradient-from: #209D4E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .md\:from-green-800 {
-    --tw-gradient-from: #197D3E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .md\:from-green-900 {
-    --tw-gradient-from: #156633;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .md\:from-blue-50 {
-    --tw-gradient-from: #F5F9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .md\:from-blue-100 {
-    --tw-gradient-from: #EBF3FE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .md\:from-blue-200 {
-    --tw-gradient-from: #CEE0FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .md\:from-blue-300 {
-    --tw-gradient-from: #B1CDFB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .md\:from-blue-400 {
-    --tw-gradient-from: #76A8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .md\:from-blue-500 {
-    --tw-gradient-from: #3B82F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .md\:from-blue-600 {
-    --tw-gradient-from: #3575DD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .md\:from-blue-700 {
-    --tw-gradient-from: #2C62B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .md\:from-blue-800 {
-    --tw-gradient-from: #234E94;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .md\:from-blue-900 {
-    --tw-gradient-from: #1D4079;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .md\:from-gray-50 {
-    --tw-gradient-from: #f9fafb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .md\:from-gray-100 {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .md\:from-gray-200 {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .md\:from-gray-300 {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .md\:from-gray-400 {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .md\:from-gray-500 {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .md\:from-gray-600 {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .md\:from-gray-700 {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .md\:from-gray-800 {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .md\:from-gray-900 {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .md\:via-current {
-    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .md\:via-transparent {
-    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .md\:via-black {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .md\:via-white {
-    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .md\:via-darkCoolGray-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .md\:via-darkCoolGray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .md\:via-darkCoolGray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .md\:via-darkCoolGray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .md\:via-darkCoolGray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .md\:via-darkCoolGray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .md\:via-darkCoolGray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .md\:via-darkCoolGray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .md\:via-darkCoolGray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .md\:via-darkCoolGray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .md\:via-coolGray-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .md\:via-coolGray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .md\:via-coolGray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .md\:via-coolGray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .md\:via-coolGray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .md\:via-coolGray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .md\:via-coolGray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .md\:via-coolGray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .md\:via-coolGray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .md\:via-coolGray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .md\:via-indigo-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .md\:via-indigo-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .md\:via-indigo-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .md\:via-indigo-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .md\:via-indigo-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .md\:via-indigo-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .md\:via-indigo-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .md\:via-indigo-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .md\:via-indigo-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .md\:via-indigo-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .md\:via-violet-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .md\:via-violet-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .md\:via-violet-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .md\:via-violet-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .md\:via-violet-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .md\:via-violet-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .md\:via-violet-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .md\:via-violet-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .md\:via-violet-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .md\:via-violet-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .md\:via-yellow-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .md\:via-yellow-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .md\:via-yellow-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .md\:via-yellow-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .md\:via-yellow-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .md\:via-yellow-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .md\:via-yellow-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .md\:via-yellow-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .md\:via-yellow-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .md\:via-yellow-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .md\:via-red-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .md\:via-red-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .md\:via-red-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .md\:via-red-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .md\:via-red-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .md\:via-red-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .md\:via-red-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .md\:via-red-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .md\:via-red-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .md\:via-red-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .md\:via-green-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .md\:via-green-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .md\:via-green-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .md\:via-green-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .md\:via-green-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .md\:via-green-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .md\:via-green-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .md\:via-green-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .md\:via-green-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .md\:via-green-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .md\:via-blue-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .md\:via-blue-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .md\:via-blue-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .md\:via-blue-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .md\:via-blue-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .md\:via-blue-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .md\:via-blue-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .md\:via-blue-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .md\:via-blue-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .md\:via-blue-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .md\:via-gray-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .md\:via-gray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .md\:via-gray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .md\:via-gray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .md\:via-gray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .md\:via-gray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .md\:via-gray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .md\:via-gray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .md\:via-gray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .md\:via-gray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .md\:to-current {
-    --tw-gradient-to: currentColor;
-  }
-
-  .md\:to-transparent {
-    --tw-gradient-to: transparent;
-  }
-
-  .md\:to-black {
-    --tw-gradient-to: #000;
-  }
-
-  .md\:to-white {
-    --tw-gradient-to: #fff;
-  }
-
-  .md\:to-darkCoolGray-50 {
-    --tw-gradient-to: #F5F6F7;
-  }
-
-  .md\:to-darkCoolGray-100 {
-    --tw-gradient-to: #EBEDEF;
-  }
-
-  .md\:to-darkCoolGray-200 {
-    --tw-gradient-to: #CED1D6;
-  }
-
-  .md\:to-darkCoolGray-300 {
-    --tw-gradient-to: #B0B5BD;
-  }
-
-  .md\:to-darkCoolGray-400 {
-    --tw-gradient-to: #757E8C;
-  }
-
-  .md\:to-darkCoolGray-500 {
-    --tw-gradient-to: #3A475B;
-  }
-
-  .md\:to-darkCoolGray-600 {
-    --tw-gradient-to: #344052;
-  }
-
-  .md\:to-darkCoolGray-700 {
-    --tw-gradient-to: #2C3544;
-  }
-
-  .md\:to-darkCoolGray-800 {
-    --tw-gradient-to: #232B37;
-  }
-
-  .md\:to-darkCoolGray-900 {
-    --tw-gradient-to: #1C232D;
-  }
-
-  .md\:to-coolGray-50 {
-    --tw-gradient-to: #F7F8F9;
-  }
-
-  .md\:to-coolGray-100 {
-    --tw-gradient-to: #EEF0F3;
-  }
-
-  .md\:to-coolGray-200 {
-    --tw-gradient-to: #D5DAE1;
-  }
-
-  .md\:to-coolGray-300 {
-    --tw-gradient-to: #BBC3CF;
-  }
-
-  .md\:to-coolGray-400 {
-    --tw-gradient-to: #8896AB;
-  }
-
-  .md\:to-coolGray-500 {
-    --tw-gradient-to: #556987;
-  }
-
-  .md\:to-coolGray-600 {
-    --tw-gradient-to: #4D5F7A;
-  }
-
-  .md\:to-coolGray-700 {
-    --tw-gradient-to: #404F65;
-  }
-
-  .md\:to-coolGray-800 {
-    --tw-gradient-to: #333F51;
-  }
-
-  .md\:to-coolGray-900 {
-    --tw-gradient-to: #2A3342;
-  }
-
-  .md\:to-indigo-50 {
-    --tw-gradient-to: #F8F6FF;
-  }
-
-  .md\:to-indigo-100 {
-    --tw-gradient-to: #F0EEFF;
-  }
-
-  .md\:to-indigo-200 {
-    --tw-gradient-to: #DAD4FF;
-  }
-
-  .md\:to-indigo-300 {
-    --tw-gradient-to: #C3B9FF;
-  }
-
-  .md\:to-indigo-400 {
-    --tw-gradient-to: #9685FF;
-  }
-
-  .md\:to-indigo-500 {
-    --tw-gradient-to: #6951FF;
-  }
-
-  .md\:to-indigo-600 {
-    --tw-gradient-to: #5F49E6;
-  }
-
-  .md\:to-indigo-700 {
-    --tw-gradient-to: #4F3DBF;
-  }
-
-  .md\:to-indigo-800 {
-    --tw-gradient-to: #3F3199;
-  }
-
-  .md\:to-indigo-900 {
-    --tw-gradient-to: #33287D;
-  }
-
-  .md\:to-violet-50 {
-    --tw-gradient-to: #FBF7FF;
-  }
-
-  .md\:to-violet-100 {
-    --tw-gradient-to: #F6EEFE;
-  }
-
-  .md\:to-violet-200 {
-    --tw-gradient-to: #E9D5FD;
-  }
-
-  .md\:to-violet-300 {
-    --tw-gradient-to: #DCBBFC;
-  }
-
-  .md\:to-violet-400 {
-    --tw-gradient-to: #C288F9;
-  }
-
-  .md\:to-violet-500 {
-    --tw-gradient-to: #A855F7;
-  }
-
-  .md\:to-violet-600 {
-    --tw-gradient-to: #974DDE;
-  }
-
-  .md\:to-violet-700 {
-    --tw-gradient-to: #7E40B9;
-  }
-
-  .md\:to-violet-800 {
-    --tw-gradient-to: #653394;
-  }
-
-  .md\:to-violet-900 {
-    --tw-gradient-to: #522A79;
-  }
-
-  .md\:to-yellow-50 {
-    --tw-gradient-to: #FFFAF3;
-  }
-
-  .md\:to-yellow-100 {
-    --tw-gradient-to: #FEF5E7;
-  }
-
-  .md\:to-yellow-200 {
-    --tw-gradient-to: #FDE7C2;
-  }
-
-  .md\:to-yellow-300 {
-    --tw-gradient-to: #FBD89D;
-  }
-
-  .md\:to-yellow-400 {
-    --tw-gradient-to: #F8BB54;
-  }
-
-  .md\:to-yellow-500 {
-    --tw-gradient-to: #F59E0B;
-  }
-
-  .md\:to-yellow-600 {
-    --tw-gradient-to: #DD8E0A;
-  }
-
-  .md\:to-yellow-700 {
-    --tw-gradient-to: #B87708;
-  }
-
-  .md\:to-yellow-800 {
-    --tw-gradient-to: #935F07;
-  }
-
-  .md\:to-yellow-900 {
-    --tw-gradient-to: #784D05;
-  }
-
-  .md\:to-red-50 {
-    --tw-gradient-to: #FEF7F6;
-  }
-
-  .md\:to-red-100 {
-    --tw-gradient-to: #FDEEEC;
-  }
-
-  .md\:to-red-200 {
-    --tw-gradient-to: #FBD6D0;
-  }
-
-  .md\:to-red-300 {
-    --tw-gradient-to: #F9BDB4;
-  }
-
-  .md\:to-red-400 {
-    --tw-gradient-to: #F48B7C;
-  }
-
-  .md\:to-red-500 {
-    --tw-gradient-to: #EF5844;
-  }
-
-  .md\:to-red-600 {
-    --tw-gradient-to: #D7503D;
-  }
-
-  .md\:to-red-700 {
-    --tw-gradient-to: #B34333;
-  }
-
-  .md\:to-red-800 {
-    --tw-gradient-to: #8F3529;
-  }
-
-  .md\:to-red-900 {
-    --tw-gradient-to: #752C21;
-  }
-
-  .md\:to-green-50 {
-    --tw-gradient-to: #F4FDF7;
-  }
-
-  .md\:to-green-100 {
-    --tw-gradient-to: #EAFAF0;
-  }
-
-  .md\:to-green-200 {
-    --tw-gradient-to: #CAF4D9;
-  }
-
-  .md\:to-green-300 {
-    --tw-gradient-to: #AAEDC3;
-  }
-
-  .md\:to-green-400 {
-    --tw-gradient-to: #6ADF95;
-  }
-
-  .md\:to-green-500 {
-    --tw-gradient-to: #2AD167;
-  }
-
-  .md\:to-green-600 {
-    --tw-gradient-to: #26BC5E;
-  }
-
-  .md\:to-green-700 {
-    --tw-gradient-to: #209D4E;
-  }
-
-  .md\:to-green-800 {
-    --tw-gradient-to: #197D3E;
-  }
-
-  .md\:to-green-900 {
-    --tw-gradient-to: #156633;
-  }
-
-  .md\:to-blue-50 {
-    --tw-gradient-to: #F5F9FF;
-  }
-
-  .md\:to-blue-100 {
-    --tw-gradient-to: #EBF3FE;
-  }
-
-  .md\:to-blue-200 {
-    --tw-gradient-to: #CEE0FD;
-  }
-
-  .md\:to-blue-300 {
-    --tw-gradient-to: #B1CDFB;
-  }
-
-  .md\:to-blue-400 {
-    --tw-gradient-to: #76A8F9;
-  }
-
-  .md\:to-blue-500 {
-    --tw-gradient-to: #3B82F6;
-  }
-
-  .md\:to-blue-600 {
-    --tw-gradient-to: #3575DD;
-  }
-
-  .md\:to-blue-700 {
-    --tw-gradient-to: #2C62B9;
-  }
-
-  .md\:to-blue-800 {
-    --tw-gradient-to: #234E94;
-  }
-
-  .md\:to-blue-900 {
-    --tw-gradient-to: #1D4079;
-  }
-
-  .md\:to-gray-50 {
-    --tw-gradient-to: #f9fafb;
-  }
-
-  .md\:to-gray-100 {
-    --tw-gradient-to: #f3f4f6;
-  }
-
-  .md\:to-gray-200 {
-    --tw-gradient-to: #e5e7eb;
-  }
-
-  .md\:to-gray-300 {
-    --tw-gradient-to: #d1d5db;
-  }
-
-  .md\:to-gray-400 {
-    --tw-gradient-to: #9ca3af;
-  }
-
-  .md\:to-gray-500 {
-    --tw-gradient-to: #6b7280;
-  }
-
-  .md\:to-gray-600 {
-    --tw-gradient-to: #4b5563;
-  }
-
-  .md\:to-gray-700 {
-    --tw-gradient-to: #374151;
-  }
-
-  .md\:to-gray-800 {
-    --tw-gradient-to: #1f2937;
-  }
-
-  .md\:to-gray-900 {
-    --tw-gradient-to: #111827;
-  }
-
-  .md\:hover\:from-current:hover {
-    --tw-gradient-from: currentColor;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .md\:hover\:from-transparent:hover {
-    --tw-gradient-from: transparent;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .md\:hover\:from-black:hover {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .md\:hover\:from-white:hover {
-    --tw-gradient-from: #fff;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .md\:hover\:from-darkCoolGray-50:hover {
-    --tw-gradient-from: #F5F6F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .md\:hover\:from-darkCoolGray-100:hover {
-    --tw-gradient-from: #EBEDEF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .md\:hover\:from-darkCoolGray-200:hover {
-    --tw-gradient-from: #CED1D6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .md\:hover\:from-darkCoolGray-300:hover {
-    --tw-gradient-from: #B0B5BD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .md\:hover\:from-darkCoolGray-400:hover {
-    --tw-gradient-from: #757E8C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .md\:hover\:from-darkCoolGray-500:hover {
-    --tw-gradient-from: #3A475B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .md\:hover\:from-darkCoolGray-600:hover {
-    --tw-gradient-from: #344052;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .md\:hover\:from-darkCoolGray-700:hover {
-    --tw-gradient-from: #2C3544;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .md\:hover\:from-darkCoolGray-800:hover {
-    --tw-gradient-from: #232B37;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .md\:hover\:from-darkCoolGray-900:hover {
-    --tw-gradient-from: #1C232D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .md\:hover\:from-coolGray-50:hover {
-    --tw-gradient-from: #F7F8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .md\:hover\:from-coolGray-100:hover {
-    --tw-gradient-from: #EEF0F3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .md\:hover\:from-coolGray-200:hover {
-    --tw-gradient-from: #D5DAE1;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .md\:hover\:from-coolGray-300:hover {
-    --tw-gradient-from: #BBC3CF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .md\:hover\:from-coolGray-400:hover {
-    --tw-gradient-from: #8896AB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .md\:hover\:from-coolGray-500:hover {
-    --tw-gradient-from: #556987;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .md\:hover\:from-coolGray-600:hover {
-    --tw-gradient-from: #4D5F7A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .md\:hover\:from-coolGray-700:hover {
-    --tw-gradient-from: #404F65;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .md\:hover\:from-coolGray-800:hover {
-    --tw-gradient-from: #333F51;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .md\:hover\:from-coolGray-900:hover {
-    --tw-gradient-from: #2A3342;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .md\:hover\:from-indigo-50:hover {
-    --tw-gradient-from: #F8F6FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .md\:hover\:from-indigo-100:hover {
-    --tw-gradient-from: #F0EEFF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .md\:hover\:from-indigo-200:hover {
-    --tw-gradient-from: #DAD4FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .md\:hover\:from-indigo-300:hover {
-    --tw-gradient-from: #C3B9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .md\:hover\:from-indigo-400:hover {
-    --tw-gradient-from: #9685FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .md\:hover\:from-indigo-500:hover {
-    --tw-gradient-from: #6951FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .md\:hover\:from-indigo-600:hover {
-    --tw-gradient-from: #5F49E6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .md\:hover\:from-indigo-700:hover {
-    --tw-gradient-from: #4F3DBF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .md\:hover\:from-indigo-800:hover {
-    --tw-gradient-from: #3F3199;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .md\:hover\:from-indigo-900:hover {
-    --tw-gradient-from: #33287D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .md\:hover\:from-violet-50:hover {
-    --tw-gradient-from: #FBF7FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .md\:hover\:from-violet-100:hover {
-    --tw-gradient-from: #F6EEFE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .md\:hover\:from-violet-200:hover {
-    --tw-gradient-from: #E9D5FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .md\:hover\:from-violet-300:hover {
-    --tw-gradient-from: #DCBBFC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .md\:hover\:from-violet-400:hover {
-    --tw-gradient-from: #C288F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .md\:hover\:from-violet-500:hover {
-    --tw-gradient-from: #A855F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .md\:hover\:from-violet-600:hover {
-    --tw-gradient-from: #974DDE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .md\:hover\:from-violet-700:hover {
-    --tw-gradient-from: #7E40B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .md\:hover\:from-violet-800:hover {
-    --tw-gradient-from: #653394;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .md\:hover\:from-violet-900:hover {
-    --tw-gradient-from: #522A79;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .md\:hover\:from-yellow-50:hover {
-    --tw-gradient-from: #FFFAF3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .md\:hover\:from-yellow-100:hover {
-    --tw-gradient-from: #FEF5E7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .md\:hover\:from-yellow-200:hover {
-    --tw-gradient-from: #FDE7C2;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .md\:hover\:from-yellow-300:hover {
-    --tw-gradient-from: #FBD89D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .md\:hover\:from-yellow-400:hover {
-    --tw-gradient-from: #F8BB54;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .md\:hover\:from-yellow-500:hover {
-    --tw-gradient-from: #F59E0B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .md\:hover\:from-yellow-600:hover {
-    --tw-gradient-from: #DD8E0A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .md\:hover\:from-yellow-700:hover {
-    --tw-gradient-from: #B87708;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .md\:hover\:from-yellow-800:hover {
-    --tw-gradient-from: #935F07;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .md\:hover\:from-yellow-900:hover {
-    --tw-gradient-from: #784D05;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .md\:hover\:from-red-50:hover {
-    --tw-gradient-from: #FEF7F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .md\:hover\:from-red-100:hover {
-    --tw-gradient-from: #FDEEEC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .md\:hover\:from-red-200:hover {
-    --tw-gradient-from: #FBD6D0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .md\:hover\:from-red-300:hover {
-    --tw-gradient-from: #F9BDB4;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .md\:hover\:from-red-400:hover {
-    --tw-gradient-from: #F48B7C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .md\:hover\:from-red-500:hover {
-    --tw-gradient-from: #EF5844;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .md\:hover\:from-red-600:hover {
-    --tw-gradient-from: #D7503D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .md\:hover\:from-red-700:hover {
-    --tw-gradient-from: #B34333;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .md\:hover\:from-red-800:hover {
-    --tw-gradient-from: #8F3529;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .md\:hover\:from-red-900:hover {
-    --tw-gradient-from: #752C21;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .md\:hover\:from-green-50:hover {
-    --tw-gradient-from: #F4FDF7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .md\:hover\:from-green-100:hover {
-    --tw-gradient-from: #EAFAF0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .md\:hover\:from-green-200:hover {
-    --tw-gradient-from: #CAF4D9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .md\:hover\:from-green-300:hover {
-    --tw-gradient-from: #AAEDC3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .md\:hover\:from-green-400:hover {
-    --tw-gradient-from: #6ADF95;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .md\:hover\:from-green-500:hover {
-    --tw-gradient-from: #2AD167;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .md\:hover\:from-green-600:hover {
-    --tw-gradient-from: #26BC5E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .md\:hover\:from-green-700:hover {
-    --tw-gradient-from: #209D4E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .md\:hover\:from-green-800:hover {
-    --tw-gradient-from: #197D3E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .md\:hover\:from-green-900:hover {
-    --tw-gradient-from: #156633;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .md\:hover\:from-blue-50:hover {
-    --tw-gradient-from: #F5F9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .md\:hover\:from-blue-100:hover {
-    --tw-gradient-from: #EBF3FE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .md\:hover\:from-blue-200:hover {
-    --tw-gradient-from: #CEE0FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .md\:hover\:from-blue-300:hover {
-    --tw-gradient-from: #B1CDFB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .md\:hover\:from-blue-400:hover {
-    --tw-gradient-from: #76A8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .md\:hover\:from-blue-500:hover {
-    --tw-gradient-from: #3B82F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .md\:hover\:from-blue-600:hover {
-    --tw-gradient-from: #3575DD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .md\:hover\:from-blue-700:hover {
-    --tw-gradient-from: #2C62B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .md\:hover\:from-blue-800:hover {
-    --tw-gradient-from: #234E94;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .md\:hover\:from-blue-900:hover {
-    --tw-gradient-from: #1D4079;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .md\:hover\:from-gray-50:hover {
-    --tw-gradient-from: #f9fafb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .md\:hover\:from-gray-100:hover {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .md\:hover\:from-gray-200:hover {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .md\:hover\:from-gray-300:hover {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .md\:hover\:from-gray-400:hover {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .md\:hover\:from-gray-500:hover {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .md\:hover\:from-gray-600:hover {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .md\:hover\:from-gray-700:hover {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .md\:hover\:from-gray-800:hover {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .md\:hover\:from-gray-900:hover {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .md\:hover\:via-current:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .md\:hover\:via-transparent:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .md\:hover\:via-black:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .md\:hover\:via-white:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .md\:hover\:via-darkCoolGray-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .md\:hover\:via-darkCoolGray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .md\:hover\:via-darkCoolGray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .md\:hover\:via-darkCoolGray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .md\:hover\:via-darkCoolGray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .md\:hover\:via-darkCoolGray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .md\:hover\:via-darkCoolGray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .md\:hover\:via-darkCoolGray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .md\:hover\:via-darkCoolGray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .md\:hover\:via-darkCoolGray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .md\:hover\:via-coolGray-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .md\:hover\:via-coolGray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .md\:hover\:via-coolGray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .md\:hover\:via-coolGray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .md\:hover\:via-coolGray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .md\:hover\:via-coolGray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .md\:hover\:via-coolGray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .md\:hover\:via-coolGray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .md\:hover\:via-coolGray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .md\:hover\:via-coolGray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .md\:hover\:via-indigo-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .md\:hover\:via-indigo-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .md\:hover\:via-indigo-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .md\:hover\:via-indigo-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .md\:hover\:via-indigo-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .md\:hover\:via-indigo-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .md\:hover\:via-indigo-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .md\:hover\:via-indigo-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .md\:hover\:via-indigo-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .md\:hover\:via-indigo-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .md\:hover\:via-violet-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .md\:hover\:via-violet-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .md\:hover\:via-violet-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .md\:hover\:via-violet-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .md\:hover\:via-violet-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .md\:hover\:via-violet-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .md\:hover\:via-violet-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .md\:hover\:via-violet-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .md\:hover\:via-violet-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .md\:hover\:via-violet-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .md\:hover\:via-yellow-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .md\:hover\:via-yellow-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .md\:hover\:via-yellow-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .md\:hover\:via-yellow-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .md\:hover\:via-yellow-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .md\:hover\:via-yellow-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .md\:hover\:via-yellow-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .md\:hover\:via-yellow-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .md\:hover\:via-yellow-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .md\:hover\:via-yellow-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .md\:hover\:via-red-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .md\:hover\:via-red-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .md\:hover\:via-red-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .md\:hover\:via-red-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .md\:hover\:via-red-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .md\:hover\:via-red-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .md\:hover\:via-red-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .md\:hover\:via-red-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .md\:hover\:via-red-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .md\:hover\:via-red-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .md\:hover\:via-green-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .md\:hover\:via-green-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .md\:hover\:via-green-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .md\:hover\:via-green-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .md\:hover\:via-green-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .md\:hover\:via-green-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .md\:hover\:via-green-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .md\:hover\:via-green-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .md\:hover\:via-green-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .md\:hover\:via-green-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .md\:hover\:via-blue-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .md\:hover\:via-blue-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .md\:hover\:via-blue-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .md\:hover\:via-blue-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .md\:hover\:via-blue-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .md\:hover\:via-blue-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .md\:hover\:via-blue-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .md\:hover\:via-blue-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .md\:hover\:via-blue-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .md\:hover\:via-blue-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .md\:hover\:via-gray-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .md\:hover\:via-gray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .md\:hover\:via-gray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .md\:hover\:via-gray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .md\:hover\:via-gray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .md\:hover\:via-gray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .md\:hover\:via-gray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .md\:hover\:via-gray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .md\:hover\:via-gray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .md\:hover\:via-gray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .md\:hover\:to-current:hover {
-    --tw-gradient-to: currentColor;
-  }
-
-  .md\:hover\:to-transparent:hover {
-    --tw-gradient-to: transparent;
-  }
-
-  .md\:hover\:to-black:hover {
-    --tw-gradient-to: #000;
-  }
-
-  .md\:hover\:to-white:hover {
-    --tw-gradient-to: #fff;
-  }
-
-  .md\:hover\:to-darkCoolGray-50:hover {
-    --tw-gradient-to: #F5F6F7;
-  }
-
-  .md\:hover\:to-darkCoolGray-100:hover {
-    --tw-gradient-to: #EBEDEF;
-  }
-
-  .md\:hover\:to-darkCoolGray-200:hover {
-    --tw-gradient-to: #CED1D6;
-  }
-
-  .md\:hover\:to-darkCoolGray-300:hover {
-    --tw-gradient-to: #B0B5BD;
-  }
-
-  .md\:hover\:to-darkCoolGray-400:hover {
-    --tw-gradient-to: #757E8C;
-  }
-
-  .md\:hover\:to-darkCoolGray-500:hover {
-    --tw-gradient-to: #3A475B;
-  }
-
-  .md\:hover\:to-darkCoolGray-600:hover {
-    --tw-gradient-to: #344052;
-  }
-
-  .md\:hover\:to-darkCoolGray-700:hover {
-    --tw-gradient-to: #2C3544;
-  }
-
-  .md\:hover\:to-darkCoolGray-800:hover {
-    --tw-gradient-to: #232B37;
-  }
-
-  .md\:hover\:to-darkCoolGray-900:hover {
-    --tw-gradient-to: #1C232D;
-  }
-
-  .md\:hover\:to-coolGray-50:hover {
-    --tw-gradient-to: #F7F8F9;
-  }
-
-  .md\:hover\:to-coolGray-100:hover {
-    --tw-gradient-to: #EEF0F3;
-  }
-
-  .md\:hover\:to-coolGray-200:hover {
-    --tw-gradient-to: #D5DAE1;
-  }
-
-  .md\:hover\:to-coolGray-300:hover {
-    --tw-gradient-to: #BBC3CF;
-  }
-
-  .md\:hover\:to-coolGray-400:hover {
-    --tw-gradient-to: #8896AB;
-  }
-
-  .md\:hover\:to-coolGray-500:hover {
-    --tw-gradient-to: #556987;
-  }
-
-  .md\:hover\:to-coolGray-600:hover {
-    --tw-gradient-to: #4D5F7A;
-  }
-
-  .md\:hover\:to-coolGray-700:hover {
-    --tw-gradient-to: #404F65;
-  }
-
-  .md\:hover\:to-coolGray-800:hover {
-    --tw-gradient-to: #333F51;
-  }
-
-  .md\:hover\:to-coolGray-900:hover {
-    --tw-gradient-to: #2A3342;
-  }
-
-  .md\:hover\:to-indigo-50:hover {
-    --tw-gradient-to: #F8F6FF;
-  }
-
-  .md\:hover\:to-indigo-100:hover {
-    --tw-gradient-to: #F0EEFF;
-  }
-
-  .md\:hover\:to-indigo-200:hover {
-    --tw-gradient-to: #DAD4FF;
-  }
-
-  .md\:hover\:to-indigo-300:hover {
-    --tw-gradient-to: #C3B9FF;
-  }
-
-  .md\:hover\:to-indigo-400:hover {
-    --tw-gradient-to: #9685FF;
-  }
-
-  .md\:hover\:to-indigo-500:hover {
-    --tw-gradient-to: #6951FF;
-  }
-
-  .md\:hover\:to-indigo-600:hover {
-    --tw-gradient-to: #5F49E6;
-  }
-
-  .md\:hover\:to-indigo-700:hover {
-    --tw-gradient-to: #4F3DBF;
-  }
-
-  .md\:hover\:to-indigo-800:hover {
-    --tw-gradient-to: #3F3199;
-  }
-
-  .md\:hover\:to-indigo-900:hover {
-    --tw-gradient-to: #33287D;
-  }
-
-  .md\:hover\:to-violet-50:hover {
-    --tw-gradient-to: #FBF7FF;
-  }
-
-  .md\:hover\:to-violet-100:hover {
-    --tw-gradient-to: #F6EEFE;
-  }
-
-  .md\:hover\:to-violet-200:hover {
-    --tw-gradient-to: #E9D5FD;
-  }
-
-  .md\:hover\:to-violet-300:hover {
-    --tw-gradient-to: #DCBBFC;
-  }
-
-  .md\:hover\:to-violet-400:hover {
-    --tw-gradient-to: #C288F9;
-  }
-
-  .md\:hover\:to-violet-500:hover {
-    --tw-gradient-to: #A855F7;
-  }
-
-  .md\:hover\:to-violet-600:hover {
-    --tw-gradient-to: #974DDE;
-  }
-
-  .md\:hover\:to-violet-700:hover {
-    --tw-gradient-to: #7E40B9;
-  }
-
-  .md\:hover\:to-violet-800:hover {
-    --tw-gradient-to: #653394;
-  }
-
-  .md\:hover\:to-violet-900:hover {
-    --tw-gradient-to: #522A79;
-  }
-
-  .md\:hover\:to-yellow-50:hover {
-    --tw-gradient-to: #FFFAF3;
-  }
-
-  .md\:hover\:to-yellow-100:hover {
-    --tw-gradient-to: #FEF5E7;
-  }
-
-  .md\:hover\:to-yellow-200:hover {
-    --tw-gradient-to: #FDE7C2;
-  }
-
-  .md\:hover\:to-yellow-300:hover {
-    --tw-gradient-to: #FBD89D;
-  }
-
-  .md\:hover\:to-yellow-400:hover {
-    --tw-gradient-to: #F8BB54;
-  }
-
-  .md\:hover\:to-yellow-500:hover {
-    --tw-gradient-to: #F59E0B;
-  }
-
-  .md\:hover\:to-yellow-600:hover {
-    --tw-gradient-to: #DD8E0A;
-  }
-
-  .md\:hover\:to-yellow-700:hover {
-    --tw-gradient-to: #B87708;
-  }
-
-  .md\:hover\:to-yellow-800:hover {
-    --tw-gradient-to: #935F07;
-  }
-
-  .md\:hover\:to-yellow-900:hover {
-    --tw-gradient-to: #784D05;
-  }
-
-  .md\:hover\:to-red-50:hover {
-    --tw-gradient-to: #FEF7F6;
-  }
-
-  .md\:hover\:to-red-100:hover {
-    --tw-gradient-to: #FDEEEC;
-  }
-
-  .md\:hover\:to-red-200:hover {
-    --tw-gradient-to: #FBD6D0;
-  }
-
-  .md\:hover\:to-red-300:hover {
-    --tw-gradient-to: #F9BDB4;
-  }
-
-  .md\:hover\:to-red-400:hover {
-    --tw-gradient-to: #F48B7C;
-  }
-
-  .md\:hover\:to-red-500:hover {
-    --tw-gradient-to: #EF5844;
-  }
-
-  .md\:hover\:to-red-600:hover {
-    --tw-gradient-to: #D7503D;
-  }
-
-  .md\:hover\:to-red-700:hover {
-    --tw-gradient-to: #B34333;
-  }
-
-  .md\:hover\:to-red-800:hover {
-    --tw-gradient-to: #8F3529;
-  }
-
-  .md\:hover\:to-red-900:hover {
-    --tw-gradient-to: #752C21;
-  }
-
-  .md\:hover\:to-green-50:hover {
-    --tw-gradient-to: #F4FDF7;
-  }
-
-  .md\:hover\:to-green-100:hover {
-    --tw-gradient-to: #EAFAF0;
-  }
-
-  .md\:hover\:to-green-200:hover {
-    --tw-gradient-to: #CAF4D9;
-  }
-
-  .md\:hover\:to-green-300:hover {
-    --tw-gradient-to: #AAEDC3;
-  }
-
-  .md\:hover\:to-green-400:hover {
-    --tw-gradient-to: #6ADF95;
-  }
-
-  .md\:hover\:to-green-500:hover {
-    --tw-gradient-to: #2AD167;
-  }
-
-  .md\:hover\:to-green-600:hover {
-    --tw-gradient-to: #26BC5E;
-  }
-
-  .md\:hover\:to-green-700:hover {
-    --tw-gradient-to: #209D4E;
-  }
-
-  .md\:hover\:to-green-800:hover {
-    --tw-gradient-to: #197D3E;
-  }
-
-  .md\:hover\:to-green-900:hover {
-    --tw-gradient-to: #156633;
-  }
-
-  .md\:hover\:to-blue-50:hover {
-    --tw-gradient-to: #F5F9FF;
-  }
-
-  .md\:hover\:to-blue-100:hover {
-    --tw-gradient-to: #EBF3FE;
-  }
-
-  .md\:hover\:to-blue-200:hover {
-    --tw-gradient-to: #CEE0FD;
-  }
-
-  .md\:hover\:to-blue-300:hover {
-    --tw-gradient-to: #B1CDFB;
-  }
-
-  .md\:hover\:to-blue-400:hover {
-    --tw-gradient-to: #76A8F9;
-  }
-
-  .md\:hover\:to-blue-500:hover {
-    --tw-gradient-to: #3B82F6;
-  }
-
-  .md\:hover\:to-blue-600:hover {
-    --tw-gradient-to: #3575DD;
-  }
-
-  .md\:hover\:to-blue-700:hover {
-    --tw-gradient-to: #2C62B9;
-  }
-
-  .md\:hover\:to-blue-800:hover {
-    --tw-gradient-to: #234E94;
-  }
-
-  .md\:hover\:to-blue-900:hover {
-    --tw-gradient-to: #1D4079;
-  }
-
-  .md\:hover\:to-gray-50:hover {
-    --tw-gradient-to: #f9fafb;
-  }
-
-  .md\:hover\:to-gray-100:hover {
-    --tw-gradient-to: #f3f4f6;
-  }
-
-  .md\:hover\:to-gray-200:hover {
-    --tw-gradient-to: #e5e7eb;
-  }
-
-  .md\:hover\:to-gray-300:hover {
-    --tw-gradient-to: #d1d5db;
-  }
-
-  .md\:hover\:to-gray-400:hover {
-    --tw-gradient-to: #9ca3af;
-  }
-
-  .md\:hover\:to-gray-500:hover {
-    --tw-gradient-to: #6b7280;
-  }
-
-  .md\:hover\:to-gray-600:hover {
-    --tw-gradient-to: #4b5563;
-  }
-
-  .md\:hover\:to-gray-700:hover {
-    --tw-gradient-to: #374151;
-  }
-
-  .md\:hover\:to-gray-800:hover {
-    --tw-gradient-to: #1f2937;
-  }
-
-  .md\:hover\:to-gray-900:hover {
-    --tw-gradient-to: #111827;
-  }
-
-  .md\:focus\:from-current:focus {
-    --tw-gradient-from: currentColor;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .md\:focus\:from-transparent:focus {
-    --tw-gradient-from: transparent;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .md\:focus\:from-black:focus {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .md\:focus\:from-white:focus {
-    --tw-gradient-from: #fff;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .md\:focus\:from-darkCoolGray-50:focus {
-    --tw-gradient-from: #F5F6F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .md\:focus\:from-darkCoolGray-100:focus {
-    --tw-gradient-from: #EBEDEF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .md\:focus\:from-darkCoolGray-200:focus {
-    --tw-gradient-from: #CED1D6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .md\:focus\:from-darkCoolGray-300:focus {
-    --tw-gradient-from: #B0B5BD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .md\:focus\:from-darkCoolGray-400:focus {
-    --tw-gradient-from: #757E8C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .md\:focus\:from-darkCoolGray-500:focus {
-    --tw-gradient-from: #3A475B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .md\:focus\:from-darkCoolGray-600:focus {
-    --tw-gradient-from: #344052;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .md\:focus\:from-darkCoolGray-700:focus {
-    --tw-gradient-from: #2C3544;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .md\:focus\:from-darkCoolGray-800:focus {
-    --tw-gradient-from: #232B37;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .md\:focus\:from-darkCoolGray-900:focus {
-    --tw-gradient-from: #1C232D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .md\:focus\:from-coolGray-50:focus {
-    --tw-gradient-from: #F7F8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .md\:focus\:from-coolGray-100:focus {
-    --tw-gradient-from: #EEF0F3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .md\:focus\:from-coolGray-200:focus {
-    --tw-gradient-from: #D5DAE1;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .md\:focus\:from-coolGray-300:focus {
-    --tw-gradient-from: #BBC3CF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .md\:focus\:from-coolGray-400:focus {
-    --tw-gradient-from: #8896AB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .md\:focus\:from-coolGray-500:focus {
-    --tw-gradient-from: #556987;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .md\:focus\:from-coolGray-600:focus {
-    --tw-gradient-from: #4D5F7A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .md\:focus\:from-coolGray-700:focus {
-    --tw-gradient-from: #404F65;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .md\:focus\:from-coolGray-800:focus {
-    --tw-gradient-from: #333F51;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .md\:focus\:from-coolGray-900:focus {
-    --tw-gradient-from: #2A3342;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .md\:focus\:from-indigo-50:focus {
-    --tw-gradient-from: #F8F6FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .md\:focus\:from-indigo-100:focus {
-    --tw-gradient-from: #F0EEFF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .md\:focus\:from-indigo-200:focus {
-    --tw-gradient-from: #DAD4FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .md\:focus\:from-indigo-300:focus {
-    --tw-gradient-from: #C3B9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .md\:focus\:from-indigo-400:focus {
-    --tw-gradient-from: #9685FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .md\:focus\:from-indigo-500:focus {
-    --tw-gradient-from: #6951FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .md\:focus\:from-indigo-600:focus {
-    --tw-gradient-from: #5F49E6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .md\:focus\:from-indigo-700:focus {
-    --tw-gradient-from: #4F3DBF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .md\:focus\:from-indigo-800:focus {
-    --tw-gradient-from: #3F3199;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .md\:focus\:from-indigo-900:focus {
-    --tw-gradient-from: #33287D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .md\:focus\:from-violet-50:focus {
-    --tw-gradient-from: #FBF7FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .md\:focus\:from-violet-100:focus {
-    --tw-gradient-from: #F6EEFE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .md\:focus\:from-violet-200:focus {
-    --tw-gradient-from: #E9D5FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .md\:focus\:from-violet-300:focus {
-    --tw-gradient-from: #DCBBFC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .md\:focus\:from-violet-400:focus {
-    --tw-gradient-from: #C288F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .md\:focus\:from-violet-500:focus {
-    --tw-gradient-from: #A855F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .md\:focus\:from-violet-600:focus {
-    --tw-gradient-from: #974DDE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .md\:focus\:from-violet-700:focus {
-    --tw-gradient-from: #7E40B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .md\:focus\:from-violet-800:focus {
-    --tw-gradient-from: #653394;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .md\:focus\:from-violet-900:focus {
-    --tw-gradient-from: #522A79;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .md\:focus\:from-yellow-50:focus {
-    --tw-gradient-from: #FFFAF3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .md\:focus\:from-yellow-100:focus {
-    --tw-gradient-from: #FEF5E7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .md\:focus\:from-yellow-200:focus {
-    --tw-gradient-from: #FDE7C2;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .md\:focus\:from-yellow-300:focus {
-    --tw-gradient-from: #FBD89D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .md\:focus\:from-yellow-400:focus {
-    --tw-gradient-from: #F8BB54;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .md\:focus\:from-yellow-500:focus {
-    --tw-gradient-from: #F59E0B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .md\:focus\:from-yellow-600:focus {
-    --tw-gradient-from: #DD8E0A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .md\:focus\:from-yellow-700:focus {
-    --tw-gradient-from: #B87708;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .md\:focus\:from-yellow-800:focus {
-    --tw-gradient-from: #935F07;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .md\:focus\:from-yellow-900:focus {
-    --tw-gradient-from: #784D05;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .md\:focus\:from-red-50:focus {
-    --tw-gradient-from: #FEF7F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .md\:focus\:from-red-100:focus {
-    --tw-gradient-from: #FDEEEC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .md\:focus\:from-red-200:focus {
-    --tw-gradient-from: #FBD6D0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .md\:focus\:from-red-300:focus {
-    --tw-gradient-from: #F9BDB4;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .md\:focus\:from-red-400:focus {
-    --tw-gradient-from: #F48B7C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .md\:focus\:from-red-500:focus {
-    --tw-gradient-from: #EF5844;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .md\:focus\:from-red-600:focus {
-    --tw-gradient-from: #D7503D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .md\:focus\:from-red-700:focus {
-    --tw-gradient-from: #B34333;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .md\:focus\:from-red-800:focus {
-    --tw-gradient-from: #8F3529;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .md\:focus\:from-red-900:focus {
-    --tw-gradient-from: #752C21;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .md\:focus\:from-green-50:focus {
-    --tw-gradient-from: #F4FDF7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .md\:focus\:from-green-100:focus {
-    --tw-gradient-from: #EAFAF0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .md\:focus\:from-green-200:focus {
-    --tw-gradient-from: #CAF4D9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .md\:focus\:from-green-300:focus {
-    --tw-gradient-from: #AAEDC3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .md\:focus\:from-green-400:focus {
-    --tw-gradient-from: #6ADF95;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .md\:focus\:from-green-500:focus {
-    --tw-gradient-from: #2AD167;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .md\:focus\:from-green-600:focus {
-    --tw-gradient-from: #26BC5E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .md\:focus\:from-green-700:focus {
-    --tw-gradient-from: #209D4E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .md\:focus\:from-green-800:focus {
-    --tw-gradient-from: #197D3E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .md\:focus\:from-green-900:focus {
-    --tw-gradient-from: #156633;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .md\:focus\:from-blue-50:focus {
-    --tw-gradient-from: #F5F9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .md\:focus\:from-blue-100:focus {
-    --tw-gradient-from: #EBF3FE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .md\:focus\:from-blue-200:focus {
-    --tw-gradient-from: #CEE0FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .md\:focus\:from-blue-300:focus {
-    --tw-gradient-from: #B1CDFB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .md\:focus\:from-blue-400:focus {
-    --tw-gradient-from: #76A8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .md\:focus\:from-blue-500:focus {
-    --tw-gradient-from: #3B82F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .md\:focus\:from-blue-600:focus {
-    --tw-gradient-from: #3575DD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .md\:focus\:from-blue-700:focus {
-    --tw-gradient-from: #2C62B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .md\:focus\:from-blue-800:focus {
-    --tw-gradient-from: #234E94;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .md\:focus\:from-blue-900:focus {
-    --tw-gradient-from: #1D4079;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .md\:focus\:from-gray-50:focus {
-    --tw-gradient-from: #f9fafb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .md\:focus\:from-gray-100:focus {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .md\:focus\:from-gray-200:focus {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .md\:focus\:from-gray-300:focus {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .md\:focus\:from-gray-400:focus {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .md\:focus\:from-gray-500:focus {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .md\:focus\:from-gray-600:focus {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .md\:focus\:from-gray-700:focus {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .md\:focus\:from-gray-800:focus {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .md\:focus\:from-gray-900:focus {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .md\:focus\:via-current:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .md\:focus\:via-transparent:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .md\:focus\:via-black:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .md\:focus\:via-white:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .md\:focus\:via-darkCoolGray-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .md\:focus\:via-darkCoolGray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .md\:focus\:via-darkCoolGray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .md\:focus\:via-darkCoolGray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .md\:focus\:via-darkCoolGray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .md\:focus\:via-darkCoolGray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .md\:focus\:via-darkCoolGray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .md\:focus\:via-darkCoolGray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .md\:focus\:via-darkCoolGray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .md\:focus\:via-darkCoolGray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .md\:focus\:via-coolGray-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .md\:focus\:via-coolGray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .md\:focus\:via-coolGray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .md\:focus\:via-coolGray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .md\:focus\:via-coolGray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .md\:focus\:via-coolGray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .md\:focus\:via-coolGray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .md\:focus\:via-coolGray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .md\:focus\:via-coolGray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .md\:focus\:via-coolGray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .md\:focus\:via-indigo-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .md\:focus\:via-indigo-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .md\:focus\:via-indigo-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .md\:focus\:via-indigo-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .md\:focus\:via-indigo-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .md\:focus\:via-indigo-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .md\:focus\:via-indigo-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .md\:focus\:via-indigo-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .md\:focus\:via-indigo-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .md\:focus\:via-indigo-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .md\:focus\:via-violet-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .md\:focus\:via-violet-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .md\:focus\:via-violet-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .md\:focus\:via-violet-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .md\:focus\:via-violet-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .md\:focus\:via-violet-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .md\:focus\:via-violet-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .md\:focus\:via-violet-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .md\:focus\:via-violet-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .md\:focus\:via-violet-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .md\:focus\:via-yellow-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .md\:focus\:via-yellow-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .md\:focus\:via-yellow-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .md\:focus\:via-yellow-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .md\:focus\:via-yellow-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .md\:focus\:via-yellow-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .md\:focus\:via-yellow-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .md\:focus\:via-yellow-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .md\:focus\:via-yellow-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .md\:focus\:via-yellow-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .md\:focus\:via-red-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .md\:focus\:via-red-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .md\:focus\:via-red-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .md\:focus\:via-red-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .md\:focus\:via-red-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .md\:focus\:via-red-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .md\:focus\:via-red-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .md\:focus\:via-red-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .md\:focus\:via-red-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .md\:focus\:via-red-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .md\:focus\:via-green-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .md\:focus\:via-green-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .md\:focus\:via-green-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .md\:focus\:via-green-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .md\:focus\:via-green-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .md\:focus\:via-green-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .md\:focus\:via-green-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .md\:focus\:via-green-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .md\:focus\:via-green-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .md\:focus\:via-green-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .md\:focus\:via-blue-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .md\:focus\:via-blue-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .md\:focus\:via-blue-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .md\:focus\:via-blue-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .md\:focus\:via-blue-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .md\:focus\:via-blue-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .md\:focus\:via-blue-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .md\:focus\:via-blue-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .md\:focus\:via-blue-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .md\:focus\:via-blue-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .md\:focus\:via-gray-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .md\:focus\:via-gray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .md\:focus\:via-gray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .md\:focus\:via-gray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .md\:focus\:via-gray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .md\:focus\:via-gray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .md\:focus\:via-gray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .md\:focus\:via-gray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .md\:focus\:via-gray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .md\:focus\:via-gray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .md\:focus\:to-current:focus {
-    --tw-gradient-to: currentColor;
-  }
-
-  .md\:focus\:to-transparent:focus {
-    --tw-gradient-to: transparent;
-  }
-
-  .md\:focus\:to-black:focus {
-    --tw-gradient-to: #000;
-  }
-
-  .md\:focus\:to-white:focus {
-    --tw-gradient-to: #fff;
-  }
-
-  .md\:focus\:to-darkCoolGray-50:focus {
-    --tw-gradient-to: #F5F6F7;
-  }
-
-  .md\:focus\:to-darkCoolGray-100:focus {
-    --tw-gradient-to: #EBEDEF;
-  }
-
-  .md\:focus\:to-darkCoolGray-200:focus {
-    --tw-gradient-to: #CED1D6;
-  }
-
-  .md\:focus\:to-darkCoolGray-300:focus {
-    --tw-gradient-to: #B0B5BD;
-  }
-
-  .md\:focus\:to-darkCoolGray-400:focus {
-    --tw-gradient-to: #757E8C;
-  }
-
-  .md\:focus\:to-darkCoolGray-500:focus {
-    --tw-gradient-to: #3A475B;
-  }
-
-  .md\:focus\:to-darkCoolGray-600:focus {
-    --tw-gradient-to: #344052;
-  }
-
-  .md\:focus\:to-darkCoolGray-700:focus {
-    --tw-gradient-to: #2C3544;
-  }
-
-  .md\:focus\:to-darkCoolGray-800:focus {
-    --tw-gradient-to: #232B37;
-  }
-
-  .md\:focus\:to-darkCoolGray-900:focus {
-    --tw-gradient-to: #1C232D;
-  }
-
-  .md\:focus\:to-coolGray-50:focus {
-    --tw-gradient-to: #F7F8F9;
-  }
-
-  .md\:focus\:to-coolGray-100:focus {
-    --tw-gradient-to: #EEF0F3;
-  }
-
-  .md\:focus\:to-coolGray-200:focus {
-    --tw-gradient-to: #D5DAE1;
-  }
-
-  .md\:focus\:to-coolGray-300:focus {
-    --tw-gradient-to: #BBC3CF;
-  }
-
-  .md\:focus\:to-coolGray-400:focus {
-    --tw-gradient-to: #8896AB;
-  }
-
-  .md\:focus\:to-coolGray-500:focus {
-    --tw-gradient-to: #556987;
-  }
-
-  .md\:focus\:to-coolGray-600:focus {
-    --tw-gradient-to: #4D5F7A;
-  }
-
-  .md\:focus\:to-coolGray-700:focus {
-    --tw-gradient-to: #404F65;
-  }
-
-  .md\:focus\:to-coolGray-800:focus {
-    --tw-gradient-to: #333F51;
-  }
-
-  .md\:focus\:to-coolGray-900:focus {
-    --tw-gradient-to: #2A3342;
-  }
-
-  .md\:focus\:to-indigo-50:focus {
-    --tw-gradient-to: #F8F6FF;
-  }
-
-  .md\:focus\:to-indigo-100:focus {
-    --tw-gradient-to: #F0EEFF;
-  }
-
-  .md\:focus\:to-indigo-200:focus {
-    --tw-gradient-to: #DAD4FF;
-  }
-
-  .md\:focus\:to-indigo-300:focus {
-    --tw-gradient-to: #C3B9FF;
-  }
-
-  .md\:focus\:to-indigo-400:focus {
-    --tw-gradient-to: #9685FF;
-  }
-
-  .md\:focus\:to-indigo-500:focus {
-    --tw-gradient-to: #6951FF;
-  }
-
-  .md\:focus\:to-indigo-600:focus {
-    --tw-gradient-to: #5F49E6;
-  }
-
-  .md\:focus\:to-indigo-700:focus {
-    --tw-gradient-to: #4F3DBF;
-  }
-
-  .md\:focus\:to-indigo-800:focus {
-    --tw-gradient-to: #3F3199;
-  }
-
-  .md\:focus\:to-indigo-900:focus {
-    --tw-gradient-to: #33287D;
-  }
-
-  .md\:focus\:to-violet-50:focus {
-    --tw-gradient-to: #FBF7FF;
-  }
-
-  .md\:focus\:to-violet-100:focus {
-    --tw-gradient-to: #F6EEFE;
-  }
-
-  .md\:focus\:to-violet-200:focus {
-    --tw-gradient-to: #E9D5FD;
-  }
-
-  .md\:focus\:to-violet-300:focus {
-    --tw-gradient-to: #DCBBFC;
-  }
-
-  .md\:focus\:to-violet-400:focus {
-    --tw-gradient-to: #C288F9;
-  }
-
-  .md\:focus\:to-violet-500:focus {
-    --tw-gradient-to: #A855F7;
-  }
-
-  .md\:focus\:to-violet-600:focus {
-    --tw-gradient-to: #974DDE;
-  }
-
-  .md\:focus\:to-violet-700:focus {
-    --tw-gradient-to: #7E40B9;
-  }
-
-  .md\:focus\:to-violet-800:focus {
-    --tw-gradient-to: #653394;
-  }
-
-  .md\:focus\:to-violet-900:focus {
-    --tw-gradient-to: #522A79;
-  }
-
-  .md\:focus\:to-yellow-50:focus {
-    --tw-gradient-to: #FFFAF3;
-  }
-
-  .md\:focus\:to-yellow-100:focus {
-    --tw-gradient-to: #FEF5E7;
-  }
-
-  .md\:focus\:to-yellow-200:focus {
-    --tw-gradient-to: #FDE7C2;
-  }
-
-  .md\:focus\:to-yellow-300:focus {
-    --tw-gradient-to: #FBD89D;
-  }
-
-  .md\:focus\:to-yellow-400:focus {
-    --tw-gradient-to: #F8BB54;
-  }
-
-  .md\:focus\:to-yellow-500:focus {
-    --tw-gradient-to: #F59E0B;
-  }
-
-  .md\:focus\:to-yellow-600:focus {
-    --tw-gradient-to: #DD8E0A;
-  }
-
-  .md\:focus\:to-yellow-700:focus {
-    --tw-gradient-to: #B87708;
-  }
-
-  .md\:focus\:to-yellow-800:focus {
-    --tw-gradient-to: #935F07;
-  }
-
-  .md\:focus\:to-yellow-900:focus {
-    --tw-gradient-to: #784D05;
-  }
-
-  .md\:focus\:to-red-50:focus {
-    --tw-gradient-to: #FEF7F6;
-  }
-
-  .md\:focus\:to-red-100:focus {
-    --tw-gradient-to: #FDEEEC;
-  }
-
-  .md\:focus\:to-red-200:focus {
-    --tw-gradient-to: #FBD6D0;
-  }
-
-  .md\:focus\:to-red-300:focus {
-    --tw-gradient-to: #F9BDB4;
-  }
-
-  .md\:focus\:to-red-400:focus {
-    --tw-gradient-to: #F48B7C;
-  }
-
-  .md\:focus\:to-red-500:focus {
-    --tw-gradient-to: #EF5844;
-  }
-
-  .md\:focus\:to-red-600:focus {
-    --tw-gradient-to: #D7503D;
-  }
-
-  .md\:focus\:to-red-700:focus {
-    --tw-gradient-to: #B34333;
-  }
-
-  .md\:focus\:to-red-800:focus {
-    --tw-gradient-to: #8F3529;
-  }
-
-  .md\:focus\:to-red-900:focus {
-    --tw-gradient-to: #752C21;
-  }
-
-  .md\:focus\:to-green-50:focus {
-    --tw-gradient-to: #F4FDF7;
-  }
-
-  .md\:focus\:to-green-100:focus {
-    --tw-gradient-to: #EAFAF0;
-  }
-
-  .md\:focus\:to-green-200:focus {
-    --tw-gradient-to: #CAF4D9;
-  }
-
-  .md\:focus\:to-green-300:focus {
-    --tw-gradient-to: #AAEDC3;
-  }
-
-  .md\:focus\:to-green-400:focus {
-    --tw-gradient-to: #6ADF95;
-  }
-
-  .md\:focus\:to-green-500:focus {
-    --tw-gradient-to: #2AD167;
-  }
-
-  .md\:focus\:to-green-600:focus {
-    --tw-gradient-to: #26BC5E;
-  }
-
-  .md\:focus\:to-green-700:focus {
-    --tw-gradient-to: #209D4E;
-  }
-
-  .md\:focus\:to-green-800:focus {
-    --tw-gradient-to: #197D3E;
-  }
-
-  .md\:focus\:to-green-900:focus {
-    --tw-gradient-to: #156633;
-  }
-
-  .md\:focus\:to-blue-50:focus {
-    --tw-gradient-to: #F5F9FF;
-  }
-
-  .md\:focus\:to-blue-100:focus {
-    --tw-gradient-to: #EBF3FE;
-  }
-
-  .md\:focus\:to-blue-200:focus {
-    --tw-gradient-to: #CEE0FD;
-  }
-
-  .md\:focus\:to-blue-300:focus {
-    --tw-gradient-to: #B1CDFB;
-  }
-
-  .md\:focus\:to-blue-400:focus {
-    --tw-gradient-to: #76A8F9;
-  }
-
-  .md\:focus\:to-blue-500:focus {
-    --tw-gradient-to: #3B82F6;
-  }
-
-  .md\:focus\:to-blue-600:focus {
-    --tw-gradient-to: #3575DD;
-  }
-
-  .md\:focus\:to-blue-700:focus {
-    --tw-gradient-to: #2C62B9;
-  }
-
-  .md\:focus\:to-blue-800:focus {
-    --tw-gradient-to: #234E94;
-  }
-
-  .md\:focus\:to-blue-900:focus {
-    --tw-gradient-to: #1D4079;
-  }
-
-  .md\:focus\:to-gray-50:focus {
-    --tw-gradient-to: #f9fafb;
-  }
-
-  .md\:focus\:to-gray-100:focus {
-    --tw-gradient-to: #f3f4f6;
-  }
-
-  .md\:focus\:to-gray-200:focus {
-    --tw-gradient-to: #e5e7eb;
-  }
-
-  .md\:focus\:to-gray-300:focus {
-    --tw-gradient-to: #d1d5db;
-  }
-
-  .md\:focus\:to-gray-400:focus {
-    --tw-gradient-to: #9ca3af;
-  }
-
-  .md\:focus\:to-gray-500:focus {
-    --tw-gradient-to: #6b7280;
-  }
-
-  .md\:focus\:to-gray-600:focus {
-    --tw-gradient-to: #4b5563;
-  }
-
-  .md\:focus\:to-gray-700:focus {
-    --tw-gradient-to: #374151;
-  }
-
-  .md\:focus\:to-gray-800:focus {
-    --tw-gradient-to: #1f2937;
-  }
-
-  .md\:focus\:to-gray-900:focus {
-    --tw-gradient-to: #111827;
-  }
-
-  .md\:bg-opacity-0 {
-    --tw-bg-opacity: 0;
-  }
-
-  .md\:bg-opacity-5 {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .md\:bg-opacity-10 {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .md\:bg-opacity-20 {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .md\:bg-opacity-25 {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .md\:bg-opacity-30 {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .md\:bg-opacity-40 {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .md\:bg-opacity-50 {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .md\:bg-opacity-60 {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .md\:bg-opacity-70 {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .md\:bg-opacity-75 {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .md\:bg-opacity-80 {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .md\:bg-opacity-90 {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .md\:bg-opacity-95 {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .md\:bg-opacity-100 {
-    --tw-bg-opacity: 1;
-  }
-
-  .group:hover .md\:group-hover\:bg-opacity-0 {
-    --tw-bg-opacity: 0;
-  }
-
-  .group:hover .md\:group-hover\:bg-opacity-5 {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .group:hover .md\:group-hover\:bg-opacity-10 {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .group:hover .md\:group-hover\:bg-opacity-20 {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .group:hover .md\:group-hover\:bg-opacity-25 {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .group:hover .md\:group-hover\:bg-opacity-30 {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .group:hover .md\:group-hover\:bg-opacity-40 {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .group:hover .md\:group-hover\:bg-opacity-50 {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .group:hover .md\:group-hover\:bg-opacity-60 {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .group:hover .md\:group-hover\:bg-opacity-70 {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .group:hover .md\:group-hover\:bg-opacity-75 {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .group:hover .md\:group-hover\:bg-opacity-80 {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .group:hover .md\:group-hover\:bg-opacity-90 {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .group:hover .md\:group-hover\:bg-opacity-95 {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .group:hover .md\:group-hover\:bg-opacity-100 {
-    --tw-bg-opacity: 1;
-  }
-
-  .md\:focus-within\:bg-opacity-0:focus-within {
-    --tw-bg-opacity: 0;
-  }
-
-  .md\:focus-within\:bg-opacity-5:focus-within {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .md\:focus-within\:bg-opacity-10:focus-within {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .md\:focus-within\:bg-opacity-20:focus-within {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .md\:focus-within\:bg-opacity-25:focus-within {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .md\:focus-within\:bg-opacity-30:focus-within {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .md\:focus-within\:bg-opacity-40:focus-within {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .md\:focus-within\:bg-opacity-50:focus-within {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .md\:focus-within\:bg-opacity-60:focus-within {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .md\:focus-within\:bg-opacity-70:focus-within {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .md\:focus-within\:bg-opacity-75:focus-within {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .md\:focus-within\:bg-opacity-80:focus-within {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .md\:focus-within\:bg-opacity-90:focus-within {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .md\:focus-within\:bg-opacity-95:focus-within {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .md\:focus-within\:bg-opacity-100:focus-within {
-    --tw-bg-opacity: 1;
-  }
-
-  .md\:hover\:bg-opacity-0:hover {
-    --tw-bg-opacity: 0;
-  }
-
-  .md\:hover\:bg-opacity-5:hover {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .md\:hover\:bg-opacity-10:hover {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .md\:hover\:bg-opacity-20:hover {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .md\:hover\:bg-opacity-25:hover {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .md\:hover\:bg-opacity-30:hover {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .md\:hover\:bg-opacity-40:hover {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .md\:hover\:bg-opacity-50:hover {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .md\:hover\:bg-opacity-60:hover {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .md\:hover\:bg-opacity-70:hover {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .md\:hover\:bg-opacity-75:hover {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .md\:hover\:bg-opacity-80:hover {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .md\:hover\:bg-opacity-90:hover {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .md\:hover\:bg-opacity-95:hover {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .md\:hover\:bg-opacity-100:hover {
-    --tw-bg-opacity: 1;
-  }
-
-  .md\:focus\:bg-opacity-0:focus {
-    --tw-bg-opacity: 0;
-  }
-
-  .md\:focus\:bg-opacity-5:focus {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .md\:focus\:bg-opacity-10:focus {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .md\:focus\:bg-opacity-20:focus {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .md\:focus\:bg-opacity-25:focus {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .md\:focus\:bg-opacity-30:focus {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .md\:focus\:bg-opacity-40:focus {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .md\:focus\:bg-opacity-50:focus {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .md\:focus\:bg-opacity-60:focus {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .md\:focus\:bg-opacity-70:focus {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .md\:focus\:bg-opacity-75:focus {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .md\:focus\:bg-opacity-80:focus {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .md\:focus\:bg-opacity-90:focus {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .md\:focus\:bg-opacity-95:focus {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .md\:focus\:bg-opacity-100:focus {
-    --tw-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-black {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .md\:border-white {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .md\:border-darkCoolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .md\:border-darkCoolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .md\:border-darkCoolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .md\:border-darkCoolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .md\:border-darkCoolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .md\:border-darkCoolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .md\:border-darkCoolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .md\:border-darkCoolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .md\:border-darkCoolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .md\:border-darkCoolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .md\:border-coolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .md\:border-coolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .md\:border-coolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .md\:border-coolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .md\:border-coolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .md\:border-coolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .md\:border-coolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .md\:border-coolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .md\:border-coolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .md\:border-coolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .md\:border-indigo-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .md\:border-indigo-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .md\:border-indigo-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .md\:border-indigo-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .md\:border-indigo-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .md\:border-indigo-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .md\:border-indigo-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .md\:border-indigo-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .md\:border-indigo-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .md\:border-indigo-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .md\:border-violet-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .md\:border-violet-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .md\:border-violet-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .md\:border-violet-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .md\:border-violet-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .md\:border-violet-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .md\:border-violet-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .md\:border-violet-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .md\:border-violet-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .md\:border-violet-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .md\:border-yellow-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .md\:border-yellow-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .md\:border-yellow-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .md\:border-yellow-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .md\:border-yellow-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .md\:border-yellow-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .md\:border-yellow-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .md\:border-yellow-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .md\:border-yellow-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .md\:border-yellow-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .md\:border-red-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .md\:border-red-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .md\:border-red-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .md\:border-red-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .md\:border-red-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .md\:border-red-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .md\:border-red-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .md\:border-red-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .md\:border-red-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .md\:border-red-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .md\:border-green-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .md\:border-green-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .md\:border-green-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .md\:border-green-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .md\:border-green-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .md\:border-green-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .md\:border-green-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .md\:border-green-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .md\:border-green-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .md\:border-green-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .md\:border-blue-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .md\:border-blue-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .md\:border-blue-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .md\:border-blue-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .md\:border-blue-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .md\:border-blue-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .md\:border-blue-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .md\:border-blue-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .md\:border-blue-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .md\:border-blue-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .md\:border-gray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .md\:border-gray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .md\:border-gray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .md\:border-gray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .md\:border-gray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .md\:border-gray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .md\:border-gray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .md\:border-gray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .md\:border-gray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .md\:border-gray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-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-black {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-white {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-darkCoolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-darkCoolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-darkCoolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-darkCoolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-darkCoolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-darkCoolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-darkCoolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-darkCoolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-darkCoolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-darkCoolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-coolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-coolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-coolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-coolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-coolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-coolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-coolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-coolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-coolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-coolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-violet-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-violet-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-violet-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-violet-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-violet-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-violet-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-violet-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-violet-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-violet-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-violet-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-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-black:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-white:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-darkCoolGray-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-darkCoolGray-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-darkCoolGray-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-darkCoolGray-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-darkCoolGray-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-darkCoolGray-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-darkCoolGray-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-darkCoolGray-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-darkCoolGray-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-darkCoolGray-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-coolGray-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-coolGray-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-coolGray-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-coolGray-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-coolGray-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-coolGray-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-coolGray-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-coolGray-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-coolGray-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-coolGray-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-violet-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-violet-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-violet-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-violet-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-violet-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-violet-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-violet-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-violet-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-violet-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-violet-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-red-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-red-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-red-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-red-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-red-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-red-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-red-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-red-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-red-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-red-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-green-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-green-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-green-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-green-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-green-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-green-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-green-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-green-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-green-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-green-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-current:hover {
-    border-color: currentColor;
-  }
-
-  .md\:hover\:border-transparent:hover {
-    border-color: transparent;
-  }
-
-  .md\:hover\:border-black:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-white:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-darkCoolGray-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-darkCoolGray-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-darkCoolGray-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-darkCoolGray-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-darkCoolGray-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-darkCoolGray-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-darkCoolGray-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-darkCoolGray-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-darkCoolGray-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-darkCoolGray-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-coolGray-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-coolGray-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-coolGray-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-coolGray-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-coolGray-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-coolGray-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-coolGray-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-coolGray-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-coolGray-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-coolGray-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-indigo-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-indigo-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-indigo-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-indigo-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-indigo-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-indigo-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-indigo-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-indigo-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-indigo-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-indigo-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-violet-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-violet-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-violet-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-violet-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-violet-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-violet-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-violet-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-violet-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-violet-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-violet-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-yellow-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-yellow-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-yellow-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-yellow-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-yellow-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-yellow-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-yellow-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-yellow-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-yellow-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-yellow-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-red-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-red-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-red-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-red-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-red-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-red-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-red-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-red-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-red-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-red-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-green-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-green-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-green-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-green-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-green-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-green-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-green-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-green-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-green-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-green-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-blue-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-blue-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-blue-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-blue-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-blue-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-blue-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-blue-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-blue-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-blue-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-blue-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-gray-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-gray-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-gray-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-gray-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-gray-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-gray-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-gray-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-gray-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-gray-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .md\:hover\:border-gray-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-current:focus {
-    border-color: currentColor;
-  }
-
-  .md\:focus\:border-transparent:focus {
-    border-color: transparent;
-  }
-
-  .md\:focus\:border-black:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-white:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-darkCoolGray-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-darkCoolGray-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-darkCoolGray-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-darkCoolGray-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-darkCoolGray-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-darkCoolGray-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-darkCoolGray-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-darkCoolGray-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-darkCoolGray-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-darkCoolGray-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-coolGray-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-coolGray-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-coolGray-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-coolGray-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-coolGray-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-coolGray-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-coolGray-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-coolGray-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-coolGray-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-coolGray-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-indigo-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-indigo-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-indigo-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-indigo-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-indigo-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-indigo-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-indigo-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-indigo-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-indigo-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-indigo-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-violet-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-violet-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-violet-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-violet-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-violet-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-violet-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-violet-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-violet-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-violet-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-violet-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-yellow-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-yellow-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-yellow-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-yellow-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-yellow-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-yellow-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-yellow-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-yellow-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-yellow-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-yellow-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-red-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-red-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-red-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-red-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-red-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-red-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-red-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-red-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-red-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-red-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-green-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-green-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-green-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-green-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-green-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-green-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-green-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-green-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-green-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-green-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-blue-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-blue-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-blue-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-blue-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-blue-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-blue-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-blue-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-blue-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-blue-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-blue-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-gray-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-gray-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-gray-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-gray-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-gray-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-gray-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-gray-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-gray-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-gray-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .md\:focus\:border-gray-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .md\:border-opacity-0 {
-    --tw-border-opacity: 0;
-  }
-
-  .md\:border-opacity-5 {
-    --tw-border-opacity: 0.05;
-  }
-
-  .md\:border-opacity-10 {
-    --tw-border-opacity: 0.1;
-  }
-
-  .md\:border-opacity-20 {
-    --tw-border-opacity: 0.2;
-  }
-
-  .md\:border-opacity-25 {
-    --tw-border-opacity: 0.25;
-  }
-
-  .md\:border-opacity-30 {
-    --tw-border-opacity: 0.3;
-  }
-
-  .md\:border-opacity-40 {
-    --tw-border-opacity: 0.4;
-  }
-
-  .md\:border-opacity-50 {
-    --tw-border-opacity: 0.5;
-  }
-
-  .md\:border-opacity-60 {
-    --tw-border-opacity: 0.6;
-  }
-
-  .md\:border-opacity-70 {
-    --tw-border-opacity: 0.7;
-  }
-
-  .md\:border-opacity-75 {
-    --tw-border-opacity: 0.75;
-  }
-
-  .md\:border-opacity-80 {
-    --tw-border-opacity: 0.8;
-  }
-
-  .md\:border-opacity-90 {
-    --tw-border-opacity: 0.9;
-  }
-
-  .md\:border-opacity-95 {
-    --tw-border-opacity: 0.95;
-  }
-
-  .md\:border-opacity-100 {
-    --tw-border-opacity: 1;
-  }
-
-  .group:hover .md\:group-hover\:border-opacity-0 {
-    --tw-border-opacity: 0;
-  }
-
-  .group:hover .md\:group-hover\:border-opacity-5 {
-    --tw-border-opacity: 0.05;
-  }
-
-  .group:hover .md\:group-hover\:border-opacity-10 {
-    --tw-border-opacity: 0.1;
-  }
-
-  .group:hover .md\:group-hover\:border-opacity-20 {
-    --tw-border-opacity: 0.2;
-  }
-
-  .group:hover .md\:group-hover\:border-opacity-25 {
-    --tw-border-opacity: 0.25;
-  }
-
-  .group:hover .md\:group-hover\:border-opacity-30 {
-    --tw-border-opacity: 0.3;
-  }
-
-  .group:hover .md\:group-hover\:border-opacity-40 {
-    --tw-border-opacity: 0.4;
-  }
-
-  .group:hover .md\:group-hover\:border-opacity-50 {
-    --tw-border-opacity: 0.5;
-  }
-
-  .group:hover .md\:group-hover\:border-opacity-60 {
-    --tw-border-opacity: 0.6;
-  }
-
-  .group:hover .md\:group-hover\:border-opacity-70 {
-    --tw-border-opacity: 0.7;
-  }
-
-  .group:hover .md\:group-hover\:border-opacity-75 {
-    --tw-border-opacity: 0.75;
-  }
-
-  .group:hover .md\:group-hover\:border-opacity-80 {
-    --tw-border-opacity: 0.8;
-  }
-
-  .group:hover .md\:group-hover\:border-opacity-90 {
-    --tw-border-opacity: 0.9;
-  }
-
-  .group:hover .md\:group-hover\:border-opacity-95 {
-    --tw-border-opacity: 0.95;
-  }
-
-  .group:hover .md\:group-hover\:border-opacity-100 {
-    --tw-border-opacity: 1;
-  }
-
-  .md\:focus-within\:border-opacity-0:focus-within {
-    --tw-border-opacity: 0;
-  }
-
-  .md\:focus-within\:border-opacity-5:focus-within {
-    --tw-border-opacity: 0.05;
-  }
-
-  .md\:focus-within\:border-opacity-10:focus-within {
-    --tw-border-opacity: 0.1;
-  }
-
-  .md\:focus-within\:border-opacity-20:focus-within {
-    --tw-border-opacity: 0.2;
-  }
-
-  .md\:focus-within\:border-opacity-25:focus-within {
-    --tw-border-opacity: 0.25;
-  }
-
-  .md\:focus-within\:border-opacity-30:focus-within {
-    --tw-border-opacity: 0.3;
-  }
-
-  .md\:focus-within\:border-opacity-40:focus-within {
-    --tw-border-opacity: 0.4;
-  }
-
-  .md\:focus-within\:border-opacity-50:focus-within {
-    --tw-border-opacity: 0.5;
-  }
-
-  .md\:focus-within\:border-opacity-60:focus-within {
-    --tw-border-opacity: 0.6;
-  }
-
-  .md\:focus-within\:border-opacity-70:focus-within {
-    --tw-border-opacity: 0.7;
-  }
-
-  .md\:focus-within\:border-opacity-75:focus-within {
-    --tw-border-opacity: 0.75;
-  }
-
-  .md\:focus-within\:border-opacity-80:focus-within {
-    --tw-border-opacity: 0.8;
-  }
-
-  .md\:focus-within\:border-opacity-90:focus-within {
-    --tw-border-opacity: 0.9;
-  }
-
-  .md\:focus-within\:border-opacity-95:focus-within {
-    --tw-border-opacity: 0.95;
-  }
-
-  .md\:focus-within\:border-opacity-100:focus-within {
-    --tw-border-opacity: 1;
-  }
-
-  .md\:hover\:border-opacity-0:hover {
-    --tw-border-opacity: 0;
-  }
-
-  .md\:hover\:border-opacity-5:hover {
-    --tw-border-opacity: 0.05;
-  }
-
-  .md\:hover\:border-opacity-10:hover {
-    --tw-border-opacity: 0.1;
-  }
-
-  .md\:hover\:border-opacity-20:hover {
-    --tw-border-opacity: 0.2;
-  }
-
-  .md\:hover\:border-opacity-25:hover {
-    --tw-border-opacity: 0.25;
-  }
-
-  .md\:hover\:border-opacity-30:hover {
-    --tw-border-opacity: 0.3;
-  }
-
-  .md\:hover\:border-opacity-40:hover {
-    --tw-border-opacity: 0.4;
-  }
-
-  .md\:hover\:border-opacity-50:hover {
-    --tw-border-opacity: 0.5;
-  }
-
-  .md\:hover\:border-opacity-60:hover {
-    --tw-border-opacity: 0.6;
-  }
-
-  .md\:hover\:border-opacity-70:hover {
-    --tw-border-opacity: 0.7;
-  }
-
-  .md\:hover\:border-opacity-75:hover {
-    --tw-border-opacity: 0.75;
-  }
-
-  .md\:hover\:border-opacity-80:hover {
-    --tw-border-opacity: 0.8;
-  }
-
-  .md\:hover\:border-opacity-90:hover {
-    --tw-border-opacity: 0.9;
-  }
-
-  .md\:hover\:border-opacity-95:hover {
-    --tw-border-opacity: 0.95;
-  }
-
-  .md\:hover\:border-opacity-100:hover {
-    --tw-border-opacity: 1;
-  }
-
-  .md\:focus\:border-opacity-0:focus {
-    --tw-border-opacity: 0;
-  }
-
-  .md\:focus\:border-opacity-5:focus {
-    --tw-border-opacity: 0.05;
-  }
-
-  .md\:focus\:border-opacity-10:focus {
-    --tw-border-opacity: 0.1;
-  }
-
-  .md\:focus\:border-opacity-20:focus {
-    --tw-border-opacity: 0.2;
-  }
-
-  .md\:focus\:border-opacity-25:focus {
-    --tw-border-opacity: 0.25;
-  }
-
-  .md\:focus\:border-opacity-30:focus {
-    --tw-border-opacity: 0.3;
-  }
-
-  .md\:focus\:border-opacity-40:focus {
-    --tw-border-opacity: 0.4;
-  }
-
-  .md\:focus\:border-opacity-50:focus {
-    --tw-border-opacity: 0.5;
-  }
-
-  .md\:focus\:border-opacity-60:focus {
-    --tw-border-opacity: 0.6;
-  }
-
-  .md\:focus\:border-opacity-70:focus {
-    --tw-border-opacity: 0.7;
-  }
-
-  .md\:focus\:border-opacity-75:focus {
-    --tw-border-opacity: 0.75;
-  }
-
-  .md\:focus\:border-opacity-80:focus {
-    --tw-border-opacity: 0.8;
-  }
-
-  .md\:focus\:border-opacity-90:focus {
-    --tw-border-opacity: 0.9;
-  }
-
-  .md\:focus\:border-opacity-95:focus {
-    --tw-border-opacity: 0.95;
-  }
-
-  .md\:focus\:border-opacity-100:focus {
-    --tw-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.675rem;
-  }
-
-  .md\:rounded-2xl {
-    border-radius: 0.75rem;
-  }
-
-  .md\:rounded-3xl {
-    border-radius: 0.875rem;
-  }
-
-  .md\:rounded-4xl {
-    border-radius: 1rem;
-  }
-
-  .md\:rounded-5xl {
-    border-radius: 1.25rem;
-  }
-
-  .md\:rounded-6xl {
-    border-radius: 1.375rem;
-  }
-
-  .md\:rounded-7xl {
-    border-radius: 1.5rem;
-  }
-
-  .md\:rounded-8xl {
-    border-radius: 2rem;
-  }
-
-  .md\:rounded-9xl {
-    border-radius: 2.25rem;
-  }
-
-  .md\:rounded-10xl {
-    border-radius: 2.5rem;
-  }
-
-  .md\:rounded-11xl {
-    border-radius: 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.675rem;
-    border-top-right-radius: 0.675rem;
-  }
-
-  .md\:rounded-r-xl {
-    border-top-right-radius: 0.675rem;
-    border-bottom-right-radius: 0.675rem;
-  }
-
-  .md\:rounded-b-xl {
-    border-bottom-right-radius: 0.675rem;
-    border-bottom-left-radius: 0.675rem;
-  }
-
-  .md\:rounded-l-xl {
-    border-top-left-radius: 0.675rem;
-    border-bottom-left-radius: 0.675rem;
-  }
-
-  .md\:rounded-t-2xl {
-    border-top-left-radius: 0.75rem;
-    border-top-right-radius: 0.75rem;
-  }
-
-  .md\:rounded-r-2xl {
-    border-top-right-radius: 0.75rem;
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .md\:rounded-b-2xl {
-    border-bottom-right-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .md\:rounded-l-2xl {
-    border-top-left-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .md\:rounded-t-3xl {
-    border-top-left-radius: 0.875rem;
-    border-top-right-radius: 0.875rem;
-  }
-
-  .md\:rounded-r-3xl {
-    border-top-right-radius: 0.875rem;
-    border-bottom-right-radius: 0.875rem;
-  }
-
-  .md\:rounded-b-3xl {
-    border-bottom-right-radius: 0.875rem;
-    border-bottom-left-radius: 0.875rem;
-  }
-
-  .md\:rounded-l-3xl {
-    border-top-left-radius: 0.875rem;
-    border-bottom-left-radius: 0.875rem;
-  }
-
-  .md\:rounded-t-4xl {
-    border-top-left-radius: 1rem;
-    border-top-right-radius: 1rem;
-  }
-
-  .md\:rounded-r-4xl {
-    border-top-right-radius: 1rem;
-    border-bottom-right-radius: 1rem;
-  }
-
-  .md\:rounded-b-4xl {
-    border-bottom-right-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .md\:rounded-l-4xl {
-    border-top-left-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .md\:rounded-t-5xl {
-    border-top-left-radius: 1.25rem;
-    border-top-right-radius: 1.25rem;
-  }
-
-  .md\:rounded-r-5xl {
-    border-top-right-radius: 1.25rem;
-    border-bottom-right-radius: 1.25rem;
-  }
-
-  .md\:rounded-b-5xl {
-    border-bottom-right-radius: 1.25rem;
-    border-bottom-left-radius: 1.25rem;
-  }
-
-  .md\:rounded-l-5xl {
-    border-top-left-radius: 1.25rem;
-    border-bottom-left-radius: 1.25rem;
-  }
-
-  .md\:rounded-t-6xl {
-    border-top-left-radius: 1.375rem;
-    border-top-right-radius: 1.375rem;
-  }
-
-  .md\:rounded-r-6xl {
-    border-top-right-radius: 1.375rem;
-    border-bottom-right-radius: 1.375rem;
-  }
-
-  .md\:rounded-b-6xl {
-    border-bottom-right-radius: 1.375rem;
-    border-bottom-left-radius: 1.375rem;
-  }
-
-  .md\:rounded-l-6xl {
-    border-top-left-radius: 1.375rem;
-    border-bottom-left-radius: 1.375rem;
-  }
-
-  .md\:rounded-t-7xl {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-
-  .md\:rounded-r-7xl {
-    border-top-right-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .md\:rounded-b-7xl {
-    border-bottom-right-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .md\:rounded-l-7xl {
-    border-top-left-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .md\:rounded-t-8xl {
-    border-top-left-radius: 2rem;
-    border-top-right-radius: 2rem;
-  }
-
-  .md\:rounded-r-8xl {
-    border-top-right-radius: 2rem;
-    border-bottom-right-radius: 2rem;
-  }
-
-  .md\:rounded-b-8xl {
-    border-bottom-right-radius: 2rem;
-    border-bottom-left-radius: 2rem;
-  }
-
-  .md\:rounded-l-8xl {
-    border-top-left-radius: 2rem;
-    border-bottom-left-radius: 2rem;
-  }
-
-  .md\:rounded-t-9xl {
-    border-top-left-radius: 2.25rem;
-    border-top-right-radius: 2.25rem;
-  }
-
-  .md\:rounded-r-9xl {
-    border-top-right-radius: 2.25rem;
-    border-bottom-right-radius: 2.25rem;
-  }
-
-  .md\:rounded-b-9xl {
-    border-bottom-right-radius: 2.25rem;
-    border-bottom-left-radius: 2.25rem;
-  }
-
-  .md\:rounded-l-9xl {
-    border-top-left-radius: 2.25rem;
-    border-bottom-left-radius: 2.25rem;
-  }
-
-  .md\:rounded-t-10xl {
-    border-top-left-radius: 2.5rem;
-    border-top-right-radius: 2.5rem;
-  }
-
-  .md\:rounded-r-10xl {
-    border-top-right-radius: 2.5rem;
-    border-bottom-right-radius: 2.5rem;
-  }
-
-  .md\:rounded-b-10xl {
-    border-bottom-right-radius: 2.5rem;
-    border-bottom-left-radius: 2.5rem;
-  }
-
-  .md\:rounded-l-10xl {
-    border-top-left-radius: 2.5rem;
-    border-bottom-left-radius: 2.5rem;
-  }
-
-  .md\:rounded-t-11xl {
-    border-top-left-radius: 5rem;
-    border-top-right-radius: 5rem;
-  }
-
-  .md\:rounded-r-11xl {
-    border-top-right-radius: 5rem;
-    border-bottom-right-radius: 5rem;
-  }
-
-  .md\:rounded-b-11xl {
-    border-bottom-right-radius: 5rem;
-    border-bottom-left-radius: 5rem;
-  }
-
-  .md\:rounded-l-11xl {
-    border-top-left-radius: 5rem;
-    border-bottom-left-radius: 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.675rem;
-  }
-
-  .md\:rounded-tr-xl {
-    border-top-right-radius: 0.675rem;
-  }
-
-  .md\:rounded-br-xl {
-    border-bottom-right-radius: 0.675rem;
-  }
-
-  .md\:rounded-bl-xl {
-    border-bottom-left-radius: 0.675rem;
-  }
-
-  .md\:rounded-tl-2xl {
-    border-top-left-radius: 0.75rem;
-  }
-
-  .md\:rounded-tr-2xl {
-    border-top-right-radius: 0.75rem;
-  }
-
-  .md\:rounded-br-2xl {
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .md\:rounded-bl-2xl {
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .md\:rounded-tl-3xl {
-    border-top-left-radius: 0.875rem;
-  }
-
-  .md\:rounded-tr-3xl {
-    border-top-right-radius: 0.875rem;
-  }
-
-  .md\:rounded-br-3xl {
-    border-bottom-right-radius: 0.875rem;
-  }
-
-  .md\:rounded-bl-3xl {
-    border-bottom-left-radius: 0.875rem;
-  }
-
-  .md\:rounded-tl-4xl {
-    border-top-left-radius: 1rem;
-  }
-
-  .md\:rounded-tr-4xl {
-    border-top-right-radius: 1rem;
-  }
-
-  .md\:rounded-br-4xl {
-    border-bottom-right-radius: 1rem;
-  }
-
-  .md\:rounded-bl-4xl {
-    border-bottom-left-radius: 1rem;
-  }
-
-  .md\:rounded-tl-5xl {
-    border-top-left-radius: 1.25rem;
-  }
-
-  .md\:rounded-tr-5xl {
-    border-top-right-radius: 1.25rem;
-  }
-
-  .md\:rounded-br-5xl {
-    border-bottom-right-radius: 1.25rem;
-  }
-
-  .md\:rounded-bl-5xl {
-    border-bottom-left-radius: 1.25rem;
-  }
-
-  .md\:rounded-tl-6xl {
-    border-top-left-radius: 1.375rem;
-  }
-
-  .md\:rounded-tr-6xl {
-    border-top-right-radius: 1.375rem;
-  }
-
-  .md\:rounded-br-6xl {
-    border-bottom-right-radius: 1.375rem;
-  }
-
-  .md\:rounded-bl-6xl {
-    border-bottom-left-radius: 1.375rem;
-  }
-
-  .md\:rounded-tl-7xl {
-    border-top-left-radius: 1.5rem;
-  }
-
-  .md\:rounded-tr-7xl {
-    border-top-right-radius: 1.5rem;
-  }
-
-  .md\:rounded-br-7xl {
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .md\:rounded-bl-7xl {
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .md\:rounded-tl-8xl {
-    border-top-left-radius: 2rem;
-  }
-
-  .md\:rounded-tr-8xl {
-    border-top-right-radius: 2rem;
-  }
-
-  .md\:rounded-br-8xl {
-    border-bottom-right-radius: 2rem;
-  }
-
-  .md\:rounded-bl-8xl {
-    border-bottom-left-radius: 2rem;
-  }
-
-  .md\:rounded-tl-9xl {
-    border-top-left-radius: 2.25rem;
-  }
-
-  .md\:rounded-tr-9xl {
-    border-top-right-radius: 2.25rem;
-  }
-
-  .md\:rounded-br-9xl {
-    border-bottom-right-radius: 2.25rem;
-  }
-
-  .md\:rounded-bl-9xl {
-    border-bottom-left-radius: 2.25rem;
-  }
-
-  .md\:rounded-tl-10xl {
-    border-top-left-radius: 2.5rem;
-  }
-
-  .md\:rounded-tr-10xl {
-    border-top-right-radius: 2.5rem;
-  }
-
-  .md\:rounded-br-10xl {
-    border-bottom-right-radius: 2.5rem;
-  }
-
-  .md\:rounded-bl-10xl {
-    border-bottom-left-radius: 2.5rem;
-  }
-
-  .md\:rounded-tl-11xl {
-    border-top-left-radius: 5rem;
-  }
-
-  .md\:rounded-tr-11xl {
-    border-top-right-radius: 5rem;
-  }
-
-  .md\:rounded-br-11xl {
-    border-bottom-right-radius: 5rem;
-  }
-
-  .md\:rounded-bl-11xl {
-    border-bottom-left-radius: 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 {
-    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-nowrap {
-    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\:clear-left {
-    clear: left;
-  }
-
-  .md\:clear-right {
-    clear: right;
-  }
-
-  .md\:clear-both {
-    clear: both;
-  }
-
-  .md\:clear-none {
-    clear: none;
-  }
-
-  .md\:font-body {
-    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  }
-
-  .md\:font-heading {
-    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  }
-
-  .md\:font-sans {
-    font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  }
-
-  .md\:font-serif {
-    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
-  }
-
-  .md\:font-mono {
-    font-family: ui-monospace, SFMono-Regular, 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\:h-0 {
-    height: 0px;
-  }
-
-  .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-14 {
-    height: 3.5rem;
-  }
-
-  .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-full {
-    height: 100%;
-  }
-
-  .md\:h-screen {
-    height: 100vh;
-  }
-
-  .md\:text-xxs {
-    font-size: 0.6875rem;
-  }
-
-  .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: 3.75rem;
-  }
-
-  .md\:text-7xl {
-    font-size: 4.5rem;
-  }
-
-  .md\:text-8xl {
-    font-size: 6rem;
-  }
-
-  .md\:text-9xl {
-    font-size: 8rem;
-  }
-
-  .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: 0px;
-  }
-
-  .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-14 {
-    margin: 3.5rem;
-  }
-
-  .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-0 {
-    margin: 0px;
-  }
-
-  .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-14 {
-    margin: -3.5rem;
-  }
-
-  .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\:my-0 {
-    margin-top: 0px;
-    margin-bottom: 0px;
-  }
-
-  .md\:mx-0 {
-    margin-left: 0px;
-    margin-right: 0px;
-  }
-
-  .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-14 {
-    margin-top: 3.5rem;
-    margin-bottom: 3.5rem;
-  }
-
-  .md\:mx-14 {
-    margin-left: 3.5rem;
-    margin-right: 3.5rem;
-  }
-
-  .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-0 {
-    margin-top: 0px;
-    margin-bottom: 0px;
-  }
-
-  .md\:-mx-0 {
-    margin-left: 0px;
-    margin-right: 0px;
-  }
-
-  .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-14 {
-    margin-top: -3.5rem;
-    margin-bottom: -3.5rem;
-  }
-
-  .md\:-mx-14 {
-    margin-left: -3.5rem;
-    margin-right: -3.5rem;
-  }
-
-  .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\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .md\:mr-0 {
-    margin-right: 0px;
-  }
-
-  .md\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .md\:ml-0 {
-    margin-left: 0px;
-  }
-
-  .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-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-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-0 {
-    margin-top: 0px;
-  }
-
-  .md\:-mr-0 {
-    margin-right: 0px;
-  }
-
-  .md\:-mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .md\:-ml-0 {
-    margin-left: 0px;
-  }
-
-  .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-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-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\:max-h-full {
-    max-height: 100%;
-  }
-
-  .md\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .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 {
-    max-width: -webkit-min-content;
-    max-width: -moz-min-content;
-    max-width: min-content;
-  }
-
-  .md\:max-w-max {
-    max-width: -webkit-max-content;
-    max-width: -moz-max-content;
-    max-width: max-content;
-  }
-
-  .md\:max-w-prose {
-    max-width: 65ch;
-  }
-
-  .md\:min-h-0 {
-    min-height: 0;
-  }
-
-  .md\:min-h-full {
-    min-height: 100%;
-  }
-
-  .md\:min-h-screen {
-    min-height: 100vh;
-  }
-
-  .md\:min-w-0 {
-    min-width: 0;
-  }
-
-  .md\:min-w-full {
-    min-width: 100%;
-  }
-
-  .md\:object-contain {
-    -o-object-fit: contain;
-       object-fit: contain;
-  }
-
-  .md\:object-cover {
-    -o-object-fit: cover;
-       object-fit: cover;
-  }
-
-  .md\:object-fill {
-    -o-object-fit: fill;
-       object-fit: fill;
-  }
-
-  .md\:object-none {
-    -o-object-fit: none;
-       object-fit: none;
-  }
-
-  .md\:object-scale-down {
-    -o-object-fit: scale-down;
-       object-fit: scale-down;
-  }
-
-  .md\:object-bottom {
-    -o-object-position: bottom;
-       object-position: bottom;
-  }
-
-  .md\:object-center {
-    -o-object-position: center;
-       object-position: center;
-  }
-
-  .md\:object-left {
-    -o-object-position: left;
-       object-position: left;
-  }
-
-  .md\:object-left-bottom {
-    -o-object-position: left bottom;
-       object-position: left bottom;
-  }
-
-  .md\:object-left-top {
-    -o-object-position: left top;
-       object-position: left top;
-  }
-
-  .md\:object-right {
-    -o-object-position: right;
-       object-position: right;
-  }
-
-  .md\:object-right-bottom {
-    -o-object-position: right bottom;
-       object-position: right bottom;
-  }
-
-  .md\:object-right-top {
-    -o-object-position: right top;
-       object-position: right top;
-  }
-
-  .md\:object-top {
-    -o-object-position: top;
-       object-position: top;
-  }
-
-  .md\:opacity-0 {
-    opacity: 0;
-  }
-
-  .md\:opacity-5 {
-    opacity: 0.05;
-  }
-
-  .md\:opacity-10 {
-    opacity: 0.1;
-  }
-
-  .md\:opacity-20 {
-    opacity: 0.2;
-  }
-
-  .md\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .md\:opacity-30 {
-    opacity: 0.3;
-  }
-
-  .md\:opacity-40 {
-    opacity: 0.4;
-  }
-
-  .md\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .md\:opacity-60 {
-    opacity: 0.6;
-  }
-
-  .md\:opacity-70 {
-    opacity: 0.7;
-  }
-
-  .md\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .md\:opacity-80 {
-    opacity: 0.8;
-  }
-
-  .md\:opacity-90 {
-    opacity: 0.9;
-  }
-
-  .md\:opacity-95 {
-    opacity: 0.95;
-  }
-
-  .md\:opacity-100 {
-    opacity: 1;
-  }
-
-  .group:hover .md\:group-hover\:opacity-0 {
-    opacity: 0;
-  }
-
-  .group:hover .md\:group-hover\:opacity-5 {
-    opacity: 0.05;
-  }
-
-  .group:hover .md\:group-hover\:opacity-10 {
-    opacity: 0.1;
-  }
-
-  .group:hover .md\:group-hover\:opacity-20 {
-    opacity: 0.2;
-  }
-
-  .group:hover .md\:group-hover\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .group:hover .md\:group-hover\:opacity-30 {
-    opacity: 0.3;
-  }
-
-  .group:hover .md\:group-hover\:opacity-40 {
-    opacity: 0.4;
-  }
-
-  .group:hover .md\:group-hover\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .group:hover .md\:group-hover\:opacity-60 {
-    opacity: 0.6;
-  }
-
-  .group:hover .md\:group-hover\:opacity-70 {
-    opacity: 0.7;
-  }
-
-  .group:hover .md\:group-hover\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .group:hover .md\:group-hover\:opacity-80 {
-    opacity: 0.8;
-  }
-
-  .group:hover .md\:group-hover\:opacity-90 {
-    opacity: 0.9;
-  }
-
-  .group:hover .md\:group-hover\:opacity-95 {
-    opacity: 0.95;
-  }
-
-  .group:hover .md\:group-hover\:opacity-100 {
-    opacity: 1;
-  }
-
-  .md\:focus-within\:opacity-0:focus-within {
-    opacity: 0;
-  }
-
-  .md\:focus-within\:opacity-5:focus-within {
-    opacity: 0.05;
-  }
-
-  .md\:focus-within\:opacity-10:focus-within {
-    opacity: 0.1;
-  }
-
-  .md\:focus-within\:opacity-20:focus-within {
-    opacity: 0.2;
-  }
-
-  .md\:focus-within\:opacity-25:focus-within {
-    opacity: 0.25;
-  }
-
-  .md\:focus-within\:opacity-30:focus-within {
-    opacity: 0.3;
-  }
-
-  .md\:focus-within\:opacity-40:focus-within {
-    opacity: 0.4;
-  }
-
-  .md\:focus-within\:opacity-50:focus-within {
-    opacity: 0.5;
-  }
-
-  .md\:focus-within\:opacity-60:focus-within {
-    opacity: 0.6;
-  }
-
-  .md\:focus-within\:opacity-70:focus-within {
-    opacity: 0.7;
-  }
-
-  .md\:focus-within\:opacity-75:focus-within {
-    opacity: 0.75;
-  }
-
-  .md\:focus-within\:opacity-80:focus-within {
-    opacity: 0.8;
-  }
-
-  .md\:focus-within\:opacity-90:focus-within {
-    opacity: 0.9;
-  }
-
-  .md\:focus-within\:opacity-95:focus-within {
-    opacity: 0.95;
-  }
-
-  .md\:focus-within\:opacity-100:focus-within {
-    opacity: 1;
-  }
-
-  .md\:hover\:opacity-0:hover {
-    opacity: 0;
-  }
-
-  .md\:hover\:opacity-5:hover {
-    opacity: 0.05;
-  }
-
-  .md\:hover\:opacity-10:hover {
-    opacity: 0.1;
-  }
-
-  .md\:hover\:opacity-20:hover {
-    opacity: 0.2;
-  }
-
-  .md\:hover\:opacity-25:hover {
-    opacity: 0.25;
-  }
-
-  .md\:hover\:opacity-30:hover {
-    opacity: 0.3;
-  }
-
-  .md\:hover\:opacity-40:hover {
-    opacity: 0.4;
-  }
-
-  .md\:hover\:opacity-50:hover {
-    opacity: 0.5;
-  }
-
-  .md\:hover\:opacity-60:hover {
-    opacity: 0.6;
-  }
-
-  .md\:hover\:opacity-70:hover {
-    opacity: 0.7;
-  }
-
-  .md\:hover\:opacity-75:hover {
-    opacity: 0.75;
-  }
-
-  .md\:hover\:opacity-80:hover {
-    opacity: 0.8;
-  }
-
-  .md\:hover\:opacity-90:hover {
-    opacity: 0.9;
-  }
-
-  .md\:hover\:opacity-95:hover {
-    opacity: 0.95;
-  }
-
-  .md\:hover\:opacity-100:hover {
-    opacity: 1;
-  }
-
-  .md\:focus\:opacity-0:focus {
-    opacity: 0;
-  }
-
-  .md\:focus\:opacity-5:focus {
-    opacity: 0.05;
-  }
-
-  .md\:focus\:opacity-10:focus {
-    opacity: 0.1;
-  }
-
-  .md\:focus\:opacity-20:focus {
-    opacity: 0.2;
-  }
-
-  .md\:focus\:opacity-25:focus {
-    opacity: 0.25;
-  }
-
-  .md\:focus\:opacity-30:focus {
-    opacity: 0.3;
-  }
-
-  .md\:focus\:opacity-40:focus {
-    opacity: 0.4;
-  }
-
-  .md\:focus\:opacity-50:focus {
-    opacity: 0.5;
-  }
-
-  .md\:focus\:opacity-60:focus {
-    opacity: 0.6;
-  }
-
-  .md\:focus\:opacity-70:focus {
-    opacity: 0.7;
-  }
-
-  .md\:focus\:opacity-75:focus {
-    opacity: 0.75;
-  }
-
-  .md\:focus\:opacity-80:focus {
-    opacity: 0.8;
-  }
-
-  .md\:focus\:opacity-90:focus {
-    opacity: 0.9;
-  }
-
-  .md\:focus\:opacity-95:focus {
-    opacity: 0.95;
-  }
-
-  .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-within\:outline-none:focus-within {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .md\:focus-within\:outline-white:focus-within {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .md\:focus-within\:outline-black:focus-within {
-    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\: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: 0px;
-  }
-
-  .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-14 {
-    padding: 3.5rem;
-  }
-
-  .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\:py-0 {
-    padding-top: 0px;
-    padding-bottom: 0px;
-  }
-
-  .md\:px-0 {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
-
-  .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-14 {
-    padding-top: 3.5rem;
-    padding-bottom: 3.5rem;
-  }
-
-  .md\:px-14 {
-    padding-left: 3.5rem;
-    padding-right: 3.5rem;
-  }
-
-  .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\:pt-0 {
-    padding-top: 0px;
-  }
-
-  .md\:pr-0 {
-    padding-right: 0px;
-  }
-
-  .md\:pb-0 {
-    padding-bottom: 0px;
-  }
-
-  .md\:pl-0 {
-    padding-left: 0px;
-  }
-
-  .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-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-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\:placeholder-current::-webkit-input-placeholder {
-    color: currentColor;
-  }
-
-  .md\:placeholder-current::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .md\:placeholder-current:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .md\:placeholder-current::-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .md\:placeholder-current::placeholder {
-    color: currentColor;
-  }
-
-  .md\:placeholder-transparent::-webkit-input-placeholder {
-    color: transparent;
-  }
-
-  .md\:placeholder-transparent::-moz-placeholder {
-    color: transparent;
-  }
-
-  .md\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .md\:placeholder-transparent::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .md\:placeholder-transparent::placeholder {
-    color: transparent;
-  }
-
-  .md\:placeholder-black::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-black::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-black:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-black::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-black::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-white::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-white::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-white:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-white::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-white::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-darkCoolGray-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-coolGray-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-violet-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-red-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-green-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-current:focus::-webkit-input-placeholder {
-    color: currentColor;
-  }
-
-  .md\:focus\:placeholder-current:focus::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .md\:focus\:placeholder-current:focus:-ms-input-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::-webkit-input-placeholder {
-    color: transparent;
-  }
-
-  .md\:focus\:placeholder-transparent:focus::-moz-placeholder {
-    color: transparent;
-  }
-
-  .md\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .md\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .md\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
-  }
-
-  .md\:focus\:placeholder-black:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-black:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-black:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-black:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-white:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-white:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-white:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-white:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-darkCoolGray-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-coolGray-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-violet-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .md\:placeholder-opacity-0::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .md\:placeholder-opacity-0::-moz-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .md\:placeholder-opacity-0:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .md\:placeholder-opacity-0::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .md\:placeholder-opacity-0::placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .md\:placeholder-opacity-5::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .md\:placeholder-opacity-5::-moz-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .md\:placeholder-opacity-5:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .md\:placeholder-opacity-5::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .md\:placeholder-opacity-5::placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .md\:placeholder-opacity-10::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .md\:placeholder-opacity-10::-moz-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .md\:placeholder-opacity-10:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .md\:placeholder-opacity-10::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .md\:placeholder-opacity-10::placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .md\:placeholder-opacity-20::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .md\:placeholder-opacity-20::-moz-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .md\:placeholder-opacity-20:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .md\:placeholder-opacity-20::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .md\:placeholder-opacity-20::placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .md\:placeholder-opacity-25::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .md\:placeholder-opacity-25::-moz-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .md\:placeholder-opacity-25:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .md\:placeholder-opacity-25::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .md\:placeholder-opacity-25::placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .md\:placeholder-opacity-30::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .md\:placeholder-opacity-30::-moz-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .md\:placeholder-opacity-30:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .md\:placeholder-opacity-30::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .md\:placeholder-opacity-30::placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .md\:placeholder-opacity-40::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .md\:placeholder-opacity-40::-moz-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .md\:placeholder-opacity-40:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .md\:placeholder-opacity-40::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .md\:placeholder-opacity-40::placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .md\:placeholder-opacity-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .md\:placeholder-opacity-50::-moz-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .md\:placeholder-opacity-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .md\:placeholder-opacity-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .md\:placeholder-opacity-50::placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .md\:placeholder-opacity-60::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .md\:placeholder-opacity-60::-moz-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .md\:placeholder-opacity-60:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .md\:placeholder-opacity-60::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .md\:placeholder-opacity-60::placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .md\:placeholder-opacity-70::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .md\:placeholder-opacity-70::-moz-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .md\:placeholder-opacity-70:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .md\:placeholder-opacity-70::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .md\:placeholder-opacity-70::placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .md\:placeholder-opacity-75::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .md\:placeholder-opacity-75::-moz-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .md\:placeholder-opacity-75:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .md\:placeholder-opacity-75::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .md\:placeholder-opacity-75::placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .md\:placeholder-opacity-80::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .md\:placeholder-opacity-80::-moz-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .md\:placeholder-opacity-80:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .md\:placeholder-opacity-80::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .md\:placeholder-opacity-80::placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .md\:placeholder-opacity-90::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .md\:placeholder-opacity-90::-moz-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .md\:placeholder-opacity-90:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .md\:placeholder-opacity-90::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .md\:placeholder-opacity-90::placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .md\:placeholder-opacity-95::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .md\:placeholder-opacity-95::-moz-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .md\:placeholder-opacity-95:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .md\:placeholder-opacity-95::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .md\:placeholder-opacity-95::placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .md\:placeholder-opacity-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .md\:placeholder-opacity-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .md\:placeholder-opacity-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .md\:placeholder-opacity-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .md\:placeholder-opacity-100::placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .md\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .md\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .md\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .md\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .md\:focus\:placeholder-opacity-0:focus::placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .md\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .md\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .md\:focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .md\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .md\:focus\:placeholder-opacity-5:focus::placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .md\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .md\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .md\:focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .md\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .md\:focus\:placeholder-opacity-10:focus::placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .md\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .md\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .md\:focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .md\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .md\:focus\:placeholder-opacity-20:focus::placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .md\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .md\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .md\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .md\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .md\:focus\:placeholder-opacity-25:focus::placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .md\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .md\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .md\:focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .md\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .md\:focus\:placeholder-opacity-30:focus::placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .md\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .md\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .md\:focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .md\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .md\:focus\:placeholder-opacity-40:focus::placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .md\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .md\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .md\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .md\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .md\:focus\:placeholder-opacity-50:focus::placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .md\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .md\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .md\:focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .md\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .md\:focus\:placeholder-opacity-60:focus::placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .md\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .md\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .md\:focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .md\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .md\:focus\:placeholder-opacity-70:focus::placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .md\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .md\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .md\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .md\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .md\:focus\:placeholder-opacity-75:focus::placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .md\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .md\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .md\:focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .md\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .md\:focus\:placeholder-opacity-80:focus::placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .md\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .md\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .md\:focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .md\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .md\:focus\:placeholder-opacity-90:focus::placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .md\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .md\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .md\:focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .md\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .md\:focus\:placeholder-opacity-95:focus::placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .md\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .md\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .md\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .md\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .md\:focus\:placeholder-opacity-100:focus::placeholder {
-    --tw-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: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-  }
-
-  .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-14 {
-    top: 3.5rem;
-    right: 3.5rem;
-    bottom: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .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-0 {
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-  }
-
-  .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-14 {
-    top: -3.5rem;
-    right: -3.5rem;
-    bottom: -3.5rem;
-    left: -3.5rem;
-  }
-
-  .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-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-full {
-    top: 100%;
-    right: 100%;
-    bottom: 100%;
-    left: 100%;
-  }
-
-  .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-full {
-    top: -100%;
-    right: -100%;
-    bottom: -100%;
-    left: -100%;
-  }
-
-  .md\:inset-y-0 {
-    top: 0px;
-    bottom: 0px;
-  }
-
-  .md\:inset-x-0 {
-    right: 0px;
-    left: 0px;
-  }
-
-  .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-14 {
-    top: 3.5rem;
-    bottom: 3.5rem;
-  }
-
-  .md\:inset-x-14 {
-    right: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .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-0 {
-    top: 0px;
-    bottom: 0px;
-  }
-
-  .md\:-inset-x-0 {
-    right: 0px;
-    left: 0px;
-  }
-
-  .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-14 {
-    top: -3.5rem;
-    bottom: -3.5rem;
-  }
-
-  .md\:-inset-x-14 {
-    right: -3.5rem;
-    left: -3.5rem;
-  }
-
-  .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-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-full {
-    top: 100%;
-    bottom: 100%;
-  }
-
-  .md\:inset-x-full {
-    right: 100%;
-    left: 100%;
-  }
-
-  .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-full {
-    top: -100%;
-    bottom: -100%;
-  }
-
-  .md\:-inset-x-full {
-    right: -100%;
-    left: -100%;
-  }
-
-  .md\:top-0 {
-    top: 0px;
-  }
-
-  .md\:right-0 {
-    right: 0px;
-  }
-
-  .md\:bottom-0 {
-    bottom: 0px;
-  }
-
-  .md\:left-0 {
-    left: 0px;
-  }
-
-  .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-14 {
-    top: 3.5rem;
-  }
-
-  .md\:right-14 {
-    right: 3.5rem;
-  }
-
-  .md\:bottom-14 {
-    bottom: 3.5rem;
-  }
-
-  .md\:left-14 {
-    left: 3.5rem;
-  }
-
-  .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-0 {
-    top: 0px;
-  }
-
-  .md\:-right-0 {
-    right: 0px;
-  }
-
-  .md\:-bottom-0 {
-    bottom: 0px;
-  }
-
-  .md\:-left-0 {
-    left: 0px;
-  }
-
-  .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-14 {
-    top: -3.5rem;
-  }
-
-  .md\:-right-14 {
-    right: -3.5rem;
-  }
-
-  .md\:-bottom-14 {
-    bottom: -3.5rem;
-  }
-
-  .md\:-left-14 {
-    left: -3.5rem;
-  }
-
-  .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-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-full {
-    top: 100%;
-  }
-
-  .md\:right-full {
-    right: 100%;
-  }
-
-  .md\:bottom-full {
-    bottom: 100%;
-  }
-
-  .md\:left-full {
-    left: 100%;
-  }
-
-  .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-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-sm {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:shadow {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:shadow-md {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:shadow-lg {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:shadow-xl {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:shadow-2xl {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:shadow-3xl {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:shadow-inner {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:shadow-none {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .md\:group-hover\:shadow-sm {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .md\:group-hover\:shadow {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .md\:group-hover\:shadow-md {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .md\:group-hover\:shadow-lg {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .md\:group-hover\:shadow-xl {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .md\:group-hover\:shadow-2xl {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .md\:group-hover\:shadow-3xl {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .md\:group-hover\:shadow-inner {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .md\:group-hover\:shadow-none {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus-within\:shadow-sm:focus-within {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus-within\:shadow:focus-within {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus-within\:shadow-md:focus-within {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus-within\:shadow-lg:focus-within {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus-within\:shadow-xl:focus-within {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus-within\:shadow-2xl:focus-within {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus-within\:shadow-3xl:focus-within {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus-within\:shadow-inner:focus-within {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus-within\:shadow-none:focus-within {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:hover\:shadow-sm:hover {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:hover\:shadow:hover {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:hover\:shadow-md:hover {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:hover\:shadow-lg:hover {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:hover\:shadow-xl:hover {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:hover\:shadow-2xl:hover {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:hover\:shadow-3xl:hover {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:hover\:shadow-inner:hover {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:hover\:shadow-none:hover {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus\:shadow-sm:focus {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus\:shadow:focus {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus\:shadow-md:focus {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus\:shadow-lg:focus {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus\:shadow-xl:focus {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus\:shadow-2xl:focus {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus\:shadow-3xl:focus {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus\:shadow-inner:focus {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:focus\:shadow-none:focus {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .md\:ring-0 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:ring-1 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:ring-2 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:ring-4 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:ring-8 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:ring {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:ring-inset {
-    --tw-ring-inset: inset;
-  }
-
-  .md\:focus-within\:ring-0:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:focus-within\:ring-1:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:focus-within\:ring-2:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:focus-within\:ring-4:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:focus-within\:ring-8:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:focus-within\:ring:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:focus-within\:ring-inset:focus-within {
-    --tw-ring-inset: inset;
-  }
-
-  .md\:focus\:ring-0:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:focus\:ring-1:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:focus\:ring-2:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:focus\:ring-4:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:focus\:ring-8:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:focus\:ring:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .md\:focus\:ring-inset:focus {
-    --tw-ring-inset: inset;
-  }
-
-  .md\:ring-offset-current {
-    --tw-ring-offset-color: currentColor;
-  }
-
-  .md\:ring-offset-transparent {
-    --tw-ring-offset-color: transparent;
-  }
-
-  .md\:ring-offset-black {
-    --tw-ring-offset-color: #000;
-  }
-
-  .md\:ring-offset-white {
-    --tw-ring-offset-color: #fff;
-  }
-
-  .md\:ring-offset-darkCoolGray-50 {
-    --tw-ring-offset-color: #F5F6F7;
-  }
-
-  .md\:ring-offset-darkCoolGray-100 {
-    --tw-ring-offset-color: #EBEDEF;
-  }
-
-  .md\:ring-offset-darkCoolGray-200 {
-    --tw-ring-offset-color: #CED1D6;
-  }
-
-  .md\:ring-offset-darkCoolGray-300 {
-    --tw-ring-offset-color: #B0B5BD;
-  }
-
-  .md\:ring-offset-darkCoolGray-400 {
-    --tw-ring-offset-color: #757E8C;
-  }
-
-  .md\:ring-offset-darkCoolGray-500 {
-    --tw-ring-offset-color: #3A475B;
-  }
-
-  .md\:ring-offset-darkCoolGray-600 {
-    --tw-ring-offset-color: #344052;
-  }
-
-  .md\:ring-offset-darkCoolGray-700 {
-    --tw-ring-offset-color: #2C3544;
-  }
-
-  .md\:ring-offset-darkCoolGray-800 {
-    --tw-ring-offset-color: #232B37;
-  }
-
-  .md\:ring-offset-darkCoolGray-900 {
-    --tw-ring-offset-color: #1C232D;
-  }
-
-  .md\:ring-offset-coolGray-50 {
-    --tw-ring-offset-color: #F7F8F9;
-  }
-
-  .md\:ring-offset-coolGray-100 {
-    --tw-ring-offset-color: #EEF0F3;
-  }
-
-  .md\:ring-offset-coolGray-200 {
-    --tw-ring-offset-color: #D5DAE1;
-  }
-
-  .md\:ring-offset-coolGray-300 {
-    --tw-ring-offset-color: #BBC3CF;
-  }
-
-  .md\:ring-offset-coolGray-400 {
-    --tw-ring-offset-color: #8896AB;
-  }
-
-  .md\:ring-offset-coolGray-500 {
-    --tw-ring-offset-color: #556987;
-  }
-
-  .md\:ring-offset-coolGray-600 {
-    --tw-ring-offset-color: #4D5F7A;
-  }
-
-  .md\:ring-offset-coolGray-700 {
-    --tw-ring-offset-color: #404F65;
-  }
-
-  .md\:ring-offset-coolGray-800 {
-    --tw-ring-offset-color: #333F51;
-  }
-
-  .md\:ring-offset-coolGray-900 {
-    --tw-ring-offset-color: #2A3342;
-  }
-
-  .md\:ring-offset-indigo-50 {
-    --tw-ring-offset-color: #F8F6FF;
-  }
-
-  .md\:ring-offset-indigo-100 {
-    --tw-ring-offset-color: #F0EEFF;
-  }
-
-  .md\:ring-offset-indigo-200 {
-    --tw-ring-offset-color: #DAD4FF;
-  }
-
-  .md\:ring-offset-indigo-300 {
-    --tw-ring-offset-color: #C3B9FF;
-  }
-
-  .md\:ring-offset-indigo-400 {
-    --tw-ring-offset-color: #9685FF;
-  }
-
-  .md\:ring-offset-indigo-500 {
-    --tw-ring-offset-color: #6951FF;
-  }
-
-  .md\:ring-offset-indigo-600 {
-    --tw-ring-offset-color: #5F49E6;
-  }
-
-  .md\:ring-offset-indigo-700 {
-    --tw-ring-offset-color: #4F3DBF;
-  }
-
-  .md\:ring-offset-indigo-800 {
-    --tw-ring-offset-color: #3F3199;
-  }
-
-  .md\:ring-offset-indigo-900 {
-    --tw-ring-offset-color: #33287D;
-  }
-
-  .md\:ring-offset-violet-50 {
-    --tw-ring-offset-color: #FBF7FF;
-  }
-
-  .md\:ring-offset-violet-100 {
-    --tw-ring-offset-color: #F6EEFE;
-  }
-
-  .md\:ring-offset-violet-200 {
-    --tw-ring-offset-color: #E9D5FD;
-  }
-
-  .md\:ring-offset-violet-300 {
-    --tw-ring-offset-color: #DCBBFC;
-  }
-
-  .md\:ring-offset-violet-400 {
-    --tw-ring-offset-color: #C288F9;
-  }
-
-  .md\:ring-offset-violet-500 {
-    --tw-ring-offset-color: #A855F7;
-  }
-
-  .md\:ring-offset-violet-600 {
-    --tw-ring-offset-color: #974DDE;
-  }
-
-  .md\:ring-offset-violet-700 {
-    --tw-ring-offset-color: #7E40B9;
-  }
-
-  .md\:ring-offset-violet-800 {
-    --tw-ring-offset-color: #653394;
-  }
-
-  .md\:ring-offset-violet-900 {
-    --tw-ring-offset-color: #522A79;
-  }
-
-  .md\:ring-offset-yellow-50 {
-    --tw-ring-offset-color: #FFFAF3;
-  }
-
-  .md\:ring-offset-yellow-100 {
-    --tw-ring-offset-color: #FEF5E7;
-  }
-
-  .md\:ring-offset-yellow-200 {
-    --tw-ring-offset-color: #FDE7C2;
-  }
-
-  .md\:ring-offset-yellow-300 {
-    --tw-ring-offset-color: #FBD89D;
-  }
-
-  .md\:ring-offset-yellow-400 {
-    --tw-ring-offset-color: #F8BB54;
-  }
-
-  .md\:ring-offset-yellow-500 {
-    --tw-ring-offset-color: #F59E0B;
-  }
-
-  .md\:ring-offset-yellow-600 {
-    --tw-ring-offset-color: #DD8E0A;
-  }
-
-  .md\:ring-offset-yellow-700 {
-    --tw-ring-offset-color: #B87708;
-  }
-
-  .md\:ring-offset-yellow-800 {
-    --tw-ring-offset-color: #935F07;
-  }
-
-  .md\:ring-offset-yellow-900 {
-    --tw-ring-offset-color: #784D05;
-  }
-
-  .md\:ring-offset-red-50 {
-    --tw-ring-offset-color: #FEF7F6;
-  }
-
-  .md\:ring-offset-red-100 {
-    --tw-ring-offset-color: #FDEEEC;
-  }
-
-  .md\:ring-offset-red-200 {
-    --tw-ring-offset-color: #FBD6D0;
-  }
-
-  .md\:ring-offset-red-300 {
-    --tw-ring-offset-color: #F9BDB4;
-  }
-
-  .md\:ring-offset-red-400 {
-    --tw-ring-offset-color: #F48B7C;
-  }
-
-  .md\:ring-offset-red-500 {
-    --tw-ring-offset-color: #EF5844;
-  }
-
-  .md\:ring-offset-red-600 {
-    --tw-ring-offset-color: #D7503D;
-  }
-
-  .md\:ring-offset-red-700 {
-    --tw-ring-offset-color: #B34333;
-  }
-
-  .md\:ring-offset-red-800 {
-    --tw-ring-offset-color: #8F3529;
-  }
-
-  .md\:ring-offset-red-900 {
-    --tw-ring-offset-color: #752C21;
-  }
-
-  .md\:ring-offset-green-50 {
-    --tw-ring-offset-color: #F4FDF7;
-  }
-
-  .md\:ring-offset-green-100 {
-    --tw-ring-offset-color: #EAFAF0;
-  }
-
-  .md\:ring-offset-green-200 {
-    --tw-ring-offset-color: #CAF4D9;
-  }
-
-  .md\:ring-offset-green-300 {
-    --tw-ring-offset-color: #AAEDC3;
-  }
-
-  .md\:ring-offset-green-400 {
-    --tw-ring-offset-color: #6ADF95;
-  }
-
-  .md\:ring-offset-green-500 {
-    --tw-ring-offset-color: #2AD167;
-  }
-
-  .md\:ring-offset-green-600 {
-    --tw-ring-offset-color: #26BC5E;
-  }
-
-  .md\:ring-offset-green-700 {
-    --tw-ring-offset-color: #209D4E;
-  }
-
-  .md\:ring-offset-green-800 {
-    --tw-ring-offset-color: #197D3E;
-  }
-
-  .md\:ring-offset-green-900 {
-    --tw-ring-offset-color: #156633;
-  }
-
-  .md\:ring-offset-blue-50 {
-    --tw-ring-offset-color: #F5F9FF;
-  }
-
-  .md\:ring-offset-blue-100 {
-    --tw-ring-offset-color: #EBF3FE;
-  }
-
-  .md\:ring-offset-blue-200 {
-    --tw-ring-offset-color: #CEE0FD;
-  }
-
-  .md\:ring-offset-blue-300 {
-    --tw-ring-offset-color: #B1CDFB;
-  }
-
-  .md\:ring-offset-blue-400 {
-    --tw-ring-offset-color: #76A8F9;
-  }
-
-  .md\:ring-offset-blue-500 {
-    --tw-ring-offset-color: #3B82F6;
-  }
-
-  .md\:ring-offset-blue-600 {
-    --tw-ring-offset-color: #3575DD;
-  }
-
-  .md\:ring-offset-blue-700 {
-    --tw-ring-offset-color: #2C62B9;
-  }
-
-  .md\:ring-offset-blue-800 {
-    --tw-ring-offset-color: #234E94;
-  }
-
-  .md\:ring-offset-blue-900 {
-    --tw-ring-offset-color: #1D4079;
-  }
-
-  .md\:ring-offset-gray-50 {
-    --tw-ring-offset-color: #f9fafb;
-  }
-
-  .md\:ring-offset-gray-100 {
-    --tw-ring-offset-color: #f3f4f6;
-  }
-
-  .md\:ring-offset-gray-200 {
-    --tw-ring-offset-color: #e5e7eb;
-  }
-
-  .md\:ring-offset-gray-300 {
-    --tw-ring-offset-color: #d1d5db;
-  }
-
-  .md\:ring-offset-gray-400 {
-    --tw-ring-offset-color: #9ca3af;
-  }
-
-  .md\:ring-offset-gray-500 {
-    --tw-ring-offset-color: #6b7280;
-  }
-
-  .md\:ring-offset-gray-600 {
-    --tw-ring-offset-color: #4b5563;
-  }
-
-  .md\:ring-offset-gray-700 {
-    --tw-ring-offset-color: #374151;
-  }
-
-  .md\:ring-offset-gray-800 {
-    --tw-ring-offset-color: #1f2937;
-  }
-
-  .md\:ring-offset-gray-900 {
-    --tw-ring-offset-color: #111827;
-  }
-
-  .md\:focus-within\:ring-offset-current:focus-within {
-    --tw-ring-offset-color: currentColor;
-  }
-
-  .md\:focus-within\:ring-offset-transparent:focus-within {
-    --tw-ring-offset-color: transparent;
-  }
-
-  .md\:focus-within\:ring-offset-black:focus-within {
-    --tw-ring-offset-color: #000;
-  }
-
-  .md\:focus-within\:ring-offset-white:focus-within {
-    --tw-ring-offset-color: #fff;
-  }
-
-  .md\:focus-within\:ring-offset-darkCoolGray-50:focus-within {
-    --tw-ring-offset-color: #F5F6F7;
-  }
-
-  .md\:focus-within\:ring-offset-darkCoolGray-100:focus-within {
-    --tw-ring-offset-color: #EBEDEF;
-  }
-
-  .md\:focus-within\:ring-offset-darkCoolGray-200:focus-within {
-    --tw-ring-offset-color: #CED1D6;
-  }
-
-  .md\:focus-within\:ring-offset-darkCoolGray-300:focus-within {
-    --tw-ring-offset-color: #B0B5BD;
-  }
-
-  .md\:focus-within\:ring-offset-darkCoolGray-400:focus-within {
-    --tw-ring-offset-color: #757E8C;
-  }
-
-  .md\:focus-within\:ring-offset-darkCoolGray-500:focus-within {
-    --tw-ring-offset-color: #3A475B;
-  }
-
-  .md\:focus-within\:ring-offset-darkCoolGray-600:focus-within {
-    --tw-ring-offset-color: #344052;
-  }
-
-  .md\:focus-within\:ring-offset-darkCoolGray-700:focus-within {
-    --tw-ring-offset-color: #2C3544;
-  }
-
-  .md\:focus-within\:ring-offset-darkCoolGray-800:focus-within {
-    --tw-ring-offset-color: #232B37;
-  }
-
-  .md\:focus-within\:ring-offset-darkCoolGray-900:focus-within {
-    --tw-ring-offset-color: #1C232D;
-  }
-
-  .md\:focus-within\:ring-offset-coolGray-50:focus-within {
-    --tw-ring-offset-color: #F7F8F9;
-  }
-
-  .md\:focus-within\:ring-offset-coolGray-100:focus-within {
-    --tw-ring-offset-color: #EEF0F3;
-  }
-
-  .md\:focus-within\:ring-offset-coolGray-200:focus-within {
-    --tw-ring-offset-color: #D5DAE1;
-  }
-
-  .md\:focus-within\:ring-offset-coolGray-300:focus-within {
-    --tw-ring-offset-color: #BBC3CF;
-  }
-
-  .md\:focus-within\:ring-offset-coolGray-400:focus-within {
-    --tw-ring-offset-color: #8896AB;
-  }
-
-  .md\:focus-within\:ring-offset-coolGray-500:focus-within {
-    --tw-ring-offset-color: #556987;
-  }
-
-  .md\:focus-within\:ring-offset-coolGray-600:focus-within {
-    --tw-ring-offset-color: #4D5F7A;
-  }
-
-  .md\:focus-within\:ring-offset-coolGray-700:focus-within {
-    --tw-ring-offset-color: #404F65;
-  }
-
-  .md\:focus-within\:ring-offset-coolGray-800:focus-within {
-    --tw-ring-offset-color: #333F51;
-  }
-
-  .md\:focus-within\:ring-offset-coolGray-900:focus-within {
-    --tw-ring-offset-color: #2A3342;
-  }
-
-  .md\:focus-within\:ring-offset-indigo-50:focus-within {
-    --tw-ring-offset-color: #F8F6FF;
-  }
-
-  .md\:focus-within\:ring-offset-indigo-100:focus-within {
-    --tw-ring-offset-color: #F0EEFF;
-  }
-
-  .md\:focus-within\:ring-offset-indigo-200:focus-within {
-    --tw-ring-offset-color: #DAD4FF;
-  }
-
-  .md\:focus-within\:ring-offset-indigo-300:focus-within {
-    --tw-ring-offset-color: #C3B9FF;
-  }
-
-  .md\:focus-within\:ring-offset-indigo-400:focus-within {
-    --tw-ring-offset-color: #9685FF;
-  }
-
-  .md\:focus-within\:ring-offset-indigo-500:focus-within {
-    --tw-ring-offset-color: #6951FF;
-  }
-
-  .md\:focus-within\:ring-offset-indigo-600:focus-within {
-    --tw-ring-offset-color: #5F49E6;
-  }
-
-  .md\:focus-within\:ring-offset-indigo-700:focus-within {
-    --tw-ring-offset-color: #4F3DBF;
-  }
-
-  .md\:focus-within\:ring-offset-indigo-800:focus-within {
-    --tw-ring-offset-color: #3F3199;
-  }
-
-  .md\:focus-within\:ring-offset-indigo-900:focus-within {
-    --tw-ring-offset-color: #33287D;
-  }
-
-  .md\:focus-within\:ring-offset-violet-50:focus-within {
-    --tw-ring-offset-color: #FBF7FF;
-  }
-
-  .md\:focus-within\:ring-offset-violet-100:focus-within {
-    --tw-ring-offset-color: #F6EEFE;
-  }
-
-  .md\:focus-within\:ring-offset-violet-200:focus-within {
-    --tw-ring-offset-color: #E9D5FD;
-  }
-
-  .md\:focus-within\:ring-offset-violet-300:focus-within {
-    --tw-ring-offset-color: #DCBBFC;
-  }
-
-  .md\:focus-within\:ring-offset-violet-400:focus-within {
-    --tw-ring-offset-color: #C288F9;
-  }
-
-  .md\:focus-within\:ring-offset-violet-500:focus-within {
-    --tw-ring-offset-color: #A855F7;
-  }
-
-  .md\:focus-within\:ring-offset-violet-600:focus-within {
-    --tw-ring-offset-color: #974DDE;
-  }
-
-  .md\:focus-within\:ring-offset-violet-700:focus-within {
-    --tw-ring-offset-color: #7E40B9;
-  }
-
-  .md\:focus-within\:ring-offset-violet-800:focus-within {
-    --tw-ring-offset-color: #653394;
-  }
-
-  .md\:focus-within\:ring-offset-violet-900:focus-within {
-    --tw-ring-offset-color: #522A79;
-  }
-
-  .md\:focus-within\:ring-offset-yellow-50:focus-within {
-    --tw-ring-offset-color: #FFFAF3;
-  }
-
-  .md\:focus-within\:ring-offset-yellow-100:focus-within {
-    --tw-ring-offset-color: #FEF5E7;
-  }
-
-  .md\:focus-within\:ring-offset-yellow-200:focus-within {
-    --tw-ring-offset-color: #FDE7C2;
-  }
-
-  .md\:focus-within\:ring-offset-yellow-300:focus-within {
-    --tw-ring-offset-color: #FBD89D;
-  }
-
-  .md\:focus-within\:ring-offset-yellow-400:focus-within {
-    --tw-ring-offset-color: #F8BB54;
-  }
-
-  .md\:focus-within\:ring-offset-yellow-500:focus-within {
-    --tw-ring-offset-color: #F59E0B;
-  }
-
-  .md\:focus-within\:ring-offset-yellow-600:focus-within {
-    --tw-ring-offset-color: #DD8E0A;
-  }
-
-  .md\:focus-within\:ring-offset-yellow-700:focus-within {
-    --tw-ring-offset-color: #B87708;
-  }
-
-  .md\:focus-within\:ring-offset-yellow-800:focus-within {
-    --tw-ring-offset-color: #935F07;
-  }
-
-  .md\:focus-within\:ring-offset-yellow-900:focus-within {
-    --tw-ring-offset-color: #784D05;
-  }
-
-  .md\:focus-within\:ring-offset-red-50:focus-within {
-    --tw-ring-offset-color: #FEF7F6;
-  }
-
-  .md\:focus-within\:ring-offset-red-100:focus-within {
-    --tw-ring-offset-color: #FDEEEC;
-  }
-
-  .md\:focus-within\:ring-offset-red-200:focus-within {
-    --tw-ring-offset-color: #FBD6D0;
-  }
-
-  .md\:focus-within\:ring-offset-red-300:focus-within {
-    --tw-ring-offset-color: #F9BDB4;
-  }
-
-  .md\:focus-within\:ring-offset-red-400:focus-within {
-    --tw-ring-offset-color: #F48B7C;
-  }
-
-  .md\:focus-within\:ring-offset-red-500:focus-within {
-    --tw-ring-offset-color: #EF5844;
-  }
-
-  .md\:focus-within\:ring-offset-red-600:focus-within {
-    --tw-ring-offset-color: #D7503D;
-  }
-
-  .md\:focus-within\:ring-offset-red-700:focus-within {
-    --tw-ring-offset-color: #B34333;
-  }
-
-  .md\:focus-within\:ring-offset-red-800:focus-within {
-    --tw-ring-offset-color: #8F3529;
-  }
-
-  .md\:focus-within\:ring-offset-red-900:focus-within {
-    --tw-ring-offset-color: #752C21;
-  }
-
-  .md\:focus-within\:ring-offset-green-50:focus-within {
-    --tw-ring-offset-color: #F4FDF7;
-  }
-
-  .md\:focus-within\:ring-offset-green-100:focus-within {
-    --tw-ring-offset-color: #EAFAF0;
-  }
-
-  .md\:focus-within\:ring-offset-green-200:focus-within {
-    --tw-ring-offset-color: #CAF4D9;
-  }
-
-  .md\:focus-within\:ring-offset-green-300:focus-within {
-    --tw-ring-offset-color: #AAEDC3;
-  }
-
-  .md\:focus-within\:ring-offset-green-400:focus-within {
-    --tw-ring-offset-color: #6ADF95;
-  }
-
-  .md\:focus-within\:ring-offset-green-500:focus-within {
-    --tw-ring-offset-color: #2AD167;
-  }
-
-  .md\:focus-within\:ring-offset-green-600:focus-within {
-    --tw-ring-offset-color: #26BC5E;
-  }
-
-  .md\:focus-within\:ring-offset-green-700:focus-within {
-    --tw-ring-offset-color: #209D4E;
-  }
-
-  .md\:focus-within\:ring-offset-green-800:focus-within {
-    --tw-ring-offset-color: #197D3E;
-  }
-
-  .md\:focus-within\:ring-offset-green-900:focus-within {
-    --tw-ring-offset-color: #156633;
-  }
-
-  .md\:focus-within\:ring-offset-blue-50:focus-within {
-    --tw-ring-offset-color: #F5F9FF;
-  }
-
-  .md\:focus-within\:ring-offset-blue-100:focus-within {
-    --tw-ring-offset-color: #EBF3FE;
-  }
-
-  .md\:focus-within\:ring-offset-blue-200:focus-within {
-    --tw-ring-offset-color: #CEE0FD;
-  }
-
-  .md\:focus-within\:ring-offset-blue-300:focus-within {
-    --tw-ring-offset-color: #B1CDFB;
-  }
-
-  .md\:focus-within\:ring-offset-blue-400:focus-within {
-    --tw-ring-offset-color: #76A8F9;
-  }
-
-  .md\:focus-within\:ring-offset-blue-500:focus-within {
-    --tw-ring-offset-color: #3B82F6;
-  }
-
-  .md\:focus-within\:ring-offset-blue-600:focus-within {
-    --tw-ring-offset-color: #3575DD;
-  }
-
-  .md\:focus-within\:ring-offset-blue-700:focus-within {
-    --tw-ring-offset-color: #2C62B9;
-  }
-
-  .md\:focus-within\:ring-offset-blue-800:focus-within {
-    --tw-ring-offset-color: #234E94;
-  }
-
-  .md\:focus-within\:ring-offset-blue-900:focus-within {
-    --tw-ring-offset-color: #1D4079;
-  }
-
-  .md\:focus-within\:ring-offset-gray-50:focus-within {
-    --tw-ring-offset-color: #f9fafb;
-  }
-
-  .md\:focus-within\:ring-offset-gray-100:focus-within {
-    --tw-ring-offset-color: #f3f4f6;
-  }
-
-  .md\:focus-within\:ring-offset-gray-200:focus-within {
-    --tw-ring-offset-color: #e5e7eb;
-  }
-
-  .md\:focus-within\:ring-offset-gray-300:focus-within {
-    --tw-ring-offset-color: #d1d5db;
-  }
-
-  .md\:focus-within\:ring-offset-gray-400:focus-within {
-    --tw-ring-offset-color: #9ca3af;
-  }
-
-  .md\:focus-within\:ring-offset-gray-500:focus-within {
-    --tw-ring-offset-color: #6b7280;
-  }
-
-  .md\:focus-within\:ring-offset-gray-600:focus-within {
-    --tw-ring-offset-color: #4b5563;
-  }
-
-  .md\:focus-within\:ring-offset-gray-700:focus-within {
-    --tw-ring-offset-color: #374151;
-  }
-
-  .md\:focus-within\:ring-offset-gray-800:focus-within {
-    --tw-ring-offset-color: #1f2937;
-  }
-
-  .md\:focus-within\:ring-offset-gray-900:focus-within {
-    --tw-ring-offset-color: #111827;
-  }
-
-  .md\:focus\:ring-offset-current:focus {
-    --tw-ring-offset-color: currentColor;
-  }
-
-  .md\:focus\:ring-offset-transparent:focus {
-    --tw-ring-offset-color: transparent;
-  }
-
-  .md\:focus\:ring-offset-black:focus {
-    --tw-ring-offset-color: #000;
-  }
-
-  .md\:focus\:ring-offset-white:focus {
-    --tw-ring-offset-color: #fff;
-  }
-
-  .md\:focus\:ring-offset-darkCoolGray-50:focus {
-    --tw-ring-offset-color: #F5F6F7;
-  }
-
-  .md\:focus\:ring-offset-darkCoolGray-100:focus {
-    --tw-ring-offset-color: #EBEDEF;
-  }
-
-  .md\:focus\:ring-offset-darkCoolGray-200:focus {
-    --tw-ring-offset-color: #CED1D6;
-  }
-
-  .md\:focus\:ring-offset-darkCoolGray-300:focus {
-    --tw-ring-offset-color: #B0B5BD;
-  }
-
-  .md\:focus\:ring-offset-darkCoolGray-400:focus {
-    --tw-ring-offset-color: #757E8C;
-  }
-
-  .md\:focus\:ring-offset-darkCoolGray-500:focus {
-    --tw-ring-offset-color: #3A475B;
-  }
-
-  .md\:focus\:ring-offset-darkCoolGray-600:focus {
-    --tw-ring-offset-color: #344052;
-  }
-
-  .md\:focus\:ring-offset-darkCoolGray-700:focus {
-    --tw-ring-offset-color: #2C3544;
-  }
-
-  .md\:focus\:ring-offset-darkCoolGray-800:focus {
-    --tw-ring-offset-color: #232B37;
-  }
-
-  .md\:focus\:ring-offset-darkCoolGray-900:focus {
-    --tw-ring-offset-color: #1C232D;
-  }
-
-  .md\:focus\:ring-offset-coolGray-50:focus {
-    --tw-ring-offset-color: #F7F8F9;
-  }
-
-  .md\:focus\:ring-offset-coolGray-100:focus {
-    --tw-ring-offset-color: #EEF0F3;
-  }
-
-  .md\:focus\:ring-offset-coolGray-200:focus {
-    --tw-ring-offset-color: #D5DAE1;
-  }
-
-  .md\:focus\:ring-offset-coolGray-300:focus {
-    --tw-ring-offset-color: #BBC3CF;
-  }
-
-  .md\:focus\:ring-offset-coolGray-400:focus {
-    --tw-ring-offset-color: #8896AB;
-  }
-
-  .md\:focus\:ring-offset-coolGray-500:focus {
-    --tw-ring-offset-color: #556987;
-  }
-
-  .md\:focus\:ring-offset-coolGray-600:focus {
-    --tw-ring-offset-color: #4D5F7A;
-  }
-
-  .md\:focus\:ring-offset-coolGray-700:focus {
-    --tw-ring-offset-color: #404F65;
-  }
-
-  .md\:focus\:ring-offset-coolGray-800:focus {
-    --tw-ring-offset-color: #333F51;
-  }
-
-  .md\:focus\:ring-offset-coolGray-900:focus {
-    --tw-ring-offset-color: #2A3342;
-  }
-
-  .md\:focus\:ring-offset-indigo-50:focus {
-    --tw-ring-offset-color: #F8F6FF;
-  }
-
-  .md\:focus\:ring-offset-indigo-100:focus {
-    --tw-ring-offset-color: #F0EEFF;
-  }
-
-  .md\:focus\:ring-offset-indigo-200:focus {
-    --tw-ring-offset-color: #DAD4FF;
-  }
-
-  .md\:focus\:ring-offset-indigo-300:focus {
-    --tw-ring-offset-color: #C3B9FF;
-  }
-
-  .md\:focus\:ring-offset-indigo-400:focus {
-    --tw-ring-offset-color: #9685FF;
-  }
-
-  .md\:focus\:ring-offset-indigo-500:focus {
-    --tw-ring-offset-color: #6951FF;
-  }
-
-  .md\:focus\:ring-offset-indigo-600:focus {
-    --tw-ring-offset-color: #5F49E6;
-  }
-
-  .md\:focus\:ring-offset-indigo-700:focus {
-    --tw-ring-offset-color: #4F3DBF;
-  }
-
-  .md\:focus\:ring-offset-indigo-800:focus {
-    --tw-ring-offset-color: #3F3199;
-  }
-
-  .md\:focus\:ring-offset-indigo-900:focus {
-    --tw-ring-offset-color: #33287D;
-  }
-
-  .md\:focus\:ring-offset-violet-50:focus {
-    --tw-ring-offset-color: #FBF7FF;
-  }
-
-  .md\:focus\:ring-offset-violet-100:focus {
-    --tw-ring-offset-color: #F6EEFE;
-  }
-
-  .md\:focus\:ring-offset-violet-200:focus {
-    --tw-ring-offset-color: #E9D5FD;
-  }
-
-  .md\:focus\:ring-offset-violet-300:focus {
-    --tw-ring-offset-color: #DCBBFC;
-  }
-
-  .md\:focus\:ring-offset-violet-400:focus {
-    --tw-ring-offset-color: #C288F9;
-  }
-
-  .md\:focus\:ring-offset-violet-500:focus {
-    --tw-ring-offset-color: #A855F7;
-  }
-
-  .md\:focus\:ring-offset-violet-600:focus {
-    --tw-ring-offset-color: #974DDE;
-  }
-
-  .md\:focus\:ring-offset-violet-700:focus {
-    --tw-ring-offset-color: #7E40B9;
-  }
-
-  .md\:focus\:ring-offset-violet-800:focus {
-    --tw-ring-offset-color: #653394;
-  }
-
-  .md\:focus\:ring-offset-violet-900:focus {
-    --tw-ring-offset-color: #522A79;
-  }
-
-  .md\:focus\:ring-offset-yellow-50:focus {
-    --tw-ring-offset-color: #FFFAF3;
-  }
-
-  .md\:focus\:ring-offset-yellow-100:focus {
-    --tw-ring-offset-color: #FEF5E7;
-  }
-
-  .md\:focus\:ring-offset-yellow-200:focus {
-    --tw-ring-offset-color: #FDE7C2;
-  }
-
-  .md\:focus\:ring-offset-yellow-300:focus {
-    --tw-ring-offset-color: #FBD89D;
-  }
-
-  .md\:focus\:ring-offset-yellow-400:focus {
-    --tw-ring-offset-color: #F8BB54;
-  }
-
-  .md\:focus\:ring-offset-yellow-500:focus {
-    --tw-ring-offset-color: #F59E0B;
-  }
-
-  .md\:focus\:ring-offset-yellow-600:focus {
-    --tw-ring-offset-color: #DD8E0A;
-  }
-
-  .md\:focus\:ring-offset-yellow-700:focus {
-    --tw-ring-offset-color: #B87708;
-  }
-
-  .md\:focus\:ring-offset-yellow-800:focus {
-    --tw-ring-offset-color: #935F07;
-  }
-
-  .md\:focus\:ring-offset-yellow-900:focus {
-    --tw-ring-offset-color: #784D05;
-  }
-
-  .md\:focus\:ring-offset-red-50:focus {
-    --tw-ring-offset-color: #FEF7F6;
-  }
-
-  .md\:focus\:ring-offset-red-100:focus {
-    --tw-ring-offset-color: #FDEEEC;
-  }
-
-  .md\:focus\:ring-offset-red-200:focus {
-    --tw-ring-offset-color: #FBD6D0;
-  }
-
-  .md\:focus\:ring-offset-red-300:focus {
-    --tw-ring-offset-color: #F9BDB4;
-  }
-
-  .md\:focus\:ring-offset-red-400:focus {
-    --tw-ring-offset-color: #F48B7C;
-  }
-
-  .md\:focus\:ring-offset-red-500:focus {
-    --tw-ring-offset-color: #EF5844;
-  }
-
-  .md\:focus\:ring-offset-red-600:focus {
-    --tw-ring-offset-color: #D7503D;
-  }
-
-  .md\:focus\:ring-offset-red-700:focus {
-    --tw-ring-offset-color: #B34333;
-  }
-
-  .md\:focus\:ring-offset-red-800:focus {
-    --tw-ring-offset-color: #8F3529;
-  }
-
-  .md\:focus\:ring-offset-red-900:focus {
-    --tw-ring-offset-color: #752C21;
-  }
-
-  .md\:focus\:ring-offset-green-50:focus {
-    --tw-ring-offset-color: #F4FDF7;
-  }
-
-  .md\:focus\:ring-offset-green-100:focus {
-    --tw-ring-offset-color: #EAFAF0;
-  }
-
-  .md\:focus\:ring-offset-green-200:focus {
-    --tw-ring-offset-color: #CAF4D9;
-  }
-
-  .md\:focus\:ring-offset-green-300:focus {
-    --tw-ring-offset-color: #AAEDC3;
-  }
-
-  .md\:focus\:ring-offset-green-400:focus {
-    --tw-ring-offset-color: #6ADF95;
-  }
-
-  .md\:focus\:ring-offset-green-500:focus {
-    --tw-ring-offset-color: #2AD167;
-  }
-
-  .md\:focus\:ring-offset-green-600:focus {
-    --tw-ring-offset-color: #26BC5E;
-  }
-
-  .md\:focus\:ring-offset-green-700:focus {
-    --tw-ring-offset-color: #209D4E;
-  }
-
-  .md\:focus\:ring-offset-green-800:focus {
-    --tw-ring-offset-color: #197D3E;
-  }
-
-  .md\:focus\:ring-offset-green-900:focus {
-    --tw-ring-offset-color: #156633;
-  }
-
-  .md\:focus\:ring-offset-blue-50:focus {
-    --tw-ring-offset-color: #F5F9FF;
-  }
-
-  .md\:focus\:ring-offset-blue-100:focus {
-    --tw-ring-offset-color: #EBF3FE;
-  }
-
-  .md\:focus\:ring-offset-blue-200:focus {
-    --tw-ring-offset-color: #CEE0FD;
-  }
-
-  .md\:focus\:ring-offset-blue-300:focus {
-    --tw-ring-offset-color: #B1CDFB;
-  }
-
-  .md\:focus\:ring-offset-blue-400:focus {
-    --tw-ring-offset-color: #76A8F9;
-  }
-
-  .md\:focus\:ring-offset-blue-500:focus {
-    --tw-ring-offset-color: #3B82F6;
-  }
-
-  .md\:focus\:ring-offset-blue-600:focus {
-    --tw-ring-offset-color: #3575DD;
-  }
-
-  .md\:focus\:ring-offset-blue-700:focus {
-    --tw-ring-offset-color: #2C62B9;
-  }
-
-  .md\:focus\:ring-offset-blue-800:focus {
-    --tw-ring-offset-color: #234E94;
-  }
-
-  .md\:focus\:ring-offset-blue-900:focus {
-    --tw-ring-offset-color: #1D4079;
-  }
-
-  .md\:focus\:ring-offset-gray-50:focus {
-    --tw-ring-offset-color: #f9fafb;
-  }
-
-  .md\:focus\:ring-offset-gray-100:focus {
-    --tw-ring-offset-color: #f3f4f6;
-  }
-
-  .md\:focus\:ring-offset-gray-200:focus {
-    --tw-ring-offset-color: #e5e7eb;
-  }
-
-  .md\:focus\:ring-offset-gray-300:focus {
-    --tw-ring-offset-color: #d1d5db;
-  }
-
-  .md\:focus\:ring-offset-gray-400:focus {
-    --tw-ring-offset-color: #9ca3af;
-  }
-
-  .md\:focus\:ring-offset-gray-500:focus {
-    --tw-ring-offset-color: #6b7280;
-  }
-
-  .md\:focus\:ring-offset-gray-600:focus {
-    --tw-ring-offset-color: #4b5563;
-  }
-
-  .md\:focus\:ring-offset-gray-700:focus {
-    --tw-ring-offset-color: #374151;
-  }
-
-  .md\:focus\:ring-offset-gray-800:focus {
-    --tw-ring-offset-color: #1f2937;
-  }
-
-  .md\:focus\:ring-offset-gray-900:focus {
-    --tw-ring-offset-color: #111827;
-  }
-
-  .md\:ring-offset-0 {
-    --tw-ring-offset-width: 0px;
-  }
-
-  .md\:ring-offset-1 {
-    --tw-ring-offset-width: 1px;
-  }
-
-  .md\:ring-offset-2 {
-    --tw-ring-offset-width: 2px;
-  }
-
-  .md\:ring-offset-4 {
-    --tw-ring-offset-width: 4px;
-  }
-
-  .md\:ring-offset-8 {
-    --tw-ring-offset-width: 8px;
-  }
-
-  .md\:focus-within\:ring-offset-0:focus-within {
-    --tw-ring-offset-width: 0px;
-  }
-
-  .md\:focus-within\:ring-offset-1:focus-within {
-    --tw-ring-offset-width: 1px;
-  }
-
-  .md\:focus-within\:ring-offset-2:focus-within {
-    --tw-ring-offset-width: 2px;
-  }
-
-  .md\:focus-within\:ring-offset-4:focus-within {
-    --tw-ring-offset-width: 4px;
-  }
-
-  .md\:focus-within\:ring-offset-8:focus-within {
-    --tw-ring-offset-width: 8px;
-  }
-
-  .md\:focus\:ring-offset-0:focus {
-    --tw-ring-offset-width: 0px;
-  }
-
-  .md\:focus\:ring-offset-1:focus {
-    --tw-ring-offset-width: 1px;
-  }
-
-  .md\:focus\:ring-offset-2:focus {
-    --tw-ring-offset-width: 2px;
-  }
-
-  .md\:focus\:ring-offset-4:focus {
-    --tw-ring-offset-width: 4px;
-  }
-
-  .md\:focus\:ring-offset-8:focus {
-    --tw-ring-offset-width: 8px;
-  }
-
-  .md\:ring-current {
-    --tw-ring-color: currentColor;
-  }
-
-  .md\:ring-transparent {
-    --tw-ring-color: transparent;
-  }
-
-  .md\:ring-black {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-white {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-darkCoolGray-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-darkCoolGray-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-darkCoolGray-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-darkCoolGray-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-darkCoolGray-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-darkCoolGray-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-darkCoolGray-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-darkCoolGray-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-darkCoolGray-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-darkCoolGray-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-coolGray-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-coolGray-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-coolGray-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-coolGray-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-coolGray-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-coolGray-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-coolGray-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-coolGray-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-coolGray-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-coolGray-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-indigo-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-indigo-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-indigo-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-indigo-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-indigo-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-indigo-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-indigo-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-indigo-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-indigo-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-indigo-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-violet-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-violet-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-violet-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-violet-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-violet-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-violet-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-violet-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-violet-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-violet-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-violet-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-yellow-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-yellow-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-yellow-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-yellow-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-yellow-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-yellow-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-yellow-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-yellow-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-yellow-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-yellow-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-red-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-red-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-red-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-red-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-red-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-red-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-red-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-red-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-red-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-red-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-green-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-green-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-green-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-green-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-green-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-green-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-green-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-green-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-green-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-green-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-blue-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-blue-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-blue-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-blue-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-blue-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-blue-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-blue-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-blue-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-blue-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-blue-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-gray-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-gray-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-gray-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-gray-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-gray-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-gray-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-gray-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-gray-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-gray-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-gray-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-current:focus-within {
-    --tw-ring-color: currentColor;
-  }
-
-  .md\:focus-within\:ring-transparent:focus-within {
-    --tw-ring-color: transparent;
-  }
-
-  .md\:focus-within\:ring-black:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-white:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-darkCoolGray-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-darkCoolGray-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-darkCoolGray-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-darkCoolGray-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-darkCoolGray-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-darkCoolGray-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-darkCoolGray-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-darkCoolGray-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-darkCoolGray-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-darkCoolGray-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-coolGray-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-coolGray-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-coolGray-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-coolGray-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-coolGray-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-coolGray-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-coolGray-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-coolGray-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-coolGray-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-coolGray-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-indigo-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-indigo-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-indigo-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-indigo-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-indigo-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-indigo-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-indigo-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-indigo-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-indigo-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-indigo-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-violet-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-violet-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-violet-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-violet-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-violet-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-violet-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-violet-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-violet-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-violet-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-violet-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-yellow-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-yellow-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-yellow-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-yellow-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-yellow-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-yellow-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-yellow-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-yellow-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-yellow-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-yellow-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-red-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-red-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-red-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-red-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-red-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-red-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-red-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-red-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-red-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-red-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-green-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-green-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-green-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-green-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-green-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-green-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-green-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-green-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-green-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-green-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-blue-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-blue-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-blue-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-blue-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-blue-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-blue-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-blue-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-blue-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-blue-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-blue-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-gray-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-gray-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-gray-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-gray-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-gray-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-gray-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-gray-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-gray-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-gray-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-  }
-
-  .md\:focus-within\:ring-gray-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-current:focus {
-    --tw-ring-color: currentColor;
-  }
-
-  .md\:focus\:ring-transparent:focus {
-    --tw-ring-color: transparent;
-  }
-
-  .md\:focus\:ring-black:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-white:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-darkCoolGray-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-darkCoolGray-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-darkCoolGray-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-darkCoolGray-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-darkCoolGray-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-darkCoolGray-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-darkCoolGray-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-darkCoolGray-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-darkCoolGray-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-darkCoolGray-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-coolGray-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-coolGray-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-coolGray-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-coolGray-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-coolGray-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-coolGray-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-coolGray-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-coolGray-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-coolGray-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-coolGray-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-indigo-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-indigo-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-indigo-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-indigo-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-indigo-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-indigo-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-indigo-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-indigo-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-indigo-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-indigo-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-violet-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-violet-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-violet-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-violet-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-violet-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-violet-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-violet-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-violet-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-violet-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-violet-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-yellow-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-yellow-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-yellow-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-yellow-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-yellow-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-yellow-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-yellow-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-yellow-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-yellow-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-yellow-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-red-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-red-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-red-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-red-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-red-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-red-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-red-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-red-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-red-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-red-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-green-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-green-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-green-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-green-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-green-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-green-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-green-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-green-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-green-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-green-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-blue-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-blue-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-blue-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-blue-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-blue-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-blue-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-blue-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-blue-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-blue-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-blue-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-gray-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-gray-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-gray-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-gray-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-gray-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-gray-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-gray-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-gray-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-gray-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-  }
-
-  .md\:focus\:ring-gray-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-  }
-
-  .md\:ring-opacity-0 {
-    --tw-ring-opacity: 0;
-  }
-
-  .md\:ring-opacity-5 {
-    --tw-ring-opacity: 0.05;
-  }
-
-  .md\:ring-opacity-10 {
-    --tw-ring-opacity: 0.1;
-  }
-
-  .md\:ring-opacity-20 {
-    --tw-ring-opacity: 0.2;
-  }
-
-  .md\:ring-opacity-25 {
-    --tw-ring-opacity: 0.25;
-  }
-
-  .md\:ring-opacity-30 {
-    --tw-ring-opacity: 0.3;
-  }
-
-  .md\:ring-opacity-40 {
-    --tw-ring-opacity: 0.4;
-  }
-
-  .md\:ring-opacity-50 {
-    --tw-ring-opacity: 0.5;
-  }
-
-  .md\:ring-opacity-60 {
-    --tw-ring-opacity: 0.6;
-  }
-
-  .md\:ring-opacity-70 {
-    --tw-ring-opacity: 0.7;
-  }
-
-  .md\:ring-opacity-75 {
-    --tw-ring-opacity: 0.75;
-  }
-
-  .md\:ring-opacity-80 {
-    --tw-ring-opacity: 0.8;
-  }
-
-  .md\:ring-opacity-90 {
-    --tw-ring-opacity: 0.9;
-  }
-
-  .md\:ring-opacity-95 {
-    --tw-ring-opacity: 0.95;
-  }
-
-  .md\:ring-opacity-100 {
-    --tw-ring-opacity: 1;
-  }
-
-  .md\:focus-within\:ring-opacity-0:focus-within {
-    --tw-ring-opacity: 0;
-  }
-
-  .md\:focus-within\:ring-opacity-5:focus-within {
-    --tw-ring-opacity: 0.05;
-  }
-
-  .md\:focus-within\:ring-opacity-10:focus-within {
-    --tw-ring-opacity: 0.1;
-  }
-
-  .md\:focus-within\:ring-opacity-20:focus-within {
-    --tw-ring-opacity: 0.2;
-  }
-
-  .md\:focus-within\:ring-opacity-25:focus-within {
-    --tw-ring-opacity: 0.25;
-  }
-
-  .md\:focus-within\:ring-opacity-30:focus-within {
-    --tw-ring-opacity: 0.3;
-  }
-
-  .md\:focus-within\:ring-opacity-40:focus-within {
-    --tw-ring-opacity: 0.4;
-  }
-
-  .md\:focus-within\:ring-opacity-50:focus-within {
-    --tw-ring-opacity: 0.5;
-  }
-
-  .md\:focus-within\:ring-opacity-60:focus-within {
-    --tw-ring-opacity: 0.6;
-  }
-
-  .md\:focus-within\:ring-opacity-70:focus-within {
-    --tw-ring-opacity: 0.7;
-  }
-
-  .md\:focus-within\:ring-opacity-75:focus-within {
-    --tw-ring-opacity: 0.75;
-  }
-
-  .md\:focus-within\:ring-opacity-80:focus-within {
-    --tw-ring-opacity: 0.8;
-  }
-
-  .md\:focus-within\:ring-opacity-90:focus-within {
-    --tw-ring-opacity: 0.9;
-  }
-
-  .md\:focus-within\:ring-opacity-95:focus-within {
-    --tw-ring-opacity: 0.95;
-  }
-
-  .md\:focus-within\:ring-opacity-100:focus-within {
-    --tw-ring-opacity: 1;
-  }
-
-  .md\:focus\:ring-opacity-0:focus {
-    --tw-ring-opacity: 0;
-  }
-
-  .md\:focus\:ring-opacity-5:focus {
-    --tw-ring-opacity: 0.05;
-  }
-
-  .md\:focus\:ring-opacity-10:focus {
-    --tw-ring-opacity: 0.1;
-  }
-
-  .md\:focus\:ring-opacity-20:focus {
-    --tw-ring-opacity: 0.2;
-  }
-
-  .md\:focus\:ring-opacity-25:focus {
-    --tw-ring-opacity: 0.25;
-  }
-
-  .md\:focus\:ring-opacity-30:focus {
-    --tw-ring-opacity: 0.3;
-  }
-
-  .md\:focus\:ring-opacity-40:focus {
-    --tw-ring-opacity: 0.4;
-  }
-
-  .md\:focus\:ring-opacity-50:focus {
-    --tw-ring-opacity: 0.5;
-  }
-
-  .md\:focus\:ring-opacity-60:focus {
-    --tw-ring-opacity: 0.6;
-  }
-
-  .md\:focus\:ring-opacity-70:focus {
-    --tw-ring-opacity: 0.7;
-  }
-
-  .md\:focus\:ring-opacity-75:focus {
-    --tw-ring-opacity: 0.75;
-  }
-
-  .md\:focus\:ring-opacity-80:focus {
-    --tw-ring-opacity: 0.8;
-  }
-
-  .md\:focus\:ring-opacity-90:focus {
-    --tw-ring-opacity: 0.9;
-  }
-
-  .md\:focus\:ring-opacity-95:focus {
-    --tw-ring-opacity: 0.95;
-  }
-
-  .md\:focus\:ring-opacity-100:focus {
-    --tw-ring-opacity: 1;
-  }
-
-  .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-black {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .md\:text-white {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .md\:text-darkCoolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .md\:text-darkCoolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .md\:text-darkCoolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .md\:text-darkCoolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .md\:text-darkCoolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .md\:text-darkCoolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .md\:text-darkCoolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .md\:text-darkCoolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .md\:text-darkCoolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .md\:text-darkCoolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .md\:text-coolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .md\:text-coolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .md\:text-coolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .md\:text-coolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .md\:text-coolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .md\:text-coolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .md\:text-coolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .md\:text-coolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .md\:text-coolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .md\:text-coolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .md\:text-indigo-50 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .md\:text-indigo-100 {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .md\:text-indigo-200 {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .md\:text-indigo-300 {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .md\:text-indigo-400 {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .md\:text-indigo-500 {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .md\:text-indigo-600 {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .md\:text-indigo-700 {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .md\:text-indigo-800 {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .md\:text-indigo-900 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .md\:text-violet-50 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .md\:text-violet-100 {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .md\:text-violet-200 {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .md\:text-violet-300 {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .md\:text-violet-400 {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .md\:text-violet-500 {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .md\:text-violet-600 {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .md\:text-violet-700 {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .md\:text-violet-800 {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .md\:text-violet-900 {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .md\:text-yellow-50 {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .md\:text-yellow-100 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .md\:text-yellow-200 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .md\:text-yellow-300 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .md\:text-yellow-400 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .md\:text-yellow-500 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .md\:text-yellow-600 {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .md\:text-yellow-700 {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .md\:text-yellow-800 {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .md\:text-yellow-900 {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .md\:text-red-50 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .md\:text-red-100 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .md\:text-red-200 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .md\:text-red-300 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .md\:text-red-400 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .md\:text-red-500 {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .md\:text-red-600 {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .md\:text-red-700 {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .md\:text-red-800 {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .md\:text-red-900 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .md\:text-green-50 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .md\:text-green-100 {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .md\:text-green-200 {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .md\:text-green-300 {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .md\:text-green-400 {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .md\:text-green-500 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .md\:text-green-600 {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .md\:text-green-700 {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .md\:text-green-800 {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .md\:text-green-900 {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .md\:text-blue-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .md\:text-blue-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .md\:text-blue-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .md\:text-blue-300 {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .md\:text-blue-400 {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .md\:text-blue-500 {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .md\:text-blue-600 {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .md\:text-blue-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .md\:text-blue-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .md\:text-blue-900 {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .md\:text-gray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .md\:text-gray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .md\:text-gray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .md\:text-gray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .md\:text-gray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .md\:text-gray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .md\:text-gray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .md\:text-gray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .md\:text-gray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .md\:text-gray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .md\:text-body {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-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-black {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-white {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-darkCoolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-darkCoolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-darkCoolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-darkCoolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-darkCoolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-darkCoolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-darkCoolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-darkCoolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-darkCoolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-darkCoolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-coolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-coolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-coolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-coolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-coolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-coolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-coolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-coolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-coolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-coolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-50 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-100 {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-200 {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-300 {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-400 {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-500 {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-600 {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-700 {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-800 {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-900 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-violet-50 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-violet-100 {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-violet-200 {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-violet-300 {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-violet-400 {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-violet-500 {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-violet-600 {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-violet-700 {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-violet-800 {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-violet-900 {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-50 {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-100 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-200 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-300 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-400 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-500 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-600 {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-700 {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-800 {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-900 {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-50 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-100 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-200 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-300 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-400 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-500 {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-600 {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-700 {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-800 {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-900 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-50 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-100 {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-200 {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-300 {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-400 {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-500 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-600 {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-700 {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-800 {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-900 {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-300 {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-400 {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-500 {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-600 {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-900 {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-body {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-current:focus-within {
-    color: currentColor;
-  }
-
-  .md\:focus-within\:text-transparent:focus-within {
-    color: transparent;
-  }
-
-  .md\:focus-within\:text-black:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-white:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-darkCoolGray-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-darkCoolGray-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-darkCoolGray-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-darkCoolGray-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-darkCoolGray-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-darkCoolGray-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-darkCoolGray-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-darkCoolGray-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-darkCoolGray-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-darkCoolGray-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-coolGray-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-coolGray-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-coolGray-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-coolGray-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-coolGray-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-coolGray-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-coolGray-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-coolGray-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-coolGray-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-coolGray-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-violet-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-violet-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-violet-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-violet-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-violet-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-violet-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-violet-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-violet-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-violet-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-violet-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-red-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-red-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-red-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-red-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-red-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-red-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-red-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-red-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-red-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-red-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-green-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-green-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-green-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-green-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-green-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-green-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-green-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-green-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-green-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-green-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .md\:focus-within\:text-body:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-current:hover {
-    color: currentColor;
-  }
-
-  .md\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .md\:hover\:text-black:hover {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-white:hover {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-darkCoolGray-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-darkCoolGray-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-darkCoolGray-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-darkCoolGray-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-darkCoolGray-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-darkCoolGray-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-darkCoolGray-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-darkCoolGray-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-darkCoolGray-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-darkCoolGray-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-coolGray-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-coolGray-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-coolGray-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-coolGray-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-coolGray-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-coolGray-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-coolGray-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-coolGray-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-coolGray-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-coolGray-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-indigo-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-indigo-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-indigo-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-indigo-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-indigo-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-indigo-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-indigo-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-indigo-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-indigo-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-indigo-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-violet-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-violet-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-violet-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-violet-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-violet-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-violet-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-violet-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-violet-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-violet-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-violet-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-yellow-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-yellow-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-yellow-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-yellow-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-yellow-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-yellow-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-yellow-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-yellow-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-yellow-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-yellow-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-red-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-red-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-red-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-red-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-red-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-red-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-red-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-red-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-red-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-red-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-green-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-green-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-green-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-green-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-green-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-green-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-green-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-green-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-green-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-green-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-blue-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-blue-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-blue-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-blue-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-blue-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-blue-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-blue-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-blue-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-blue-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-blue-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-gray-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-gray-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-gray-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-gray-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-gray-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-gray-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-gray-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-gray-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-gray-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-gray-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .md\:hover\:text-body:hover {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-current:focus {
-    color: currentColor;
-  }
-
-  .md\:focus\:text-transparent:focus {
-    color: transparent;
-  }
-
-  .md\:focus\:text-black:focus {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-white:focus {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-darkCoolGray-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-darkCoolGray-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-darkCoolGray-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-darkCoolGray-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-darkCoolGray-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-darkCoolGray-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-darkCoolGray-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-darkCoolGray-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-darkCoolGray-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-darkCoolGray-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-coolGray-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-coolGray-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-coolGray-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-coolGray-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-coolGray-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-coolGray-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-coolGray-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-coolGray-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-coolGray-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-coolGray-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-indigo-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-indigo-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-indigo-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-indigo-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-indigo-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-indigo-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-indigo-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-indigo-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-indigo-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-indigo-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-violet-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-violet-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-violet-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-violet-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-violet-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-violet-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-violet-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-violet-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-violet-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-violet-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-yellow-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-yellow-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-yellow-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-yellow-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-yellow-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-yellow-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-yellow-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-yellow-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-yellow-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-yellow-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-red-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-red-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-red-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-red-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-red-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-red-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-red-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-red-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-red-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-red-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-green-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-green-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-green-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-green-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-green-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-green-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-green-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-green-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-green-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-green-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-blue-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-blue-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-blue-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-blue-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-blue-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-blue-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-blue-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-blue-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-blue-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-blue-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-gray-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-gray-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-gray-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-gray-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-gray-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-gray-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-gray-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-gray-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-gray-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-gray-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .md\:focus\:text-body:focus {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .md\:text-opacity-0 {
-    --tw-text-opacity: 0;
-  }
-
-  .md\:text-opacity-5 {
-    --tw-text-opacity: 0.05;
-  }
-
-  .md\:text-opacity-10 {
-    --tw-text-opacity: 0.1;
-  }
-
-  .md\:text-opacity-20 {
-    --tw-text-opacity: 0.2;
-  }
-
-  .md\:text-opacity-25 {
-    --tw-text-opacity: 0.25;
-  }
-
-  .md\:text-opacity-30 {
-    --tw-text-opacity: 0.3;
-  }
-
-  .md\:text-opacity-40 {
-    --tw-text-opacity: 0.4;
-  }
-
-  .md\:text-opacity-50 {
-    --tw-text-opacity: 0.5;
-  }
-
-  .md\:text-opacity-60 {
-    --tw-text-opacity: 0.6;
-  }
-
-  .md\:text-opacity-70 {
-    --tw-text-opacity: 0.7;
-  }
-
-  .md\:text-opacity-75 {
-    --tw-text-opacity: 0.75;
-  }
-
-  .md\:text-opacity-80 {
-    --tw-text-opacity: 0.8;
-  }
-
-  .md\:text-opacity-90 {
-    --tw-text-opacity: 0.9;
-  }
-
-  .md\:text-opacity-95 {
-    --tw-text-opacity: 0.95;
-  }
-
-  .md\:text-opacity-100 {
-    --tw-text-opacity: 1;
-  }
-
-  .group:hover .md\:group-hover\:text-opacity-0 {
-    --tw-text-opacity: 0;
-  }
-
-  .group:hover .md\:group-hover\:text-opacity-5 {
-    --tw-text-opacity: 0.05;
-  }
-
-  .group:hover .md\:group-hover\:text-opacity-10 {
-    --tw-text-opacity: 0.1;
-  }
-
-  .group:hover .md\:group-hover\:text-opacity-20 {
-    --tw-text-opacity: 0.2;
-  }
-
-  .group:hover .md\:group-hover\:text-opacity-25 {
-    --tw-text-opacity: 0.25;
-  }
-
-  .group:hover .md\:group-hover\:text-opacity-30 {
-    --tw-text-opacity: 0.3;
-  }
-
-  .group:hover .md\:group-hover\:text-opacity-40 {
-    --tw-text-opacity: 0.4;
-  }
-
-  .group:hover .md\:group-hover\:text-opacity-50 {
-    --tw-text-opacity: 0.5;
-  }
-
-  .group:hover .md\:group-hover\:text-opacity-60 {
-    --tw-text-opacity: 0.6;
-  }
-
-  .group:hover .md\:group-hover\:text-opacity-70 {
-    --tw-text-opacity: 0.7;
-  }
-
-  .group:hover .md\:group-hover\:text-opacity-75 {
-    --tw-text-opacity: 0.75;
-  }
-
-  .group:hover .md\:group-hover\:text-opacity-80 {
-    --tw-text-opacity: 0.8;
-  }
-
-  .group:hover .md\:group-hover\:text-opacity-90 {
-    --tw-text-opacity: 0.9;
-  }
-
-  .group:hover .md\:group-hover\:text-opacity-95 {
-    --tw-text-opacity: 0.95;
-  }
-
-  .group:hover .md\:group-hover\:text-opacity-100 {
-    --tw-text-opacity: 1;
-  }
-
-  .md\:focus-within\:text-opacity-0:focus-within {
-    --tw-text-opacity: 0;
-  }
-
-  .md\:focus-within\:text-opacity-5:focus-within {
-    --tw-text-opacity: 0.05;
-  }
-
-  .md\:focus-within\:text-opacity-10:focus-within {
-    --tw-text-opacity: 0.1;
-  }
-
-  .md\:focus-within\:text-opacity-20:focus-within {
-    --tw-text-opacity: 0.2;
-  }
-
-  .md\:focus-within\:text-opacity-25:focus-within {
-    --tw-text-opacity: 0.25;
-  }
-
-  .md\:focus-within\:text-opacity-30:focus-within {
-    --tw-text-opacity: 0.3;
-  }
-
-  .md\:focus-within\:text-opacity-40:focus-within {
-    --tw-text-opacity: 0.4;
-  }
-
-  .md\:focus-within\:text-opacity-50:focus-within {
-    --tw-text-opacity: 0.5;
-  }
-
-  .md\:focus-within\:text-opacity-60:focus-within {
-    --tw-text-opacity: 0.6;
-  }
-
-  .md\:focus-within\:text-opacity-70:focus-within {
-    --tw-text-opacity: 0.7;
-  }
-
-  .md\:focus-within\:text-opacity-75:focus-within {
-    --tw-text-opacity: 0.75;
-  }
-
-  .md\:focus-within\:text-opacity-80:focus-within {
-    --tw-text-opacity: 0.8;
-  }
-
-  .md\:focus-within\:text-opacity-90:focus-within {
-    --tw-text-opacity: 0.9;
-  }
-
-  .md\:focus-within\:text-opacity-95:focus-within {
-    --tw-text-opacity: 0.95;
-  }
-
-  .md\:focus-within\:text-opacity-100:focus-within {
-    --tw-text-opacity: 1;
-  }
-
-  .md\:hover\:text-opacity-0:hover {
-    --tw-text-opacity: 0;
-  }
-
-  .md\:hover\:text-opacity-5:hover {
-    --tw-text-opacity: 0.05;
-  }
-
-  .md\:hover\:text-opacity-10:hover {
-    --tw-text-opacity: 0.1;
-  }
-
-  .md\:hover\:text-opacity-20:hover {
-    --tw-text-opacity: 0.2;
-  }
-
-  .md\:hover\:text-opacity-25:hover {
-    --tw-text-opacity: 0.25;
-  }
-
-  .md\:hover\:text-opacity-30:hover {
-    --tw-text-opacity: 0.3;
-  }
-
-  .md\:hover\:text-opacity-40:hover {
-    --tw-text-opacity: 0.4;
-  }
-
-  .md\:hover\:text-opacity-50:hover {
-    --tw-text-opacity: 0.5;
-  }
-
-  .md\:hover\:text-opacity-60:hover {
-    --tw-text-opacity: 0.6;
-  }
-
-  .md\:hover\:text-opacity-70:hover {
-    --tw-text-opacity: 0.7;
-  }
-
-  .md\:hover\:text-opacity-75:hover {
-    --tw-text-opacity: 0.75;
-  }
-
-  .md\:hover\:text-opacity-80:hover {
-    --tw-text-opacity: 0.8;
-  }
-
-  .md\:hover\:text-opacity-90:hover {
-    --tw-text-opacity: 0.9;
-  }
-
-  .md\:hover\:text-opacity-95:hover {
-    --tw-text-opacity: 0.95;
-  }
-
-  .md\:hover\:text-opacity-100:hover {
-    --tw-text-opacity: 1;
-  }
-
-  .md\:focus\:text-opacity-0:focus {
-    --tw-text-opacity: 0;
-  }
-
-  .md\:focus\:text-opacity-5:focus {
-    --tw-text-opacity: 0.05;
-  }
-
-  .md\:focus\:text-opacity-10:focus {
-    --tw-text-opacity: 0.1;
-  }
-
-  .md\:focus\:text-opacity-20:focus {
-    --tw-text-opacity: 0.2;
-  }
-
-  .md\:focus\:text-opacity-25:focus {
-    --tw-text-opacity: 0.25;
-  }
-
-  .md\:focus\:text-opacity-30:focus {
-    --tw-text-opacity: 0.3;
-  }
-
-  .md\:focus\:text-opacity-40:focus {
-    --tw-text-opacity: 0.4;
-  }
-
-  .md\:focus\:text-opacity-50:focus {
-    --tw-text-opacity: 0.5;
-  }
-
-  .md\:focus\:text-opacity-60:focus {
-    --tw-text-opacity: 0.6;
-  }
-
-  .md\:focus\:text-opacity-70:focus {
-    --tw-text-opacity: 0.7;
-  }
-
-  .md\:focus\:text-opacity-75:focus {
-    --tw-text-opacity: 0.75;
-  }
-
-  .md\:focus\:text-opacity-80:focus {
-    --tw-text-opacity: 0.8;
-  }
-
-  .md\:focus\:text-opacity-90:focus {
-    --tw-text-opacity: 0.9;
-  }
-
-  .md\:focus\:text-opacity-95:focus {
-    --tw-text-opacity: 0.95;
-  }
-
-  .md\:focus\:text-opacity-100:focus {
-    --tw-text-opacity: 1;
-  }
-
-  .md\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .md\:overflow-ellipsis {
-    text-overflow: ellipsis;
-  }
-
-  .md\:overflow-clip {
-    text-overflow: clip;
-  }
-
-  .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;
-  }
-
-  .md\:focus-within\:underline:focus-within {
-    text-decoration: underline;
-  }
-
-  .md\:focus-within\:line-through:focus-within {
-    text-decoration: line-through;
-  }
-
-  .md\:focus-within\:no-underline:focus-within {
-    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 {
-    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
-    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
-    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
-    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
-    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
-    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
-  }
-
-  .md\:normal-nums {
-    font-variant-numeric: normal;
-  }
-
-  .md\:ordinal {
-    --tw-ordinal: ordinal;
-  }
-
-  .md\:slashed-zero {
-    --tw-slashed-zero: slashed-zero;
-  }
-
-  .md\:lining-nums {
-    --tw-numeric-figure: lining-nums;
-  }
-
-  .md\:oldstyle-nums {
-    --tw-numeric-figure: oldstyle-nums;
-  }
-
-  .md\:proportional-nums {
-    --tw-numeric-spacing: proportional-nums;
-  }
-
-  .md\:tabular-nums {
-    --tw-numeric-spacing: tabular-nums;
-  }
-
-  .md\:diagonal-fractions {
-    --tw-numeric-fraction: diagonal-fractions;
-  }
-
-  .md\:stacked-fractions {
-    --tw-numeric-fraction: stacked-fractions;
-  }
-
-  .md\:tracking-tighter {
-    letter-spacing: -0.02em;
-  }
-
-  .md\:tracking-tight {
-    letter-spacing: -1px;
-  }
-
-  .md\:tracking-normal {
-    letter-spacing: 0em;
-  }
-
-  .md\:tracking-wide {
-    letter-spacing: 0.03em;
-  }
-
-  .md\:tracking-wider {
-    letter-spacing: 0.08em;
-  }
-
-  .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-nowrap {
-    white-space: nowrap;
-  }
-
-  .md\:whitespace-pre {
-    white-space: pre;
-  }
-
-  .md\:whitespace-pre-line {
-    white-space: pre-line;
-  }
-
-  .md\:whitespace-pre-wrap {
-    white-space: pre-wrap;
-  }
-
-  .md\:break-normal {
-    overflow-wrap: normal;
-    word-break: normal;
-  }
-
-  .md\:break-words {
-    overflow-wrap: break-word;
-  }
-
-  .md\:break-all {
-    word-break: break-all;
-  }
-
-  .md\:w-0 {
-    width: 0px;
-  }
-
-  .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-14 {
-    width: 3.5rem;
-  }
-
-  .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\: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 {
-    gap: 0px;
-  }
-
-  .md\:gap-1 {
-    gap: 0.25rem;
-  }
-
-  .md\:gap-2 {
-    gap: 0.5rem;
-  }
-
-  .md\:gap-3 {
-    gap: 0.75rem;
-  }
-
-  .md\:gap-4 {
-    gap: 1rem;
-  }
-
-  .md\:gap-5 {
-    gap: 1.25rem;
-  }
-
-  .md\:gap-6 {
-    gap: 1.5rem;
-  }
-
-  .md\:gap-7 {
-    gap: 1.75rem;
-  }
-
-  .md\:gap-8 {
-    gap: 2rem;
-  }
-
-  .md\:gap-9 {
-    gap: 2.25rem;
-  }
-
-  .md\:gap-10 {
-    gap: 2.5rem;
-  }
-
-  .md\:gap-11 {
-    gap: 2.75rem;
-  }
-
-  .md\:gap-12 {
-    gap: 3rem;
-  }
-
-  .md\:gap-14 {
-    gap: 3.5rem;
-  }
-
-  .md\:gap-16 {
-    gap: 4rem;
-  }
-
-  .md\:gap-20 {
-    gap: 5rem;
-  }
-
-  .md\:gap-24 {
-    gap: 6rem;
-  }
-
-  .md\:gap-28 {
-    gap: 7rem;
-  }
-
-  .md\:gap-32 {
-    gap: 8rem;
-  }
-
-  .md\:gap-36 {
-    gap: 9rem;
-  }
-
-  .md\:gap-40 {
-    gap: 10rem;
-  }
-
-  .md\:gap-44 {
-    gap: 11rem;
-  }
-
-  .md\:gap-48 {
-    gap: 12rem;
-  }
-
-  .md\:gap-52 {
-    gap: 13rem;
-  }
-
-  .md\:gap-56 {
-    gap: 14rem;
-  }
-
-  .md\:gap-60 {
-    gap: 15rem;
-  }
-
-  .md\:gap-64 {
-    gap: 16rem;
-  }
-
-  .md\:gap-72 {
-    gap: 18rem;
-  }
-
-  .md\:gap-80 {
-    gap: 20rem;
-  }
-
-  .md\:gap-96 {
-    gap: 24rem;
-  }
-
-  .md\:gap-px {
-    gap: 1px;
-  }
-
-  .md\:gap-0\.5 {
-    gap: 0.125rem;
-  }
-
-  .md\:gap-1\.5 {
-    gap: 0.375rem;
-  }
-
-  .md\:gap-2\.5 {
-    gap: 0.625rem;
-  }
-
-  .md\:gap-3\.5 {
-    gap: 0.875rem;
-  }
-
-  .md\:gap-x-0 {
-    -moz-column-gap: 0px;
-         column-gap: 0px;
-  }
-
-  .md\:gap-x-1 {
-    -moz-column-gap: 0.25rem;
-         column-gap: 0.25rem;
-  }
-
-  .md\:gap-x-2 {
-    -moz-column-gap: 0.5rem;
-         column-gap: 0.5rem;
-  }
-
-  .md\:gap-x-3 {
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem;
-  }
-
-  .md\:gap-x-4 {
-    -moz-column-gap: 1rem;
-         column-gap: 1rem;
-  }
-
-  .md\:gap-x-5 {
-    -moz-column-gap: 1.25rem;
-         column-gap: 1.25rem;
-  }
-
-  .md\:gap-x-6 {
-    -moz-column-gap: 1.5rem;
-         column-gap: 1.5rem;
-  }
-
-  .md\:gap-x-7 {
-    -moz-column-gap: 1.75rem;
-         column-gap: 1.75rem;
-  }
-
-  .md\:gap-x-8 {
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
-  }
-
-  .md\:gap-x-9 {
-    -moz-column-gap: 2.25rem;
-         column-gap: 2.25rem;
-  }
-
-  .md\:gap-x-10 {
-    -moz-column-gap: 2.5rem;
-         column-gap: 2.5rem;
-  }
-
-  .md\:gap-x-11 {
-    -moz-column-gap: 2.75rem;
-         column-gap: 2.75rem;
-  }
-
-  .md\:gap-x-12 {
-    -moz-column-gap: 3rem;
-         column-gap: 3rem;
-  }
-
-  .md\:gap-x-14 {
-    -moz-column-gap: 3.5rem;
-         column-gap: 3.5rem;
-  }
-
-  .md\:gap-x-16 {
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
-  }
-
-  .md\:gap-x-20 {
-    -moz-column-gap: 5rem;
-         column-gap: 5rem;
-  }
-
-  .md\:gap-x-24 {
-    -moz-column-gap: 6rem;
-         column-gap: 6rem;
-  }
-
-  .md\:gap-x-28 {
-    -moz-column-gap: 7rem;
-         column-gap: 7rem;
-  }
-
-  .md\:gap-x-32 {
-    -moz-column-gap: 8rem;
-         column-gap: 8rem;
-  }
-
-  .md\:gap-x-36 {
-    -moz-column-gap: 9rem;
-         column-gap: 9rem;
-  }
-
-  .md\:gap-x-40 {
-    -moz-column-gap: 10rem;
-         column-gap: 10rem;
-  }
-
-  .md\:gap-x-44 {
-    -moz-column-gap: 11rem;
-         column-gap: 11rem;
-  }
-
-  .md\:gap-x-48 {
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .md\:gap-x-52 {
-    -moz-column-gap: 13rem;
-         column-gap: 13rem;
-  }
-
-  .md\:gap-x-56 {
-    -moz-column-gap: 14rem;
-         column-gap: 14rem;
-  }
-
-  .md\:gap-x-60 {
-    -moz-column-gap: 15rem;
-         column-gap: 15rem;
-  }
-
-  .md\:gap-x-64 {
-    -moz-column-gap: 16rem;
-         column-gap: 16rem;
-  }
-
-  .md\:gap-x-72 {
-    -moz-column-gap: 18rem;
-         column-gap: 18rem;
-  }
-
-  .md\:gap-x-80 {
-    -moz-column-gap: 20rem;
-         column-gap: 20rem;
-  }
-
-  .md\:gap-x-96 {
-    -moz-column-gap: 24rem;
-         column-gap: 24rem;
-  }
-
-  .md\:gap-x-px {
-    -moz-column-gap: 1px;
-         column-gap: 1px;
-  }
-
-  .md\:gap-x-0\.5 {
-    -moz-column-gap: 0.125rem;
-         column-gap: 0.125rem;
-  }
-
-  .md\:gap-x-1\.5 {
-    -moz-column-gap: 0.375rem;
-         column-gap: 0.375rem;
-  }
-
-  .md\:gap-x-2\.5 {
-    -moz-column-gap: 0.625rem;
-         column-gap: 0.625rem;
-  }
-
-  .md\:gap-x-3\.5 {
-    -moz-column-gap: 0.875rem;
-         column-gap: 0.875rem;
-  }
-
-  .md\:gap-y-0 {
-    row-gap: 0px;
-  }
-
-  .md\:gap-y-1 {
-    row-gap: 0.25rem;
-  }
-
-  .md\:gap-y-2 {
-    row-gap: 0.5rem;
-  }
-
-  .md\:gap-y-3 {
-    row-gap: 0.75rem;
-  }
-
-  .md\:gap-y-4 {
-    row-gap: 1rem;
-  }
-
-  .md\:gap-y-5 {
-    row-gap: 1.25rem;
-  }
-
-  .md\:gap-y-6 {
-    row-gap: 1.5rem;
-  }
-
-  .md\:gap-y-7 {
-    row-gap: 1.75rem;
-  }
-
-  .md\:gap-y-8 {
-    row-gap: 2rem;
-  }
-
-  .md\:gap-y-9 {
-    row-gap: 2.25rem;
-  }
-
-  .md\:gap-y-10 {
-    row-gap: 2.5rem;
-  }
-
-  .md\:gap-y-11 {
-    row-gap: 2.75rem;
-  }
-
-  .md\:gap-y-12 {
-    row-gap: 3rem;
-  }
-
-  .md\:gap-y-14 {
-    row-gap: 3.5rem;
-  }
-
-  .md\:gap-y-16 {
-    row-gap: 4rem;
-  }
-
-  .md\:gap-y-20 {
-    row-gap: 5rem;
-  }
-
-  .md\:gap-y-24 {
-    row-gap: 6rem;
-  }
-
-  .md\:gap-y-28 {
-    row-gap: 7rem;
-  }
-
-  .md\:gap-y-32 {
-    row-gap: 8rem;
-  }
-
-  .md\:gap-y-36 {
-    row-gap: 9rem;
-  }
-
-  .md\:gap-y-40 {
-    row-gap: 10rem;
-  }
-
-  .md\:gap-y-44 {
-    row-gap: 11rem;
-  }
-
-  .md\:gap-y-48 {
-    row-gap: 12rem;
-  }
-
-  .md\:gap-y-52 {
-    row-gap: 13rem;
-  }
-
-  .md\:gap-y-56 {
-    row-gap: 14rem;
-  }
-
-  .md\:gap-y-60 {
-    row-gap: 15rem;
-  }
-
-  .md\:gap-y-64 {
-    row-gap: 16rem;
-  }
-
-  .md\:gap-y-72 {
-    row-gap: 18rem;
-  }
-
-  .md\:gap-y-80 {
-    row-gap: 20rem;
-  }
-
-  .md\:gap-y-96 {
-    row-gap: 24rem;
-  }
-
-  .md\:gap-y-px {
-    row-gap: 1px;
-  }
-
-  .md\:gap-y-0\.5 {
-    row-gap: 0.125rem;
-  }
-
-  .md\:gap-y-1\.5 {
-    row-gap: 0.375rem;
-  }
-
-  .md\:gap-y-2\.5 {
-    row-gap: 0.625rem;
-  }
-
-  .md\:gap-y-3\.5 {
-    row-gap: 0.875rem;
-  }
-
-  .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 {
-    --tw-translate-x: 0;
-    --tw-translate-y: 0;
-    --tw-rotate: 0;
-    --tw-skew-x: 0;
-    --tw-skew-y: 0;
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
-
-  .md\:transform-gpu {
-    --tw-translate-x: 0;
-    --tw-translate-y: 0;
-    --tw-rotate: 0;
-    --tw-skew-x: 0;
-    --tw-skew-y: 0;
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-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 {
-    --tw-scale-x: 0;
-    --tw-scale-y: 0;
-  }
-
-  .md\:scale-50 {
-    --tw-scale-x: .5;
-    --tw-scale-y: .5;
-  }
-
-  .md\:scale-75 {
-    --tw-scale-x: .75;
-    --tw-scale-y: .75;
-  }
-
-  .md\:scale-90 {
-    --tw-scale-x: .9;
-    --tw-scale-y: .9;
-  }
-
-  .md\:scale-95 {
-    --tw-scale-x: .95;
-    --tw-scale-y: .95;
-  }
-
-  .md\:scale-100 {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-  }
-
-  .md\:scale-105 {
-    --tw-scale-x: 1.05;
-    --tw-scale-y: 1.05;
-  }
-
-  .md\:scale-110 {
-    --tw-scale-x: 1.1;
-    --tw-scale-y: 1.1;
-  }
-
-  .md\:scale-125 {
-    --tw-scale-x: 1.25;
-    --tw-scale-y: 1.25;
-  }
-
-  .md\:scale-150 {
-    --tw-scale-x: 1.5;
-    --tw-scale-y: 1.5;
-  }
-
-  .md\:scale-x-0 {
-    --tw-scale-x: 0;
-  }
-
-  .md\:scale-x-50 {
-    --tw-scale-x: .5;
-  }
-
-  .md\:scale-x-75 {
-    --tw-scale-x: .75;
-  }
-
-  .md\:scale-x-90 {
-    --tw-scale-x: .9;
-  }
-
-  .md\:scale-x-95 {
-    --tw-scale-x: .95;
-  }
-
-  .md\:scale-x-100 {
-    --tw-scale-x: 1;
-  }
-
-  .md\:scale-x-105 {
-    --tw-scale-x: 1.05;
-  }
-
-  .md\:scale-x-110 {
-    --tw-scale-x: 1.1;
-  }
-
-  .md\:scale-x-125 {
-    --tw-scale-x: 1.25;
-  }
-
-  .md\:scale-x-150 {
-    --tw-scale-x: 1.5;
-  }
-
-  .md\:scale-y-0 {
-    --tw-scale-y: 0;
-  }
-
-  .md\:scale-y-50 {
-    --tw-scale-y: .5;
-  }
-
-  .md\:scale-y-75 {
-    --tw-scale-y: .75;
-  }
-
-  .md\:scale-y-90 {
-    --tw-scale-y: .9;
-  }
-
-  .md\:scale-y-95 {
-    --tw-scale-y: .95;
-  }
-
-  .md\:scale-y-100 {
-    --tw-scale-y: 1;
-  }
-
-  .md\:scale-y-105 {
-    --tw-scale-y: 1.05;
-  }
-
-  .md\:scale-y-110 {
-    --tw-scale-y: 1.1;
-  }
-
-  .md\:scale-y-125 {
-    --tw-scale-y: 1.25;
-  }
-
-  .md\:scale-y-150 {
-    --tw-scale-y: 1.5;
-  }
-
-  .md\:hover\:scale-0:hover {
-    --tw-scale-x: 0;
-    --tw-scale-y: 0;
-  }
-
-  .md\:hover\:scale-50:hover {
-    --tw-scale-x: .5;
-    --tw-scale-y: .5;
-  }
-
-  .md\:hover\:scale-75:hover {
-    --tw-scale-x: .75;
-    --tw-scale-y: .75;
-  }
-
-  .md\:hover\:scale-90:hover {
-    --tw-scale-x: .9;
-    --tw-scale-y: .9;
-  }
-
-  .md\:hover\:scale-95:hover {
-    --tw-scale-x: .95;
-    --tw-scale-y: .95;
-  }
-
-  .md\:hover\:scale-100:hover {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-  }
-
-  .md\:hover\:scale-105:hover {
-    --tw-scale-x: 1.05;
-    --tw-scale-y: 1.05;
-  }
-
-  .md\:hover\:scale-110:hover {
-    --tw-scale-x: 1.1;
-    --tw-scale-y: 1.1;
-  }
-
-  .md\:hover\:scale-125:hover {
-    --tw-scale-x: 1.25;
-    --tw-scale-y: 1.25;
-  }
-
-  .md\:hover\:scale-150:hover {
-    --tw-scale-x: 1.5;
-    --tw-scale-y: 1.5;
-  }
-
-  .md\:hover\:scale-x-0:hover {
-    --tw-scale-x: 0;
-  }
-
-  .md\:hover\:scale-x-50:hover {
-    --tw-scale-x: .5;
-  }
-
-  .md\:hover\:scale-x-75:hover {
-    --tw-scale-x: .75;
-  }
-
-  .md\:hover\:scale-x-90:hover {
-    --tw-scale-x: .9;
-  }
-
-  .md\:hover\:scale-x-95:hover {
-    --tw-scale-x: .95;
-  }
-
-  .md\:hover\:scale-x-100:hover {
-    --tw-scale-x: 1;
-  }
-
-  .md\:hover\:scale-x-105:hover {
-    --tw-scale-x: 1.05;
-  }
-
-  .md\:hover\:scale-x-110:hover {
-    --tw-scale-x: 1.1;
-  }
-
-  .md\:hover\:scale-x-125:hover {
-    --tw-scale-x: 1.25;
-  }
-
-  .md\:hover\:scale-x-150:hover {
-    --tw-scale-x: 1.5;
-  }
-
-  .md\:hover\:scale-y-0:hover {
-    --tw-scale-y: 0;
-  }
-
-  .md\:hover\:scale-y-50:hover {
-    --tw-scale-y: .5;
-  }
-
-  .md\:hover\:scale-y-75:hover {
-    --tw-scale-y: .75;
-  }
-
-  .md\:hover\:scale-y-90:hover {
-    --tw-scale-y: .9;
-  }
-
-  .md\:hover\:scale-y-95:hover {
-    --tw-scale-y: .95;
-  }
-
-  .md\:hover\:scale-y-100:hover {
-    --tw-scale-y: 1;
-  }
-
-  .md\:hover\:scale-y-105:hover {
-    --tw-scale-y: 1.05;
-  }
-
-  .md\:hover\:scale-y-110:hover {
-    --tw-scale-y: 1.1;
-  }
-
-  .md\:hover\:scale-y-125:hover {
-    --tw-scale-y: 1.25;
-  }
-
-  .md\:hover\:scale-y-150:hover {
-    --tw-scale-y: 1.5;
-  }
-
-  .md\:focus\:scale-0:focus {
-    --tw-scale-x: 0;
-    --tw-scale-y: 0;
-  }
-
-  .md\:focus\:scale-50:focus {
-    --tw-scale-x: .5;
-    --tw-scale-y: .5;
-  }
-
-  .md\:focus\:scale-75:focus {
-    --tw-scale-x: .75;
-    --tw-scale-y: .75;
-  }
-
-  .md\:focus\:scale-90:focus {
-    --tw-scale-x: .9;
-    --tw-scale-y: .9;
-  }
-
-  .md\:focus\:scale-95:focus {
-    --tw-scale-x: .95;
-    --tw-scale-y: .95;
-  }
-
-  .md\:focus\:scale-100:focus {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-  }
-
-  .md\:focus\:scale-105:focus {
-    --tw-scale-x: 1.05;
-    --tw-scale-y: 1.05;
-  }
-
-  .md\:focus\:scale-110:focus {
-    --tw-scale-x: 1.1;
-    --tw-scale-y: 1.1;
-  }
-
-  .md\:focus\:scale-125:focus {
-    --tw-scale-x: 1.25;
-    --tw-scale-y: 1.25;
-  }
-
-  .md\:focus\:scale-150:focus {
-    --tw-scale-x: 1.5;
-    --tw-scale-y: 1.5;
-  }
-
-  .md\:focus\:scale-x-0:focus {
-    --tw-scale-x: 0;
-  }
-
-  .md\:focus\:scale-x-50:focus {
-    --tw-scale-x: .5;
-  }
-
-  .md\:focus\:scale-x-75:focus {
-    --tw-scale-x: .75;
-  }
-
-  .md\:focus\:scale-x-90:focus {
-    --tw-scale-x: .9;
-  }
-
-  .md\:focus\:scale-x-95:focus {
-    --tw-scale-x: .95;
-  }
-
-  .md\:focus\:scale-x-100:focus {
-    --tw-scale-x: 1;
-  }
-
-  .md\:focus\:scale-x-105:focus {
-    --tw-scale-x: 1.05;
-  }
-
-  .md\:focus\:scale-x-110:focus {
-    --tw-scale-x: 1.1;
-  }
-
-  .md\:focus\:scale-x-125:focus {
-    --tw-scale-x: 1.25;
-  }
-
-  .md\:focus\:scale-x-150:focus {
-    --tw-scale-x: 1.5;
-  }
-
-  .md\:focus\:scale-y-0:focus {
-    --tw-scale-y: 0;
-  }
-
-  .md\:focus\:scale-y-50:focus {
-    --tw-scale-y: .5;
-  }
-
-  .md\:focus\:scale-y-75:focus {
-    --tw-scale-y: .75;
-  }
-
-  .md\:focus\:scale-y-90:focus {
-    --tw-scale-y: .9;
-  }
-
-  .md\:focus\:scale-y-95:focus {
-    --tw-scale-y: .95;
-  }
-
-  .md\:focus\:scale-y-100:focus {
-    --tw-scale-y: 1;
-  }
-
-  .md\:focus\:scale-y-105:focus {
-    --tw-scale-y: 1.05;
-  }
-
-  .md\:focus\:scale-y-110:focus {
-    --tw-scale-y: 1.1;
-  }
-
-  .md\:focus\:scale-y-125:focus {
-    --tw-scale-y: 1.25;
-  }
-
-  .md\:focus\:scale-y-150:focus {
-    --tw-scale-y: 1.5;
-  }
-
-  .md\:rotate-0 {
-    --tw-rotate: 0deg;
-  }
-
-  .md\:rotate-1 {
-    --tw-rotate: 1deg;
-  }
-
-  .md\:rotate-2 {
-    --tw-rotate: 2deg;
-  }
-
-  .md\:rotate-3 {
-    --tw-rotate: 3deg;
-  }
-
-  .md\:rotate-6 {
-    --tw-rotate: 6deg;
-  }
-
-  .md\:rotate-12 {
-    --tw-rotate: 12deg;
-  }
-
-  .md\:rotate-45 {
-    --tw-rotate: 45deg;
-  }
-
-  .md\:rotate-90 {
-    --tw-rotate: 90deg;
-  }
-
-  .md\:rotate-180 {
-    --tw-rotate: 180deg;
-  }
-
-  .md\:-rotate-180 {
-    --tw-rotate: -180deg;
-  }
-
-  .md\:-rotate-90 {
-    --tw-rotate: -90deg;
-  }
-
-  .md\:-rotate-45 {
-    --tw-rotate: -45deg;
-  }
-
-  .md\:-rotate-12 {
-    --tw-rotate: -12deg;
-  }
-
-  .md\:-rotate-6 {
-    --tw-rotate: -6deg;
-  }
-
-  .md\:-rotate-3 {
-    --tw-rotate: -3deg;
-  }
-
-  .md\:-rotate-2 {
-    --tw-rotate: -2deg;
-  }
-
-  .md\:-rotate-1 {
-    --tw-rotate: -1deg;
-  }
-
-  .md\:hover\:rotate-0:hover {
-    --tw-rotate: 0deg;
-  }
-
-  .md\:hover\:rotate-1:hover {
-    --tw-rotate: 1deg;
-  }
-
-  .md\:hover\:rotate-2:hover {
-    --tw-rotate: 2deg;
-  }
-
-  .md\:hover\:rotate-3:hover {
-    --tw-rotate: 3deg;
-  }
-
-  .md\:hover\:rotate-6:hover {
-    --tw-rotate: 6deg;
-  }
-
-  .md\:hover\:rotate-12:hover {
-    --tw-rotate: 12deg;
-  }
-
-  .md\:hover\:rotate-45:hover {
-    --tw-rotate: 45deg;
-  }
-
-  .md\:hover\:rotate-90:hover {
-    --tw-rotate: 90deg;
-  }
-
-  .md\:hover\:rotate-180:hover {
-    --tw-rotate: 180deg;
-  }
-
-  .md\:hover\:-rotate-180:hover {
-    --tw-rotate: -180deg;
-  }
-
-  .md\:hover\:-rotate-90:hover {
-    --tw-rotate: -90deg;
-  }
-
-  .md\:hover\:-rotate-45:hover {
-    --tw-rotate: -45deg;
-  }
-
-  .md\:hover\:-rotate-12:hover {
-    --tw-rotate: -12deg;
-  }
-
-  .md\:hover\:-rotate-6:hover {
-    --tw-rotate: -6deg;
-  }
-
-  .md\:hover\:-rotate-3:hover {
-    --tw-rotate: -3deg;
-  }
-
-  .md\:hover\:-rotate-2:hover {
-    --tw-rotate: -2deg;
-  }
-
-  .md\:hover\:-rotate-1:hover {
-    --tw-rotate: -1deg;
-  }
-
-  .md\:focus\:rotate-0:focus {
-    --tw-rotate: 0deg;
-  }
-
-  .md\:focus\:rotate-1:focus {
-    --tw-rotate: 1deg;
-  }
-
-  .md\:focus\:rotate-2:focus {
-    --tw-rotate: 2deg;
-  }
-
-  .md\:focus\:rotate-3:focus {
-    --tw-rotate: 3deg;
-  }
-
-  .md\:focus\:rotate-6:focus {
-    --tw-rotate: 6deg;
-  }
-
-  .md\:focus\:rotate-12:focus {
-    --tw-rotate: 12deg;
-  }
-
-  .md\:focus\:rotate-45:focus {
-    --tw-rotate: 45deg;
-  }
-
-  .md\:focus\:rotate-90:focus {
-    --tw-rotate: 90deg;
-  }
-
-  .md\:focus\:rotate-180:focus {
-    --tw-rotate: 180deg;
-  }
-
-  .md\:focus\:-rotate-180:focus {
-    --tw-rotate: -180deg;
-  }
-
-  .md\:focus\:-rotate-90:focus {
-    --tw-rotate: -90deg;
-  }
-
-  .md\:focus\:-rotate-45:focus {
-    --tw-rotate: -45deg;
-  }
-
-  .md\:focus\:-rotate-12:focus {
-    --tw-rotate: -12deg;
-  }
-
-  .md\:focus\:-rotate-6:focus {
-    --tw-rotate: -6deg;
-  }
-
-  .md\:focus\:-rotate-3:focus {
-    --tw-rotate: -3deg;
-  }
-
-  .md\:focus\:-rotate-2:focus {
-    --tw-rotate: -2deg;
-  }
-
-  .md\:focus\:-rotate-1:focus {
-    --tw-rotate: -1deg;
-  }
-
-  .md\:translate-x-0 {
-    --tw-translate-x: 0px;
-  }
-
-  .md\:translate-x-1 {
-    --tw-translate-x: 0.25rem;
-  }
-
-  .md\:translate-x-2 {
-    --tw-translate-x: 0.5rem;
-  }
-
-  .md\:translate-x-3 {
-    --tw-translate-x: 0.75rem;
-  }
-
-  .md\:translate-x-4 {
-    --tw-translate-x: 1rem;
-  }
-
-  .md\:translate-x-5 {
-    --tw-translate-x: 1.25rem;
-  }
-
-  .md\:translate-x-6 {
-    --tw-translate-x: 1.5rem;
-  }
-
-  .md\:translate-x-7 {
-    --tw-translate-x: 1.75rem;
-  }
-
-  .md\:translate-x-8 {
-    --tw-translate-x: 2rem;
-  }
-
-  .md\:translate-x-9 {
-    --tw-translate-x: 2.25rem;
-  }
-
-  .md\:translate-x-10 {
-    --tw-translate-x: 2.5rem;
-  }
-
-  .md\:translate-x-11 {
-    --tw-translate-x: 2.75rem;
-  }
-
-  .md\:translate-x-12 {
-    --tw-translate-x: 3rem;
-  }
-
-  .md\:translate-x-14 {
-    --tw-translate-x: 3.5rem;
-  }
-
-  .md\:translate-x-16 {
-    --tw-translate-x: 4rem;
-  }
-
-  .md\:translate-x-20 {
-    --tw-translate-x: 5rem;
-  }
-
-  .md\:translate-x-24 {
-    --tw-translate-x: 6rem;
-  }
-
-  .md\:translate-x-28 {
-    --tw-translate-x: 7rem;
-  }
-
-  .md\:translate-x-32 {
-    --tw-translate-x: 8rem;
-  }
-
-  .md\:translate-x-36 {
-    --tw-translate-x: 9rem;
-  }
-
-  .md\:translate-x-40 {
-    --tw-translate-x: 10rem;
-  }
-
-  .md\:translate-x-44 {
-    --tw-translate-x: 11rem;
-  }
-
-  .md\:translate-x-48 {
-    --tw-translate-x: 12rem;
-  }
-
-  .md\:translate-x-52 {
-    --tw-translate-x: 13rem;
-  }
-
-  .md\:translate-x-56 {
-    --tw-translate-x: 14rem;
-  }
-
-  .md\:translate-x-60 {
-    --tw-translate-x: 15rem;
-  }
-
-  .md\:translate-x-64 {
-    --tw-translate-x: 16rem;
-  }
-
-  .md\:translate-x-72 {
-    --tw-translate-x: 18rem;
-  }
-
-  .md\:translate-x-80 {
-    --tw-translate-x: 20rem;
-  }
-
-  .md\:translate-x-96 {
-    --tw-translate-x: 24rem;
-  }
-
-  .md\:translate-x-px {
-    --tw-translate-x: 1px;
-  }
-
-  .md\:translate-x-0\.5 {
-    --tw-translate-x: 0.125rem;
-  }
-
-  .md\:translate-x-1\.5 {
-    --tw-translate-x: 0.375rem;
-  }
-
-  .md\:translate-x-2\.5 {
-    --tw-translate-x: 0.625rem;
-  }
-
-  .md\:translate-x-3\.5 {
-    --tw-translate-x: 0.875rem;
-  }
-
-  .md\:-translate-x-0 {
-    --tw-translate-x: 0px;
-  }
-
-  .md\:-translate-x-1 {
-    --tw-translate-x: -0.25rem;
-  }
-
-  .md\:-translate-x-2 {
-    --tw-translate-x: -0.5rem;
-  }
-
-  .md\:-translate-x-3 {
-    --tw-translate-x: -0.75rem;
-  }
-
-  .md\:-translate-x-4 {
-    --tw-translate-x: -1rem;
-  }
-
-  .md\:-translate-x-5 {
-    --tw-translate-x: -1.25rem;
-  }
-
-  .md\:-translate-x-6 {
-    --tw-translate-x: -1.5rem;
-  }
-
-  .md\:-translate-x-7 {
-    --tw-translate-x: -1.75rem;
-  }
-
-  .md\:-translate-x-8 {
-    --tw-translate-x: -2rem;
-  }
-
-  .md\:-translate-x-9 {
-    --tw-translate-x: -2.25rem;
-  }
-
-  .md\:-translate-x-10 {
-    --tw-translate-x: -2.5rem;
-  }
-
-  .md\:-translate-x-11 {
-    --tw-translate-x: -2.75rem;
-  }
-
-  .md\:-translate-x-12 {
-    --tw-translate-x: -3rem;
-  }
-
-  .md\:-translate-x-14 {
-    --tw-translate-x: -3.5rem;
-  }
-
-  .md\:-translate-x-16 {
-    --tw-translate-x: -4rem;
-  }
-
-  .md\:-translate-x-20 {
-    --tw-translate-x: -5rem;
-  }
-
-  .md\:-translate-x-24 {
-    --tw-translate-x: -6rem;
-  }
-
-  .md\:-translate-x-28 {
-    --tw-translate-x: -7rem;
-  }
-
-  .md\:-translate-x-32 {
-    --tw-translate-x: -8rem;
-  }
-
-  .md\:-translate-x-36 {
-    --tw-translate-x: -9rem;
-  }
-
-  .md\:-translate-x-40 {
-    --tw-translate-x: -10rem;
-  }
-
-  .md\:-translate-x-44 {
-    --tw-translate-x: -11rem;
-  }
-
-  .md\:-translate-x-48 {
-    --tw-translate-x: -12rem;
-  }
-
-  .md\:-translate-x-52 {
-    --tw-translate-x: -13rem;
-  }
-
-  .md\:-translate-x-56 {
-    --tw-translate-x: -14rem;
-  }
-
-  .md\:-translate-x-60 {
-    --tw-translate-x: -15rem;
-  }
-
-  .md\:-translate-x-64 {
-    --tw-translate-x: -16rem;
-  }
-
-  .md\:-translate-x-72 {
-    --tw-translate-x: -18rem;
-  }
-
-  .md\:-translate-x-80 {
-    --tw-translate-x: -20rem;
-  }
-
-  .md\:-translate-x-96 {
-    --tw-translate-x: -24rem;
-  }
-
-  .md\:-translate-x-px {
-    --tw-translate-x: -1px;
-  }
-
-  .md\:-translate-x-0\.5 {
-    --tw-translate-x: -0.125rem;
-  }
-
-  .md\:-translate-x-1\.5 {
-    --tw-translate-x: -0.375rem;
-  }
-
-  .md\:-translate-x-2\.5 {
-    --tw-translate-x: -0.625rem;
-  }
-
-  .md\:-translate-x-3\.5 {
-    --tw-translate-x: -0.875rem;
-  }
-
-  .md\:translate-x-1\/2 {
-    --tw-translate-x: 50%;
-  }
-
-  .md\:translate-x-1\/3 {
-    --tw-translate-x: 33.333333%;
-  }
-
-  .md\:translate-x-2\/3 {
-    --tw-translate-x: 66.666667%;
-  }
-
-  .md\:translate-x-1\/4 {
-    --tw-translate-x: 25%;
-  }
-
-  .md\:translate-x-2\/4 {
-    --tw-translate-x: 50%;
-  }
-
-  .md\:translate-x-3\/4 {
-    --tw-translate-x: 75%;
-  }
-
-  .md\:translate-x-full {
-    --tw-translate-x: 100%;
-  }
-
-  .md\:-translate-x-1\/2 {
-    --tw-translate-x: -50%;
-  }
-
-  .md\:-translate-x-1\/3 {
-    --tw-translate-x: -33.333333%;
-  }
-
-  .md\:-translate-x-2\/3 {
-    --tw-translate-x: -66.666667%;
-  }
-
-  .md\:-translate-x-1\/4 {
-    --tw-translate-x: -25%;
-  }
-
-  .md\:-translate-x-2\/4 {
-    --tw-translate-x: -50%;
-  }
-
-  .md\:-translate-x-3\/4 {
-    --tw-translate-x: -75%;
-  }
-
-  .md\:-translate-x-full {
-    --tw-translate-x: -100%;
-  }
-
-  .md\:translate-y-0 {
-    --tw-translate-y: 0px;
-  }
-
-  .md\:translate-y-1 {
-    --tw-translate-y: 0.25rem;
-  }
-
-  .md\:translate-y-2 {
-    --tw-translate-y: 0.5rem;
-  }
-
-  .md\:translate-y-3 {
-    --tw-translate-y: 0.75rem;
-  }
-
-  .md\:translate-y-4 {
-    --tw-translate-y: 1rem;
-  }
-
-  .md\:translate-y-5 {
-    --tw-translate-y: 1.25rem;
-  }
-
-  .md\:translate-y-6 {
-    --tw-translate-y: 1.5rem;
-  }
-
-  .md\:translate-y-7 {
-    --tw-translate-y: 1.75rem;
-  }
-
-  .md\:translate-y-8 {
-    --tw-translate-y: 2rem;
-  }
-
-  .md\:translate-y-9 {
-    --tw-translate-y: 2.25rem;
-  }
-
-  .md\:translate-y-10 {
-    --tw-translate-y: 2.5rem;
-  }
-
-  .md\:translate-y-11 {
-    --tw-translate-y: 2.75rem;
-  }
-
-  .md\:translate-y-12 {
-    --tw-translate-y: 3rem;
-  }
-
-  .md\:translate-y-14 {
-    --tw-translate-y: 3.5rem;
-  }
-
-  .md\:translate-y-16 {
-    --tw-translate-y: 4rem;
-  }
-
-  .md\:translate-y-20 {
-    --tw-translate-y: 5rem;
-  }
-
-  .md\:translate-y-24 {
-    --tw-translate-y: 6rem;
-  }
-
-  .md\:translate-y-28 {
-    --tw-translate-y: 7rem;
-  }
-
-  .md\:translate-y-32 {
-    --tw-translate-y: 8rem;
-  }
-
-  .md\:translate-y-36 {
-    --tw-translate-y: 9rem;
-  }
-
-  .md\:translate-y-40 {
-    --tw-translate-y: 10rem;
-  }
-
-  .md\:translate-y-44 {
-    --tw-translate-y: 11rem;
-  }
-
-  .md\:translate-y-48 {
-    --tw-translate-y: 12rem;
-  }
-
-  .md\:translate-y-52 {
-    --tw-translate-y: 13rem;
-  }
-
-  .md\:translate-y-56 {
-    --tw-translate-y: 14rem;
-  }
-
-  .md\:translate-y-60 {
-    --tw-translate-y: 15rem;
-  }
-
-  .md\:translate-y-64 {
-    --tw-translate-y: 16rem;
-  }
-
-  .md\:translate-y-72 {
-    --tw-translate-y: 18rem;
-  }
-
-  .md\:translate-y-80 {
-    --tw-translate-y: 20rem;
-  }
-
-  .md\:translate-y-96 {
-    --tw-translate-y: 24rem;
-  }
-
-  .md\:translate-y-px {
-    --tw-translate-y: 1px;
-  }
-
-  .md\:translate-y-0\.5 {
-    --tw-translate-y: 0.125rem;
-  }
-
-  .md\:translate-y-1\.5 {
-    --tw-translate-y: 0.375rem;
-  }
-
-  .md\:translate-y-2\.5 {
-    --tw-translate-y: 0.625rem;
-  }
-
-  .md\:translate-y-3\.5 {
-    --tw-translate-y: 0.875rem;
-  }
-
-  .md\:-translate-y-0 {
-    --tw-translate-y: 0px;
-  }
-
-  .md\:-translate-y-1 {
-    --tw-translate-y: -0.25rem;
-  }
-
-  .md\:-translate-y-2 {
-    --tw-translate-y: -0.5rem;
-  }
-
-  .md\:-translate-y-3 {
-    --tw-translate-y: -0.75rem;
-  }
-
-  .md\:-translate-y-4 {
-    --tw-translate-y: -1rem;
-  }
-
-  .md\:-translate-y-5 {
-    --tw-translate-y: -1.25rem;
-  }
-
-  .md\:-translate-y-6 {
-    --tw-translate-y: -1.5rem;
-  }
-
-  .md\:-translate-y-7 {
-    --tw-translate-y: -1.75rem;
-  }
-
-  .md\:-translate-y-8 {
-    --tw-translate-y: -2rem;
-  }
-
-  .md\:-translate-y-9 {
-    --tw-translate-y: -2.25rem;
-  }
-
-  .md\:-translate-y-10 {
-    --tw-translate-y: -2.5rem;
-  }
-
-  .md\:-translate-y-11 {
-    --tw-translate-y: -2.75rem;
-  }
-
-  .md\:-translate-y-12 {
-    --tw-translate-y: -3rem;
-  }
-
-  .md\:-translate-y-14 {
-    --tw-translate-y: -3.5rem;
-  }
-
-  .md\:-translate-y-16 {
-    --tw-translate-y: -4rem;
-  }
-
-  .md\:-translate-y-20 {
-    --tw-translate-y: -5rem;
-  }
-
-  .md\:-translate-y-24 {
-    --tw-translate-y: -6rem;
-  }
-
-  .md\:-translate-y-28 {
-    --tw-translate-y: -7rem;
-  }
-
-  .md\:-translate-y-32 {
-    --tw-translate-y: -8rem;
-  }
-
-  .md\:-translate-y-36 {
-    --tw-translate-y: -9rem;
-  }
-
-  .md\:-translate-y-40 {
-    --tw-translate-y: -10rem;
-  }
-
-  .md\:-translate-y-44 {
-    --tw-translate-y: -11rem;
-  }
-
-  .md\:-translate-y-48 {
-    --tw-translate-y: -12rem;
-  }
-
-  .md\:-translate-y-52 {
-    --tw-translate-y: -13rem;
-  }
-
-  .md\:-translate-y-56 {
-    --tw-translate-y: -14rem;
-  }
-
-  .md\:-translate-y-60 {
-    --tw-translate-y: -15rem;
-  }
-
-  .md\:-translate-y-64 {
-    --tw-translate-y: -16rem;
-  }
-
-  .md\:-translate-y-72 {
-    --tw-translate-y: -18rem;
-  }
-
-  .md\:-translate-y-80 {
-    --tw-translate-y: -20rem;
-  }
-
-  .md\:-translate-y-96 {
-    --tw-translate-y: -24rem;
-  }
-
-  .md\:-translate-y-px {
-    --tw-translate-y: -1px;
-  }
-
-  .md\:-translate-y-0\.5 {
-    --tw-translate-y: -0.125rem;
-  }
-
-  .md\:-translate-y-1\.5 {
-    --tw-translate-y: -0.375rem;
-  }
-
-  .md\:-translate-y-2\.5 {
-    --tw-translate-y: -0.625rem;
-  }
-
-  .md\:-translate-y-3\.5 {
-    --tw-translate-y: -0.875rem;
-  }
-
-  .md\:translate-y-1\/2 {
-    --tw-translate-y: 50%;
-  }
-
-  .md\:translate-y-1\/3 {
-    --tw-translate-y: 33.333333%;
-  }
-
-  .md\:translate-y-2\/3 {
-    --tw-translate-y: 66.666667%;
-  }
-
-  .md\:translate-y-1\/4 {
-    --tw-translate-y: 25%;
-  }
-
-  .md\:translate-y-2\/4 {
-    --tw-translate-y: 50%;
-  }
-
-  .md\:translate-y-3\/4 {
-    --tw-translate-y: 75%;
-  }
-
-  .md\:translate-y-full {
-    --tw-translate-y: 100%;
-  }
-
-  .md\:-translate-y-1\/2 {
-    --tw-translate-y: -50%;
-  }
-
-  .md\:-translate-y-1\/3 {
-    --tw-translate-y: -33.333333%;
-  }
-
-  .md\:-translate-y-2\/3 {
-    --tw-translate-y: -66.666667%;
-  }
-
-  .md\:-translate-y-1\/4 {
-    --tw-translate-y: -25%;
-  }
-
-  .md\:-translate-y-2\/4 {
-    --tw-translate-y: -50%;
-  }
-
-  .md\:-translate-y-3\/4 {
-    --tw-translate-y: -75%;
-  }
-
-  .md\:-translate-y-full {
-    --tw-translate-y: -100%;
-  }
-
-  .md\:hover\:translate-x-0:hover {
-    --tw-translate-x: 0px;
-  }
-
-  .md\:hover\:translate-x-1:hover {
-    --tw-translate-x: 0.25rem;
-  }
-
-  .md\:hover\:translate-x-2:hover {
-    --tw-translate-x: 0.5rem;
-  }
-
-  .md\:hover\:translate-x-3:hover {
-    --tw-translate-x: 0.75rem;
-  }
-
-  .md\:hover\:translate-x-4:hover {
-    --tw-translate-x: 1rem;
-  }
-
-  .md\:hover\:translate-x-5:hover {
-    --tw-translate-x: 1.25rem;
-  }
-
-  .md\:hover\:translate-x-6:hover {
-    --tw-translate-x: 1.5rem;
-  }
-
-  .md\:hover\:translate-x-7:hover {
-    --tw-translate-x: 1.75rem;
-  }
-
-  .md\:hover\:translate-x-8:hover {
-    --tw-translate-x: 2rem;
-  }
-
-  .md\:hover\:translate-x-9:hover {
-    --tw-translate-x: 2.25rem;
-  }
-
-  .md\:hover\:translate-x-10:hover {
-    --tw-translate-x: 2.5rem;
-  }
-
-  .md\:hover\:translate-x-11:hover {
-    --tw-translate-x: 2.75rem;
-  }
-
-  .md\:hover\:translate-x-12:hover {
-    --tw-translate-x: 3rem;
-  }
-
-  .md\:hover\:translate-x-14:hover {
-    --tw-translate-x: 3.5rem;
-  }
-
-  .md\:hover\:translate-x-16:hover {
-    --tw-translate-x: 4rem;
-  }
-
-  .md\:hover\:translate-x-20:hover {
-    --tw-translate-x: 5rem;
-  }
-
-  .md\:hover\:translate-x-24:hover {
-    --tw-translate-x: 6rem;
-  }
-
-  .md\:hover\:translate-x-28:hover {
-    --tw-translate-x: 7rem;
-  }
-
-  .md\:hover\:translate-x-32:hover {
-    --tw-translate-x: 8rem;
-  }
-
-  .md\:hover\:translate-x-36:hover {
-    --tw-translate-x: 9rem;
-  }
-
-  .md\:hover\:translate-x-40:hover {
-    --tw-translate-x: 10rem;
-  }
-
-  .md\:hover\:translate-x-44:hover {
-    --tw-translate-x: 11rem;
-  }
-
-  .md\:hover\:translate-x-48:hover {
-    --tw-translate-x: 12rem;
-  }
-
-  .md\:hover\:translate-x-52:hover {
-    --tw-translate-x: 13rem;
-  }
-
-  .md\:hover\:translate-x-56:hover {
-    --tw-translate-x: 14rem;
-  }
-
-  .md\:hover\:translate-x-60:hover {
-    --tw-translate-x: 15rem;
-  }
-
-  .md\:hover\:translate-x-64:hover {
-    --tw-translate-x: 16rem;
-  }
-
-  .md\:hover\:translate-x-72:hover {
-    --tw-translate-x: 18rem;
-  }
-
-  .md\:hover\:translate-x-80:hover {
-    --tw-translate-x: 20rem;
-  }
-
-  .md\:hover\:translate-x-96:hover {
-    --tw-translate-x: 24rem;
-  }
-
-  .md\:hover\:translate-x-px:hover {
-    --tw-translate-x: 1px;
-  }
-
-  .md\:hover\:translate-x-0\.5:hover {
-    --tw-translate-x: 0.125rem;
-  }
-
-  .md\:hover\:translate-x-1\.5:hover {
-    --tw-translate-x: 0.375rem;
-  }
-
-  .md\:hover\:translate-x-2\.5:hover {
-    --tw-translate-x: 0.625rem;
-  }
-
-  .md\:hover\:translate-x-3\.5:hover {
-    --tw-translate-x: 0.875rem;
-  }
-
-  .md\:hover\:-translate-x-0:hover {
-    --tw-translate-x: 0px;
-  }
-
-  .md\:hover\:-translate-x-1:hover {
-    --tw-translate-x: -0.25rem;
-  }
-
-  .md\:hover\:-translate-x-2:hover {
-    --tw-translate-x: -0.5rem;
-  }
-
-  .md\:hover\:-translate-x-3:hover {
-    --tw-translate-x: -0.75rem;
-  }
-
-  .md\:hover\:-translate-x-4:hover {
-    --tw-translate-x: -1rem;
-  }
-
-  .md\:hover\:-translate-x-5:hover {
-    --tw-translate-x: -1.25rem;
-  }
-
-  .md\:hover\:-translate-x-6:hover {
-    --tw-translate-x: -1.5rem;
-  }
-
-  .md\:hover\:-translate-x-7:hover {
-    --tw-translate-x: -1.75rem;
-  }
-
-  .md\:hover\:-translate-x-8:hover {
-    --tw-translate-x: -2rem;
-  }
-
-  .md\:hover\:-translate-x-9:hover {
-    --tw-translate-x: -2.25rem;
-  }
-
-  .md\:hover\:-translate-x-10:hover {
-    --tw-translate-x: -2.5rem;
-  }
-
-  .md\:hover\:-translate-x-11:hover {
-    --tw-translate-x: -2.75rem;
-  }
-
-  .md\:hover\:-translate-x-12:hover {
-    --tw-translate-x: -3rem;
-  }
-
-  .md\:hover\:-translate-x-14:hover {
-    --tw-translate-x: -3.5rem;
-  }
-
-  .md\:hover\:-translate-x-16:hover {
-    --tw-translate-x: -4rem;
-  }
-
-  .md\:hover\:-translate-x-20:hover {
-    --tw-translate-x: -5rem;
-  }
-
-  .md\:hover\:-translate-x-24:hover {
-    --tw-translate-x: -6rem;
-  }
-
-  .md\:hover\:-translate-x-28:hover {
-    --tw-translate-x: -7rem;
-  }
-
-  .md\:hover\:-translate-x-32:hover {
-    --tw-translate-x: -8rem;
-  }
-
-  .md\:hover\:-translate-x-36:hover {
-    --tw-translate-x: -9rem;
-  }
-
-  .md\:hover\:-translate-x-40:hover {
-    --tw-translate-x: -10rem;
-  }
-
-  .md\:hover\:-translate-x-44:hover {
-    --tw-translate-x: -11rem;
-  }
-
-  .md\:hover\:-translate-x-48:hover {
-    --tw-translate-x: -12rem;
-  }
-
-  .md\:hover\:-translate-x-52:hover {
-    --tw-translate-x: -13rem;
-  }
-
-  .md\:hover\:-translate-x-56:hover {
-    --tw-translate-x: -14rem;
-  }
-
-  .md\:hover\:-translate-x-60:hover {
-    --tw-translate-x: -15rem;
-  }
-
-  .md\:hover\:-translate-x-64:hover {
-    --tw-translate-x: -16rem;
-  }
-
-  .md\:hover\:-translate-x-72:hover {
-    --tw-translate-x: -18rem;
-  }
-
-  .md\:hover\:-translate-x-80:hover {
-    --tw-translate-x: -20rem;
-  }
-
-  .md\:hover\:-translate-x-96:hover {
-    --tw-translate-x: -24rem;
-  }
-
-  .md\:hover\:-translate-x-px:hover {
-    --tw-translate-x: -1px;
-  }
-
-  .md\:hover\:-translate-x-0\.5:hover {
-    --tw-translate-x: -0.125rem;
-  }
-
-  .md\:hover\:-translate-x-1\.5:hover {
-    --tw-translate-x: -0.375rem;
-  }
-
-  .md\:hover\:-translate-x-2\.5:hover {
-    --tw-translate-x: -0.625rem;
-  }
-
-  .md\:hover\:-translate-x-3\.5:hover {
-    --tw-translate-x: -0.875rem;
-  }
-
-  .md\:hover\:translate-x-1\/2:hover {
-    --tw-translate-x: 50%;
-  }
-
-  .md\:hover\:translate-x-1\/3:hover {
-    --tw-translate-x: 33.333333%;
-  }
-
-  .md\:hover\:translate-x-2\/3:hover {
-    --tw-translate-x: 66.666667%;
-  }
-
-  .md\:hover\:translate-x-1\/4:hover {
-    --tw-translate-x: 25%;
-  }
-
-  .md\:hover\:translate-x-2\/4:hover {
-    --tw-translate-x: 50%;
-  }
-
-  .md\:hover\:translate-x-3\/4:hover {
-    --tw-translate-x: 75%;
-  }
-
-  .md\:hover\:translate-x-full:hover {
-    --tw-translate-x: 100%;
-  }
-
-  .md\:hover\:-translate-x-1\/2:hover {
-    --tw-translate-x: -50%;
-  }
-
-  .md\:hover\:-translate-x-1\/3:hover {
-    --tw-translate-x: -33.333333%;
-  }
-
-  .md\:hover\:-translate-x-2\/3:hover {
-    --tw-translate-x: -66.666667%;
-  }
-
-  .md\:hover\:-translate-x-1\/4:hover {
-    --tw-translate-x: -25%;
-  }
-
-  .md\:hover\:-translate-x-2\/4:hover {
-    --tw-translate-x: -50%;
-  }
-
-  .md\:hover\:-translate-x-3\/4:hover {
-    --tw-translate-x: -75%;
-  }
-
-  .md\:hover\:-translate-x-full:hover {
-    --tw-translate-x: -100%;
-  }
-
-  .md\:hover\:translate-y-0:hover {
-    --tw-translate-y: 0px;
-  }
-
-  .md\:hover\:translate-y-1:hover {
-    --tw-translate-y: 0.25rem;
-  }
-
-  .md\:hover\:translate-y-2:hover {
-    --tw-translate-y: 0.5rem;
-  }
-
-  .md\:hover\:translate-y-3:hover {
-    --tw-translate-y: 0.75rem;
-  }
-
-  .md\:hover\:translate-y-4:hover {
-    --tw-translate-y: 1rem;
-  }
-
-  .md\:hover\:translate-y-5:hover {
-    --tw-translate-y: 1.25rem;
-  }
-
-  .md\:hover\:translate-y-6:hover {
-    --tw-translate-y: 1.5rem;
-  }
-
-  .md\:hover\:translate-y-7:hover {
-    --tw-translate-y: 1.75rem;
-  }
-
-  .md\:hover\:translate-y-8:hover {
-    --tw-translate-y: 2rem;
-  }
-
-  .md\:hover\:translate-y-9:hover {
-    --tw-translate-y: 2.25rem;
-  }
-
-  .md\:hover\:translate-y-10:hover {
-    --tw-translate-y: 2.5rem;
-  }
-
-  .md\:hover\:translate-y-11:hover {
-    --tw-translate-y: 2.75rem;
-  }
-
-  .md\:hover\:translate-y-12:hover {
-    --tw-translate-y: 3rem;
-  }
-
-  .md\:hover\:translate-y-14:hover {
-    --tw-translate-y: 3.5rem;
-  }
-
-  .md\:hover\:translate-y-16:hover {
-    --tw-translate-y: 4rem;
-  }
-
-  .md\:hover\:translate-y-20:hover {
-    --tw-translate-y: 5rem;
-  }
-
-  .md\:hover\:translate-y-24:hover {
-    --tw-translate-y: 6rem;
-  }
-
-  .md\:hover\:translate-y-28:hover {
-    --tw-translate-y: 7rem;
-  }
-
-  .md\:hover\:translate-y-32:hover {
-    --tw-translate-y: 8rem;
-  }
-
-  .md\:hover\:translate-y-36:hover {
-    --tw-translate-y: 9rem;
-  }
-
-  .md\:hover\:translate-y-40:hover {
-    --tw-translate-y: 10rem;
-  }
-
-  .md\:hover\:translate-y-44:hover {
-    --tw-translate-y: 11rem;
-  }
-
-  .md\:hover\:translate-y-48:hover {
-    --tw-translate-y: 12rem;
-  }
-
-  .md\:hover\:translate-y-52:hover {
-    --tw-translate-y: 13rem;
-  }
-
-  .md\:hover\:translate-y-56:hover {
-    --tw-translate-y: 14rem;
-  }
-
-  .md\:hover\:translate-y-60:hover {
-    --tw-translate-y: 15rem;
-  }
-
-  .md\:hover\:translate-y-64:hover {
-    --tw-translate-y: 16rem;
-  }
-
-  .md\:hover\:translate-y-72:hover {
-    --tw-translate-y: 18rem;
-  }
-
-  .md\:hover\:translate-y-80:hover {
-    --tw-translate-y: 20rem;
-  }
-
-  .md\:hover\:translate-y-96:hover {
-    --tw-translate-y: 24rem;
-  }
-
-  .md\:hover\:translate-y-px:hover {
-    --tw-translate-y: 1px;
-  }
-
-  .md\:hover\:translate-y-0\.5:hover {
-    --tw-translate-y: 0.125rem;
-  }
-
-  .md\:hover\:translate-y-1\.5:hover {
-    --tw-translate-y: 0.375rem;
-  }
-
-  .md\:hover\:translate-y-2\.5:hover {
-    --tw-translate-y: 0.625rem;
-  }
-
-  .md\:hover\:translate-y-3\.5:hover {
-    --tw-translate-y: 0.875rem;
-  }
-
-  .md\:hover\:-translate-y-0:hover {
-    --tw-translate-y: 0px;
-  }
-
-  .md\:hover\:-translate-y-1:hover {
-    --tw-translate-y: -0.25rem;
-  }
-
-  .md\:hover\:-translate-y-2:hover {
-    --tw-translate-y: -0.5rem;
-  }
-
-  .md\:hover\:-translate-y-3:hover {
-    --tw-translate-y: -0.75rem;
-  }
-
-  .md\:hover\:-translate-y-4:hover {
-    --tw-translate-y: -1rem;
-  }
-
-  .md\:hover\:-translate-y-5:hover {
-    --tw-translate-y: -1.25rem;
-  }
-
-  .md\:hover\:-translate-y-6:hover {
-    --tw-translate-y: -1.5rem;
-  }
-
-  .md\:hover\:-translate-y-7:hover {
-    --tw-translate-y: -1.75rem;
-  }
-
-  .md\:hover\:-translate-y-8:hover {
-    --tw-translate-y: -2rem;
-  }
-
-  .md\:hover\:-translate-y-9:hover {
-    --tw-translate-y: -2.25rem;
-  }
-
-  .md\:hover\:-translate-y-10:hover {
-    --tw-translate-y: -2.5rem;
-  }
-
-  .md\:hover\:-translate-y-11:hover {
-    --tw-translate-y: -2.75rem;
-  }
-
-  .md\:hover\:-translate-y-12:hover {
-    --tw-translate-y: -3rem;
-  }
-
-  .md\:hover\:-translate-y-14:hover {
-    --tw-translate-y: -3.5rem;
-  }
-
-  .md\:hover\:-translate-y-16:hover {
-    --tw-translate-y: -4rem;
-  }
-
-  .md\:hover\:-translate-y-20:hover {
-    --tw-translate-y: -5rem;
-  }
-
-  .md\:hover\:-translate-y-24:hover {
-    --tw-translate-y: -6rem;
-  }
-
-  .md\:hover\:-translate-y-28:hover {
-    --tw-translate-y: -7rem;
-  }
-
-  .md\:hover\:-translate-y-32:hover {
-    --tw-translate-y: -8rem;
-  }
-
-  .md\:hover\:-translate-y-36:hover {
-    --tw-translate-y: -9rem;
-  }
-
-  .md\:hover\:-translate-y-40:hover {
-    --tw-translate-y: -10rem;
-  }
-
-  .md\:hover\:-translate-y-44:hover {
-    --tw-translate-y: -11rem;
-  }
-
-  .md\:hover\:-translate-y-48:hover {
-    --tw-translate-y: -12rem;
-  }
-
-  .md\:hover\:-translate-y-52:hover {
-    --tw-translate-y: -13rem;
-  }
-
-  .md\:hover\:-translate-y-56:hover {
-    --tw-translate-y: -14rem;
-  }
-
-  .md\:hover\:-translate-y-60:hover {
-    --tw-translate-y: -15rem;
-  }
-
-  .md\:hover\:-translate-y-64:hover {
-    --tw-translate-y: -16rem;
-  }
-
-  .md\:hover\:-translate-y-72:hover {
-    --tw-translate-y: -18rem;
-  }
-
-  .md\:hover\:-translate-y-80:hover {
-    --tw-translate-y: -20rem;
-  }
-
-  .md\:hover\:-translate-y-96:hover {
-    --tw-translate-y: -24rem;
-  }
-
-  .md\:hover\:-translate-y-px:hover {
-    --tw-translate-y: -1px;
-  }
-
-  .md\:hover\:-translate-y-0\.5:hover {
-    --tw-translate-y: -0.125rem;
-  }
-
-  .md\:hover\:-translate-y-1\.5:hover {
-    --tw-translate-y: -0.375rem;
-  }
-
-  .md\:hover\:-translate-y-2\.5:hover {
-    --tw-translate-y: -0.625rem;
-  }
-
-  .md\:hover\:-translate-y-3\.5:hover {
-    --tw-translate-y: -0.875rem;
-  }
-
-  .md\:hover\:translate-y-1\/2:hover {
-    --tw-translate-y: 50%;
-  }
-
-  .md\:hover\:translate-y-1\/3:hover {
-    --tw-translate-y: 33.333333%;
-  }
-
-  .md\:hover\:translate-y-2\/3:hover {
-    --tw-translate-y: 66.666667%;
-  }
-
-  .md\:hover\:translate-y-1\/4:hover {
-    --tw-translate-y: 25%;
-  }
-
-  .md\:hover\:translate-y-2\/4:hover {
-    --tw-translate-y: 50%;
-  }
-
-  .md\:hover\:translate-y-3\/4:hover {
-    --tw-translate-y: 75%;
-  }
-
-  .md\:hover\:translate-y-full:hover {
-    --tw-translate-y: 100%;
-  }
-
-  .md\:hover\:-translate-y-1\/2:hover {
-    --tw-translate-y: -50%;
-  }
-
-  .md\:hover\:-translate-y-1\/3:hover {
-    --tw-translate-y: -33.333333%;
-  }
-
-  .md\:hover\:-translate-y-2\/3:hover {
-    --tw-translate-y: -66.666667%;
-  }
-
-  .md\:hover\:-translate-y-1\/4:hover {
-    --tw-translate-y: -25%;
-  }
-
-  .md\:hover\:-translate-y-2\/4:hover {
-    --tw-translate-y: -50%;
-  }
-
-  .md\:hover\:-translate-y-3\/4:hover {
-    --tw-translate-y: -75%;
-  }
-
-  .md\:hover\:-translate-y-full:hover {
-    --tw-translate-y: -100%;
-  }
-
-  .md\:focus\:translate-x-0:focus {
-    --tw-translate-x: 0px;
-  }
-
-  .md\:focus\:translate-x-1:focus {
-    --tw-translate-x: 0.25rem;
-  }
-
-  .md\:focus\:translate-x-2:focus {
-    --tw-translate-x: 0.5rem;
-  }
-
-  .md\:focus\:translate-x-3:focus {
-    --tw-translate-x: 0.75rem;
-  }
-
-  .md\:focus\:translate-x-4:focus {
-    --tw-translate-x: 1rem;
-  }
-
-  .md\:focus\:translate-x-5:focus {
-    --tw-translate-x: 1.25rem;
-  }
-
-  .md\:focus\:translate-x-6:focus {
-    --tw-translate-x: 1.5rem;
-  }
-
-  .md\:focus\:translate-x-7:focus {
-    --tw-translate-x: 1.75rem;
-  }
-
-  .md\:focus\:translate-x-8:focus {
-    --tw-translate-x: 2rem;
-  }
-
-  .md\:focus\:translate-x-9:focus {
-    --tw-translate-x: 2.25rem;
-  }
-
-  .md\:focus\:translate-x-10:focus {
-    --tw-translate-x: 2.5rem;
-  }
-
-  .md\:focus\:translate-x-11:focus {
-    --tw-translate-x: 2.75rem;
-  }
-
-  .md\:focus\:translate-x-12:focus {
-    --tw-translate-x: 3rem;
-  }
-
-  .md\:focus\:translate-x-14:focus {
-    --tw-translate-x: 3.5rem;
-  }
-
-  .md\:focus\:translate-x-16:focus {
-    --tw-translate-x: 4rem;
-  }
-
-  .md\:focus\:translate-x-20:focus {
-    --tw-translate-x: 5rem;
-  }
-
-  .md\:focus\:translate-x-24:focus {
-    --tw-translate-x: 6rem;
-  }
-
-  .md\:focus\:translate-x-28:focus {
-    --tw-translate-x: 7rem;
-  }
-
-  .md\:focus\:translate-x-32:focus {
-    --tw-translate-x: 8rem;
-  }
-
-  .md\:focus\:translate-x-36:focus {
-    --tw-translate-x: 9rem;
-  }
-
-  .md\:focus\:translate-x-40:focus {
-    --tw-translate-x: 10rem;
-  }
-
-  .md\:focus\:translate-x-44:focus {
-    --tw-translate-x: 11rem;
-  }
-
-  .md\:focus\:translate-x-48:focus {
-    --tw-translate-x: 12rem;
-  }
-
-  .md\:focus\:translate-x-52:focus {
-    --tw-translate-x: 13rem;
-  }
-
-  .md\:focus\:translate-x-56:focus {
-    --tw-translate-x: 14rem;
-  }
-
-  .md\:focus\:translate-x-60:focus {
-    --tw-translate-x: 15rem;
-  }
-
-  .md\:focus\:translate-x-64:focus {
-    --tw-translate-x: 16rem;
-  }
-
-  .md\:focus\:translate-x-72:focus {
-    --tw-translate-x: 18rem;
-  }
-
-  .md\:focus\:translate-x-80:focus {
-    --tw-translate-x: 20rem;
-  }
-
-  .md\:focus\:translate-x-96:focus {
-    --tw-translate-x: 24rem;
-  }
-
-  .md\:focus\:translate-x-px:focus {
-    --tw-translate-x: 1px;
-  }
-
-  .md\:focus\:translate-x-0\.5:focus {
-    --tw-translate-x: 0.125rem;
-  }
-
-  .md\:focus\:translate-x-1\.5:focus {
-    --tw-translate-x: 0.375rem;
-  }
-
-  .md\:focus\:translate-x-2\.5:focus {
-    --tw-translate-x: 0.625rem;
-  }
-
-  .md\:focus\:translate-x-3\.5:focus {
-    --tw-translate-x: 0.875rem;
-  }
-
-  .md\:focus\:-translate-x-0:focus {
-    --tw-translate-x: 0px;
-  }
-
-  .md\:focus\:-translate-x-1:focus {
-    --tw-translate-x: -0.25rem;
-  }
-
-  .md\:focus\:-translate-x-2:focus {
-    --tw-translate-x: -0.5rem;
-  }
-
-  .md\:focus\:-translate-x-3:focus {
-    --tw-translate-x: -0.75rem;
-  }
-
-  .md\:focus\:-translate-x-4:focus {
-    --tw-translate-x: -1rem;
-  }
-
-  .md\:focus\:-translate-x-5:focus {
-    --tw-translate-x: -1.25rem;
-  }
-
-  .md\:focus\:-translate-x-6:focus {
-    --tw-translate-x: -1.5rem;
-  }
-
-  .md\:focus\:-translate-x-7:focus {
-    --tw-translate-x: -1.75rem;
-  }
-
-  .md\:focus\:-translate-x-8:focus {
-    --tw-translate-x: -2rem;
-  }
-
-  .md\:focus\:-translate-x-9:focus {
-    --tw-translate-x: -2.25rem;
-  }
-
-  .md\:focus\:-translate-x-10:focus {
-    --tw-translate-x: -2.5rem;
-  }
-
-  .md\:focus\:-translate-x-11:focus {
-    --tw-translate-x: -2.75rem;
-  }
-
-  .md\:focus\:-translate-x-12:focus {
-    --tw-translate-x: -3rem;
-  }
-
-  .md\:focus\:-translate-x-14:focus {
-    --tw-translate-x: -3.5rem;
-  }
-
-  .md\:focus\:-translate-x-16:focus {
-    --tw-translate-x: -4rem;
-  }
-
-  .md\:focus\:-translate-x-20:focus {
-    --tw-translate-x: -5rem;
-  }
-
-  .md\:focus\:-translate-x-24:focus {
-    --tw-translate-x: -6rem;
-  }
-
-  .md\:focus\:-translate-x-28:focus {
-    --tw-translate-x: -7rem;
-  }
-
-  .md\:focus\:-translate-x-32:focus {
-    --tw-translate-x: -8rem;
-  }
-
-  .md\:focus\:-translate-x-36:focus {
-    --tw-translate-x: -9rem;
-  }
-
-  .md\:focus\:-translate-x-40:focus {
-    --tw-translate-x: -10rem;
-  }
-
-  .md\:focus\:-translate-x-44:focus {
-    --tw-translate-x: -11rem;
-  }
-
-  .md\:focus\:-translate-x-48:focus {
-    --tw-translate-x: -12rem;
-  }
-
-  .md\:focus\:-translate-x-52:focus {
-    --tw-translate-x: -13rem;
-  }
-
-  .md\:focus\:-translate-x-56:focus {
-    --tw-translate-x: -14rem;
-  }
-
-  .md\:focus\:-translate-x-60:focus {
-    --tw-translate-x: -15rem;
-  }
-
-  .md\:focus\:-translate-x-64:focus {
-    --tw-translate-x: -16rem;
-  }
-
-  .md\:focus\:-translate-x-72:focus {
-    --tw-translate-x: -18rem;
-  }
-
-  .md\:focus\:-translate-x-80:focus {
-    --tw-translate-x: -20rem;
-  }
-
-  .md\:focus\:-translate-x-96:focus {
-    --tw-translate-x: -24rem;
-  }
-
-  .md\:focus\:-translate-x-px:focus {
-    --tw-translate-x: -1px;
-  }
-
-  .md\:focus\:-translate-x-0\.5:focus {
-    --tw-translate-x: -0.125rem;
-  }
-
-  .md\:focus\:-translate-x-1\.5:focus {
-    --tw-translate-x: -0.375rem;
-  }
-
-  .md\:focus\:-translate-x-2\.5:focus {
-    --tw-translate-x: -0.625rem;
-  }
-
-  .md\:focus\:-translate-x-3\.5:focus {
-    --tw-translate-x: -0.875rem;
-  }
-
-  .md\:focus\:translate-x-1\/2:focus {
-    --tw-translate-x: 50%;
-  }
-
-  .md\:focus\:translate-x-1\/3:focus {
-    --tw-translate-x: 33.333333%;
-  }
-
-  .md\:focus\:translate-x-2\/3:focus {
-    --tw-translate-x: 66.666667%;
-  }
-
-  .md\:focus\:translate-x-1\/4:focus {
-    --tw-translate-x: 25%;
-  }
-
-  .md\:focus\:translate-x-2\/4:focus {
-    --tw-translate-x: 50%;
-  }
-
-  .md\:focus\:translate-x-3\/4:focus {
-    --tw-translate-x: 75%;
-  }
-
-  .md\:focus\:translate-x-full:focus {
-    --tw-translate-x: 100%;
-  }
-
-  .md\:focus\:-translate-x-1\/2:focus {
-    --tw-translate-x: -50%;
-  }
-
-  .md\:focus\:-translate-x-1\/3:focus {
-    --tw-translate-x: -33.333333%;
-  }
-
-  .md\:focus\:-translate-x-2\/3:focus {
-    --tw-translate-x: -66.666667%;
-  }
-
-  .md\:focus\:-translate-x-1\/4:focus {
-    --tw-translate-x: -25%;
-  }
-
-  .md\:focus\:-translate-x-2\/4:focus {
-    --tw-translate-x: -50%;
-  }
-
-  .md\:focus\:-translate-x-3\/4:focus {
-    --tw-translate-x: -75%;
-  }
-
-  .md\:focus\:-translate-x-full:focus {
-    --tw-translate-x: -100%;
-  }
-
-  .md\:focus\:translate-y-0:focus {
-    --tw-translate-y: 0px;
-  }
-
-  .md\:focus\:translate-y-1:focus {
-    --tw-translate-y: 0.25rem;
-  }
-
-  .md\:focus\:translate-y-2:focus {
-    --tw-translate-y: 0.5rem;
-  }
-
-  .md\:focus\:translate-y-3:focus {
-    --tw-translate-y: 0.75rem;
-  }
-
-  .md\:focus\:translate-y-4:focus {
-    --tw-translate-y: 1rem;
-  }
-
-  .md\:focus\:translate-y-5:focus {
-    --tw-translate-y: 1.25rem;
-  }
-
-  .md\:focus\:translate-y-6:focus {
-    --tw-translate-y: 1.5rem;
-  }
-
-  .md\:focus\:translate-y-7:focus {
-    --tw-translate-y: 1.75rem;
-  }
-
-  .md\:focus\:translate-y-8:focus {
-    --tw-translate-y: 2rem;
-  }
-
-  .md\:focus\:translate-y-9:focus {
-    --tw-translate-y: 2.25rem;
-  }
-
-  .md\:focus\:translate-y-10:focus {
-    --tw-translate-y: 2.5rem;
-  }
-
-  .md\:focus\:translate-y-11:focus {
-    --tw-translate-y: 2.75rem;
-  }
-
-  .md\:focus\:translate-y-12:focus {
-    --tw-translate-y: 3rem;
-  }
-
-  .md\:focus\:translate-y-14:focus {
-    --tw-translate-y: 3.5rem;
-  }
-
-  .md\:focus\:translate-y-16:focus {
-    --tw-translate-y: 4rem;
-  }
-
-  .md\:focus\:translate-y-20:focus {
-    --tw-translate-y: 5rem;
-  }
-
-  .md\:focus\:translate-y-24:focus {
-    --tw-translate-y: 6rem;
-  }
-
-  .md\:focus\:translate-y-28:focus {
-    --tw-translate-y: 7rem;
-  }
-
-  .md\:focus\:translate-y-32:focus {
-    --tw-translate-y: 8rem;
-  }
-
-  .md\:focus\:translate-y-36:focus {
-    --tw-translate-y: 9rem;
-  }
-
-  .md\:focus\:translate-y-40:focus {
-    --tw-translate-y: 10rem;
-  }
-
-  .md\:focus\:translate-y-44:focus {
-    --tw-translate-y: 11rem;
-  }
-
-  .md\:focus\:translate-y-48:focus {
-    --tw-translate-y: 12rem;
-  }
-
-  .md\:focus\:translate-y-52:focus {
-    --tw-translate-y: 13rem;
-  }
-
-  .md\:focus\:translate-y-56:focus {
-    --tw-translate-y: 14rem;
-  }
-
-  .md\:focus\:translate-y-60:focus {
-    --tw-translate-y: 15rem;
-  }
-
-  .md\:focus\:translate-y-64:focus {
-    --tw-translate-y: 16rem;
-  }
-
-  .md\:focus\:translate-y-72:focus {
-    --tw-translate-y: 18rem;
-  }
-
-  .md\:focus\:translate-y-80:focus {
-    --tw-translate-y: 20rem;
-  }
-
-  .md\:focus\:translate-y-96:focus {
-    --tw-translate-y: 24rem;
-  }
-
-  .md\:focus\:translate-y-px:focus {
-    --tw-translate-y: 1px;
-  }
-
-  .md\:focus\:translate-y-0\.5:focus {
-    --tw-translate-y: 0.125rem;
-  }
-
-  .md\:focus\:translate-y-1\.5:focus {
-    --tw-translate-y: 0.375rem;
-  }
-
-  .md\:focus\:translate-y-2\.5:focus {
-    --tw-translate-y: 0.625rem;
-  }
-
-  .md\:focus\:translate-y-3\.5:focus {
-    --tw-translate-y: 0.875rem;
-  }
-
-  .md\:focus\:-translate-y-0:focus {
-    --tw-translate-y: 0px;
-  }
-
-  .md\:focus\:-translate-y-1:focus {
-    --tw-translate-y: -0.25rem;
-  }
-
-  .md\:focus\:-translate-y-2:focus {
-    --tw-translate-y: -0.5rem;
-  }
-
-  .md\:focus\:-translate-y-3:focus {
-    --tw-translate-y: -0.75rem;
-  }
-
-  .md\:focus\:-translate-y-4:focus {
-    --tw-translate-y: -1rem;
-  }
-
-  .md\:focus\:-translate-y-5:focus {
-    --tw-translate-y: -1.25rem;
-  }
-
-  .md\:focus\:-translate-y-6:focus {
-    --tw-translate-y: -1.5rem;
-  }
-
-  .md\:focus\:-translate-y-7:focus {
-    --tw-translate-y: -1.75rem;
-  }
-
-  .md\:focus\:-translate-y-8:focus {
-    --tw-translate-y: -2rem;
-  }
-
-  .md\:focus\:-translate-y-9:focus {
-    --tw-translate-y: -2.25rem;
-  }
-
-  .md\:focus\:-translate-y-10:focus {
-    --tw-translate-y: -2.5rem;
-  }
-
-  .md\:focus\:-translate-y-11:focus {
-    --tw-translate-y: -2.75rem;
-  }
-
-  .md\:focus\:-translate-y-12:focus {
-    --tw-translate-y: -3rem;
-  }
-
-  .md\:focus\:-translate-y-14:focus {
-    --tw-translate-y: -3.5rem;
-  }
-
-  .md\:focus\:-translate-y-16:focus {
-    --tw-translate-y: -4rem;
-  }
-
-  .md\:focus\:-translate-y-20:focus {
-    --tw-translate-y: -5rem;
-  }
-
-  .md\:focus\:-translate-y-24:focus {
-    --tw-translate-y: -6rem;
-  }
-
-  .md\:focus\:-translate-y-28:focus {
-    --tw-translate-y: -7rem;
-  }
-
-  .md\:focus\:-translate-y-32:focus {
-    --tw-translate-y: -8rem;
-  }
-
-  .md\:focus\:-translate-y-36:focus {
-    --tw-translate-y: -9rem;
-  }
-
-  .md\:focus\:-translate-y-40:focus {
-    --tw-translate-y: -10rem;
-  }
-
-  .md\:focus\:-translate-y-44:focus {
-    --tw-translate-y: -11rem;
-  }
-
-  .md\:focus\:-translate-y-48:focus {
-    --tw-translate-y: -12rem;
-  }
-
-  .md\:focus\:-translate-y-52:focus {
-    --tw-translate-y: -13rem;
-  }
-
-  .md\:focus\:-translate-y-56:focus {
-    --tw-translate-y: -14rem;
-  }
-
-  .md\:focus\:-translate-y-60:focus {
-    --tw-translate-y: -15rem;
-  }
-
-  .md\:focus\:-translate-y-64:focus {
-    --tw-translate-y: -16rem;
-  }
-
-  .md\:focus\:-translate-y-72:focus {
-    --tw-translate-y: -18rem;
-  }
-
-  .md\:focus\:-translate-y-80:focus {
-    --tw-translate-y: -20rem;
-  }
-
-  .md\:focus\:-translate-y-96:focus {
-    --tw-translate-y: -24rem;
-  }
-
-  .md\:focus\:-translate-y-px:focus {
-    --tw-translate-y: -1px;
-  }
-
-  .md\:focus\:-translate-y-0\.5:focus {
-    --tw-translate-y: -0.125rem;
-  }
-
-  .md\:focus\:-translate-y-1\.5:focus {
-    --tw-translate-y: -0.375rem;
-  }
-
-  .md\:focus\:-translate-y-2\.5:focus {
-    --tw-translate-y: -0.625rem;
-  }
-
-  .md\:focus\:-translate-y-3\.5:focus {
-    --tw-translate-y: -0.875rem;
-  }
-
-  .md\:focus\:translate-y-1\/2:focus {
-    --tw-translate-y: 50%;
-  }
-
-  .md\:focus\:translate-y-1\/3:focus {
-    --tw-translate-y: 33.333333%;
-  }
-
-  .md\:focus\:translate-y-2\/3:focus {
-    --tw-translate-y: 66.666667%;
-  }
-
-  .md\:focus\:translate-y-1\/4:focus {
-    --tw-translate-y: 25%;
-  }
-
-  .md\:focus\:translate-y-2\/4:focus {
-    --tw-translate-y: 50%;
-  }
-
-  .md\:focus\:translate-y-3\/4:focus {
-    --tw-translate-y: 75%;
-  }
-
-  .md\:focus\:translate-y-full:focus {
-    --tw-translate-y: 100%;
-  }
-
-  .md\:focus\:-translate-y-1\/2:focus {
-    --tw-translate-y: -50%;
-  }
-
-  .md\:focus\:-translate-y-1\/3:focus {
-    --tw-translate-y: -33.333333%;
-  }
-
-  .md\:focus\:-translate-y-2\/3:focus {
-    --tw-translate-y: -66.666667%;
-  }
-
-  .md\:focus\:-translate-y-1\/4:focus {
-    --tw-translate-y: -25%;
-  }
-
-  .md\:focus\:-translate-y-2\/4:focus {
-    --tw-translate-y: -50%;
-  }
-
-  .md\:focus\:-translate-y-3\/4:focus {
-    --tw-translate-y: -75%;
-  }
-
-  .md\:focus\:-translate-y-full:focus {
-    --tw-translate-y: -100%;
-  }
-
-  .md\:skew-x-0 {
-    --tw-skew-x: 0deg;
-  }
-
-  .md\:skew-x-1 {
-    --tw-skew-x: 1deg;
-  }
-
-  .md\:skew-x-2 {
-    --tw-skew-x: 2deg;
-  }
-
-  .md\:skew-x-3 {
-    --tw-skew-x: 3deg;
-  }
-
-  .md\:skew-x-6 {
-    --tw-skew-x: 6deg;
-  }
-
-  .md\:skew-x-12 {
-    --tw-skew-x: 12deg;
-  }
-
-  .md\:-skew-x-12 {
-    --tw-skew-x: -12deg;
-  }
-
-  .md\:-skew-x-6 {
-    --tw-skew-x: -6deg;
-  }
-
-  .md\:-skew-x-3 {
-    --tw-skew-x: -3deg;
-  }
-
-  .md\:-skew-x-2 {
-    --tw-skew-x: -2deg;
-  }
-
-  .md\:-skew-x-1 {
-    --tw-skew-x: -1deg;
-  }
-
-  .md\:skew-y-0 {
-    --tw-skew-y: 0deg;
-  }
-
-  .md\:skew-y-1 {
-    --tw-skew-y: 1deg;
-  }
-
-  .md\:skew-y-2 {
-    --tw-skew-y: 2deg;
-  }
-
-  .md\:skew-y-3 {
-    --tw-skew-y: 3deg;
-  }
-
-  .md\:skew-y-6 {
-    --tw-skew-y: 6deg;
-  }
-
-  .md\:skew-y-12 {
-    --tw-skew-y: 12deg;
-  }
-
-  .md\:-skew-y-12 {
-    --tw-skew-y: -12deg;
-  }
-
-  .md\:-skew-y-6 {
-    --tw-skew-y: -6deg;
-  }
-
-  .md\:-skew-y-3 {
-    --tw-skew-y: -3deg;
-  }
-
-  .md\:-skew-y-2 {
-    --tw-skew-y: -2deg;
-  }
-
-  .md\:-skew-y-1 {
-    --tw-skew-y: -1deg;
-  }
-
-  .md\:hover\:skew-x-0:hover {
-    --tw-skew-x: 0deg;
-  }
-
-  .md\:hover\:skew-x-1:hover {
-    --tw-skew-x: 1deg;
-  }
-
-  .md\:hover\:skew-x-2:hover {
-    --tw-skew-x: 2deg;
-  }
-
-  .md\:hover\:skew-x-3:hover {
-    --tw-skew-x: 3deg;
-  }
-
-  .md\:hover\:skew-x-6:hover {
-    --tw-skew-x: 6deg;
-  }
-
-  .md\:hover\:skew-x-12:hover {
-    --tw-skew-x: 12deg;
-  }
-
-  .md\:hover\:-skew-x-12:hover {
-    --tw-skew-x: -12deg;
-  }
-
-  .md\:hover\:-skew-x-6:hover {
-    --tw-skew-x: -6deg;
-  }
-
-  .md\:hover\:-skew-x-3:hover {
-    --tw-skew-x: -3deg;
-  }
-
-  .md\:hover\:-skew-x-2:hover {
-    --tw-skew-x: -2deg;
-  }
-
-  .md\:hover\:-skew-x-1:hover {
-    --tw-skew-x: -1deg;
-  }
-
-  .md\:hover\:skew-y-0:hover {
-    --tw-skew-y: 0deg;
-  }
-
-  .md\:hover\:skew-y-1:hover {
-    --tw-skew-y: 1deg;
-  }
-
-  .md\:hover\:skew-y-2:hover {
-    --tw-skew-y: 2deg;
-  }
-
-  .md\:hover\:skew-y-3:hover {
-    --tw-skew-y: 3deg;
-  }
-
-  .md\:hover\:skew-y-6:hover {
-    --tw-skew-y: 6deg;
-  }
-
-  .md\:hover\:skew-y-12:hover {
-    --tw-skew-y: 12deg;
-  }
-
-  .md\:hover\:-skew-y-12:hover {
-    --tw-skew-y: -12deg;
-  }
-
-  .md\:hover\:-skew-y-6:hover {
-    --tw-skew-y: -6deg;
-  }
-
-  .md\:hover\:-skew-y-3:hover {
-    --tw-skew-y: -3deg;
-  }
-
-  .md\:hover\:-skew-y-2:hover {
-    --tw-skew-y: -2deg;
-  }
-
-  .md\:hover\:-skew-y-1:hover {
-    --tw-skew-y: -1deg;
-  }
-
-  .md\:focus\:skew-x-0:focus {
-    --tw-skew-x: 0deg;
-  }
-
-  .md\:focus\:skew-x-1:focus {
-    --tw-skew-x: 1deg;
-  }
-
-  .md\:focus\:skew-x-2:focus {
-    --tw-skew-x: 2deg;
-  }
-
-  .md\:focus\:skew-x-3:focus {
-    --tw-skew-x: 3deg;
-  }
-
-  .md\:focus\:skew-x-6:focus {
-    --tw-skew-x: 6deg;
-  }
-
-  .md\:focus\:skew-x-12:focus {
-    --tw-skew-x: 12deg;
-  }
-
-  .md\:focus\:-skew-x-12:focus {
-    --tw-skew-x: -12deg;
-  }
-
-  .md\:focus\:-skew-x-6:focus {
-    --tw-skew-x: -6deg;
-  }
-
-  .md\:focus\:-skew-x-3:focus {
-    --tw-skew-x: -3deg;
-  }
-
-  .md\:focus\:-skew-x-2:focus {
-    --tw-skew-x: -2deg;
-  }
-
-  .md\:focus\:-skew-x-1:focus {
-    --tw-skew-x: -1deg;
-  }
-
-  .md\:focus\:skew-y-0:focus {
-    --tw-skew-y: 0deg;
-  }
-
-  .md\:focus\:skew-y-1:focus {
-    --tw-skew-y: 1deg;
-  }
-
-  .md\:focus\:skew-y-2:focus {
-    --tw-skew-y: 2deg;
-  }
-
-  .md\:focus\:skew-y-3:focus {
-    --tw-skew-y: 3deg;
-  }
-
-  .md\:focus\:skew-y-6:focus {
-    --tw-skew-y: 6deg;
-  }
-
-  .md\:focus\:skew-y-12:focus {
-    --tw-skew-y: 12deg;
-  }
-
-  .md\:focus\:-skew-y-12:focus {
-    --tw-skew-y: -12deg;
-  }
-
-  .md\:focus\:-skew-y-6:focus {
-    --tw-skew-y: -6deg;
-  }
-
-  .md\:focus\:-skew-y-3:focus {
-    --tw-skew-y: -3deg;
-  }
-
-  .md\:focus\:-skew-y-2:focus {
-    --tw-skew-y: -2deg;
-  }
-
-  .md\:focus\:-skew-y-1:focus {
-    --tw-skew-y: -1deg;
-  }
-
-  .md\:transition-none {
-    transition-property: none;
-  }
-
-  .md\:transition-all {
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .md\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .md\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .md\:transition-opacity {
-    transition-property: opacity;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .md\:transition-shadow {
-    transition-property: box-shadow;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .md\:transition-transform {
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .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;
-    }
-  }
-
-  @media (min-width: 1536px) {
-    .lg\:container {
-      max-width: 1536px;
-    }
-  }
-
-  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0px * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0px * var(--tw-space-x-reverse));
-    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1rem * var(--tw-space-x-reverse));
-    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2rem * var(--tw-space-x-reverse));
-    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(3rem * var(--tw-space-x-reverse));
-    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(4rem * var(--tw-space-x-reverse));
-    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(5rem * var(--tw-space-x-reverse));
-    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(6rem * var(--tw-space-x-reverse));
-    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(7rem * var(--tw-space-x-reverse));
-    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(8rem * var(--tw-space-x-reverse));
-    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(9rem * var(--tw-space-x-reverse));
-    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(10rem * var(--tw-space-x-reverse));
-    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(11rem * var(--tw-space-x-reverse));
-    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(12rem * var(--tw-space-x-reverse));
-    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(13rem * var(--tw-space-x-reverse));
-    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(14rem * var(--tw-space-x-reverse));
-    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(15rem * var(--tw-space-x-reverse));
-    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(16rem * var(--tw-space-x-reverse));
-    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(18rem * var(--tw-space-x-reverse));
-    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(20rem * var(--tw-space-x-reverse));
-    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(24rem * var(--tw-space-x-reverse));
-    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1px * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1px * var(--tw-space-x-reverse));
-    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0px * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0px * var(--tw-space-x-reverse));
-    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-3rem * var(--tw-space-x-reverse));
-    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-4rem * var(--tw-space-x-reverse));
-    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-6rem * var(--tw-space-x-reverse));
-    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-7rem * var(--tw-space-x-reverse));
-    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-8rem * var(--tw-space-x-reverse));
-    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-9rem * var(--tw-space-x-reverse));
-    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-10rem * var(--tw-space-x-reverse));
-    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-11rem * var(--tw-space-x-reverse));
-    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-12rem * var(--tw-space-x-reverse));
-    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-13rem * var(--tw-space-x-reverse));
-    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-14rem * var(--tw-space-x-reverse));
-    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-15rem * var(--tw-space-x-reverse));
-    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-16rem * var(--tw-space-x-reverse));
-    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-18rem * var(--tw-space-x-reverse));
-    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-20rem * var(--tw-space-x-reverse));
-    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-24rem * var(--tw-space-x-reverse));
-    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1px * var(--tw-space-x-reverse));
-    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
-  }
-
-  .lg\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .lg\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 1;
-  }
-
-  .lg\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 1;
-  }
-
-  .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
-  }
-
-  .lg\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(0px * var(--tw-divide-x-reverse));
-    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .lg\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
-  }
-
-  .lg\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(2px * var(--tw-divide-x-reverse));
-    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .lg\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
-  }
-
-  .lg\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(4px * var(--tw-divide-x-reverse));
-    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .lg\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
-  }
-
-  .lg\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(8px * var(--tw-divide-x-reverse));
-    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .lg\:divide-y > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
-  }
-
-  .lg\:divide-x > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(1px * var(--tw-divide-x-reverse));
-    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .lg\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 1;
-  }
-
-  .lg\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 1;
-  }
-
-  .lg\:divide-current > :not([hidden]) ~ :not([hidden]) {
-    border-color: currentColor;
-  }
-
-  .lg\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
-    border-color: transparent;
-  }
-
-  .lg\:divide-black > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-white > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-darkCoolGray-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-darkCoolGray-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-darkCoolGray-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-darkCoolGray-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-darkCoolGray-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-darkCoolGray-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-darkCoolGray-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-darkCoolGray-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-darkCoolGray-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-darkCoolGray-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-coolGray-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-coolGray-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-coolGray-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-coolGray-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-coolGray-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-coolGray-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-coolGray-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-coolGray-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-coolGray-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-coolGray-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-violet-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-violet-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-violet-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-violet-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-violet-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-violet-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-violet-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-violet-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-violet-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-violet-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
-  }
-
-  .lg\:divide-solid > :not([hidden]) ~ :not([hidden]) {
-    border-style: solid;
-  }
-
-  .lg\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
-    border-style: dashed;
-  }
-
-  .lg\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
-    border-style: dotted;
-  }
-
-  .lg\:divide-double > :not([hidden]) ~ :not([hidden]) {
-    border-style: double;
-  }
-
-  .lg\:divide-none > :not([hidden]) ~ :not([hidden]) {
-    border-style: none;
-  }
-
-  .lg\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0;
-  }
-
-  .lg\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.05;
-  }
-
-  .lg\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.1;
-  }
-
-  .lg\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.2;
-  }
-
-  .lg\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.25;
-  }
-
-  .lg\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.3;
-  }
-
-  .lg\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.4;
-  }
-
-  .lg\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.5;
-  }
-
-  .lg\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.6;
-  }
-
-  .lg\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.7;
-  }
-
-  .lg\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.75;
-  }
-
-  .lg\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.8;
-  }
-
-  .lg\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.9;
-  }
-
-  .lg\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.95;
-  }
-
-  .lg\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-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-within\:sr-only:focus-within {
-    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-within\:not-sr-only:focus-within {
-    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-black {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-darkCoolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-darkCoolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-darkCoolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-darkCoolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-darkCoolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-darkCoolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-darkCoolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-darkCoolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-darkCoolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-darkCoolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-coolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-coolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-coolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-coolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-coolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-coolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-coolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-coolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-coolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-coolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-indigo-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-indigo-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-indigo-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-indigo-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-indigo-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-indigo-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-indigo-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-indigo-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-indigo-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-indigo-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-violet-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-violet-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-violet-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-violet-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-violet-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-violet-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-violet-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-violet-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-violet-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-violet-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-yellow-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-yellow-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-yellow-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-yellow-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-yellow-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-yellow-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-yellow-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-yellow-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-yellow-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-yellow-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-red-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-red-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-red-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-red-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-red-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-red-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-red-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-red-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-red-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-red-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-green-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-green-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-green-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-green-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-green-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-green-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-green-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-green-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-green-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-green-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-blue-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-blue-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-blue-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-blue-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-blue-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-blue-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-blue-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-blue-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-blue-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-blue-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-gray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-gray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-gray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-gray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-gray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-gray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-gray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-gray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-gray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-gray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-body {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-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-black {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-darkCoolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-darkCoolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-darkCoolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-darkCoolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-darkCoolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-darkCoolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-darkCoolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-darkCoolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-darkCoolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-darkCoolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-coolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-coolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-coolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-coolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-coolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-coolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-coolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-coolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-coolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-coolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-violet-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-violet-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-violet-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-violet-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-violet-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-violet-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-violet-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-violet-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-violet-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-violet-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-body {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-current:focus-within {
-    background-color: currentColor;
-  }
-
-  .lg\:focus-within\:bg-transparent:focus-within {
-    background-color: transparent;
-  }
-
-  .lg\:focus-within\:bg-black:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-white:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-darkCoolGray-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-darkCoolGray-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-darkCoolGray-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-darkCoolGray-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-darkCoolGray-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-darkCoolGray-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-darkCoolGray-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-darkCoolGray-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-darkCoolGray-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-darkCoolGray-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-coolGray-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-coolGray-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-coolGray-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-coolGray-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-coolGray-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-coolGray-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-coolGray-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-coolGray-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-coolGray-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-coolGray-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-indigo-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-indigo-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-indigo-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-indigo-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-indigo-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-indigo-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-indigo-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-indigo-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-indigo-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-indigo-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-violet-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-violet-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-violet-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-violet-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-violet-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-violet-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-violet-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-violet-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-violet-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-violet-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-yellow-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-yellow-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-yellow-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-yellow-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-yellow-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-yellow-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-yellow-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-yellow-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-yellow-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-yellow-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-red-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-red-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-red-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-red-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-red-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-red-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-red-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-red-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-red-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-red-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-green-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-green-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-green-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-green-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-green-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-green-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-green-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-green-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-green-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-green-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-blue-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-blue-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-blue-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-blue-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-blue-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-blue-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-blue-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-blue-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-blue-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-blue-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-gray-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-gray-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-gray-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-gray-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-gray-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-gray-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-gray-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-gray-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-gray-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-gray-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus-within\:bg-body:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-current:hover {
-    background-color: currentColor;
-  }
-
-  .lg\:hover\:bg-transparent:hover {
-    background-color: transparent;
-  }
-
-  .lg\:hover\:bg-black:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-white:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-darkCoolGray-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-darkCoolGray-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-darkCoolGray-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-darkCoolGray-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-darkCoolGray-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-darkCoolGray-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-darkCoolGray-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-darkCoolGray-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-darkCoolGray-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-darkCoolGray-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-coolGray-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-coolGray-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-coolGray-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-coolGray-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-coolGray-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-coolGray-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-coolGray-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-coolGray-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-coolGray-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-coolGray-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-violet-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-violet-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-violet-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-violet-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-violet-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-violet-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-violet-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-violet-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-violet-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-violet-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .lg\:hover\:bg-body:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-current:focus {
-    background-color: currentColor;
-  }
-
-  .lg\:focus\:bg-transparent:focus {
-    background-color: transparent;
-  }
-
-  .lg\:focus\:bg-black:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-white:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-darkCoolGray-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-darkCoolGray-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-darkCoolGray-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-darkCoolGray-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-darkCoolGray-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-darkCoolGray-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-darkCoolGray-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-darkCoolGray-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-darkCoolGray-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-darkCoolGray-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-coolGray-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-coolGray-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-coolGray-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-coolGray-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-coolGray-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-coolGray-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-coolGray-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-coolGray-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-coolGray-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-coolGray-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-violet-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-violet-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-violet-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-violet-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-violet-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-violet-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-violet-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-violet-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-violet-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-violet-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .lg\:focus\:bg-body:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .lg\:bg-none {
-    background-image: none;
-  }
-
-  .lg\:bg-gradient-to-t {
-    background-image: linear-gradient(to top, var(--tw-gradient-stops));
-  }
-
-  .lg\:bg-gradient-to-tr {
-    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
-  }
-
-  .lg\:bg-gradient-to-r {
-    background-image: linear-gradient(to right, var(--tw-gradient-stops));
-  }
-
-  .lg\:bg-gradient-to-br {
-    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
-  }
-
-  .lg\:bg-gradient-to-b {
-    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
-  }
-
-  .lg\:bg-gradient-to-bl {
-    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
-  }
-
-  .lg\:bg-gradient-to-l {
-    background-image: linear-gradient(to left, var(--tw-gradient-stops));
-  }
-
-  .lg\:bg-gradient-to-tl {
-    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
-  }
-
-  .lg\:from-current {
-    --tw-gradient-from: currentColor;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:from-transparent {
-    --tw-gradient-from: transparent;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:from-black {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:from-white {
-    --tw-gradient-from: #fff;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:from-darkCoolGray-50 {
-    --tw-gradient-from: #F5F6F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .lg\:from-darkCoolGray-100 {
-    --tw-gradient-from: #EBEDEF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .lg\:from-darkCoolGray-200 {
-    --tw-gradient-from: #CED1D6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .lg\:from-darkCoolGray-300 {
-    --tw-gradient-from: #B0B5BD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .lg\:from-darkCoolGray-400 {
-    --tw-gradient-from: #757E8C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .lg\:from-darkCoolGray-500 {
-    --tw-gradient-from: #3A475B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .lg\:from-darkCoolGray-600 {
-    --tw-gradient-from: #344052;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .lg\:from-darkCoolGray-700 {
-    --tw-gradient-from: #2C3544;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .lg\:from-darkCoolGray-800 {
-    --tw-gradient-from: #232B37;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .lg\:from-darkCoolGray-900 {
-    --tw-gradient-from: #1C232D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .lg\:from-coolGray-50 {
-    --tw-gradient-from: #F7F8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .lg\:from-coolGray-100 {
-    --tw-gradient-from: #EEF0F3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .lg\:from-coolGray-200 {
-    --tw-gradient-from: #D5DAE1;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .lg\:from-coolGray-300 {
-    --tw-gradient-from: #BBC3CF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .lg\:from-coolGray-400 {
-    --tw-gradient-from: #8896AB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .lg\:from-coolGray-500 {
-    --tw-gradient-from: #556987;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .lg\:from-coolGray-600 {
-    --tw-gradient-from: #4D5F7A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .lg\:from-coolGray-700 {
-    --tw-gradient-from: #404F65;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .lg\:from-coolGray-800 {
-    --tw-gradient-from: #333F51;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .lg\:from-coolGray-900 {
-    --tw-gradient-from: #2A3342;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .lg\:from-indigo-50 {
-    --tw-gradient-from: #F8F6FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .lg\:from-indigo-100 {
-    --tw-gradient-from: #F0EEFF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .lg\:from-indigo-200 {
-    --tw-gradient-from: #DAD4FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .lg\:from-indigo-300 {
-    --tw-gradient-from: #C3B9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .lg\:from-indigo-400 {
-    --tw-gradient-from: #9685FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .lg\:from-indigo-500 {
-    --tw-gradient-from: #6951FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .lg\:from-indigo-600 {
-    --tw-gradient-from: #5F49E6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .lg\:from-indigo-700 {
-    --tw-gradient-from: #4F3DBF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .lg\:from-indigo-800 {
-    --tw-gradient-from: #3F3199;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .lg\:from-indigo-900 {
-    --tw-gradient-from: #33287D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .lg\:from-violet-50 {
-    --tw-gradient-from: #FBF7FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .lg\:from-violet-100 {
-    --tw-gradient-from: #F6EEFE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .lg\:from-violet-200 {
-    --tw-gradient-from: #E9D5FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .lg\:from-violet-300 {
-    --tw-gradient-from: #DCBBFC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .lg\:from-violet-400 {
-    --tw-gradient-from: #C288F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .lg\:from-violet-500 {
-    --tw-gradient-from: #A855F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .lg\:from-violet-600 {
-    --tw-gradient-from: #974DDE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .lg\:from-violet-700 {
-    --tw-gradient-from: #7E40B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .lg\:from-violet-800 {
-    --tw-gradient-from: #653394;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .lg\:from-violet-900 {
-    --tw-gradient-from: #522A79;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .lg\:from-yellow-50 {
-    --tw-gradient-from: #FFFAF3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .lg\:from-yellow-100 {
-    --tw-gradient-from: #FEF5E7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .lg\:from-yellow-200 {
-    --tw-gradient-from: #FDE7C2;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .lg\:from-yellow-300 {
-    --tw-gradient-from: #FBD89D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .lg\:from-yellow-400 {
-    --tw-gradient-from: #F8BB54;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .lg\:from-yellow-500 {
-    --tw-gradient-from: #F59E0B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .lg\:from-yellow-600 {
-    --tw-gradient-from: #DD8E0A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .lg\:from-yellow-700 {
-    --tw-gradient-from: #B87708;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .lg\:from-yellow-800 {
-    --tw-gradient-from: #935F07;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .lg\:from-yellow-900 {
-    --tw-gradient-from: #784D05;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .lg\:from-red-50 {
-    --tw-gradient-from: #FEF7F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .lg\:from-red-100 {
-    --tw-gradient-from: #FDEEEC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .lg\:from-red-200 {
-    --tw-gradient-from: #FBD6D0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .lg\:from-red-300 {
-    --tw-gradient-from: #F9BDB4;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .lg\:from-red-400 {
-    --tw-gradient-from: #F48B7C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .lg\:from-red-500 {
-    --tw-gradient-from: #EF5844;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .lg\:from-red-600 {
-    --tw-gradient-from: #D7503D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .lg\:from-red-700 {
-    --tw-gradient-from: #B34333;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .lg\:from-red-800 {
-    --tw-gradient-from: #8F3529;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .lg\:from-red-900 {
-    --tw-gradient-from: #752C21;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .lg\:from-green-50 {
-    --tw-gradient-from: #F4FDF7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .lg\:from-green-100 {
-    --tw-gradient-from: #EAFAF0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .lg\:from-green-200 {
-    --tw-gradient-from: #CAF4D9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .lg\:from-green-300 {
-    --tw-gradient-from: #AAEDC3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .lg\:from-green-400 {
-    --tw-gradient-from: #6ADF95;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .lg\:from-green-500 {
-    --tw-gradient-from: #2AD167;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .lg\:from-green-600 {
-    --tw-gradient-from: #26BC5E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .lg\:from-green-700 {
-    --tw-gradient-from: #209D4E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .lg\:from-green-800 {
-    --tw-gradient-from: #197D3E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .lg\:from-green-900 {
-    --tw-gradient-from: #156633;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .lg\:from-blue-50 {
-    --tw-gradient-from: #F5F9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .lg\:from-blue-100 {
-    --tw-gradient-from: #EBF3FE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .lg\:from-blue-200 {
-    --tw-gradient-from: #CEE0FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .lg\:from-blue-300 {
-    --tw-gradient-from: #B1CDFB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .lg\:from-blue-400 {
-    --tw-gradient-from: #76A8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .lg\:from-blue-500 {
-    --tw-gradient-from: #3B82F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .lg\:from-blue-600 {
-    --tw-gradient-from: #3575DD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .lg\:from-blue-700 {
-    --tw-gradient-from: #2C62B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .lg\:from-blue-800 {
-    --tw-gradient-from: #234E94;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .lg\:from-blue-900 {
-    --tw-gradient-from: #1D4079;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .lg\:from-gray-50 {
-    --tw-gradient-from: #f9fafb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .lg\:from-gray-100 {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .lg\:from-gray-200 {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .lg\:from-gray-300 {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .lg\:from-gray-400 {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .lg\:from-gray-500 {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .lg\:from-gray-600 {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .lg\:from-gray-700 {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .lg\:from-gray-800 {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .lg\:from-gray-900 {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .lg\:via-current {
-    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:via-transparent {
-    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:via-black {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:via-white {
-    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:via-darkCoolGray-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .lg\:via-darkCoolGray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .lg\:via-darkCoolGray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .lg\:via-darkCoolGray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .lg\:via-darkCoolGray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .lg\:via-darkCoolGray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .lg\:via-darkCoolGray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .lg\:via-darkCoolGray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .lg\:via-darkCoolGray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .lg\:via-darkCoolGray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .lg\:via-coolGray-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .lg\:via-coolGray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .lg\:via-coolGray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .lg\:via-coolGray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .lg\:via-coolGray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .lg\:via-coolGray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .lg\:via-coolGray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .lg\:via-coolGray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .lg\:via-coolGray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .lg\:via-coolGray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .lg\:via-indigo-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .lg\:via-indigo-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .lg\:via-indigo-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .lg\:via-indigo-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .lg\:via-indigo-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .lg\:via-indigo-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .lg\:via-indigo-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .lg\:via-indigo-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .lg\:via-indigo-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .lg\:via-indigo-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .lg\:via-violet-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .lg\:via-violet-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .lg\:via-violet-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .lg\:via-violet-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .lg\:via-violet-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .lg\:via-violet-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .lg\:via-violet-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .lg\:via-violet-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .lg\:via-violet-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .lg\:via-violet-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .lg\:via-yellow-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .lg\:via-yellow-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .lg\:via-yellow-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .lg\:via-yellow-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .lg\:via-yellow-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .lg\:via-yellow-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .lg\:via-yellow-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .lg\:via-yellow-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .lg\:via-yellow-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .lg\:via-yellow-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .lg\:via-red-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .lg\:via-red-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .lg\:via-red-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .lg\:via-red-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .lg\:via-red-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .lg\:via-red-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .lg\:via-red-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .lg\:via-red-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .lg\:via-red-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .lg\:via-red-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .lg\:via-green-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .lg\:via-green-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .lg\:via-green-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .lg\:via-green-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .lg\:via-green-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .lg\:via-green-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .lg\:via-green-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .lg\:via-green-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .lg\:via-green-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .lg\:via-green-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .lg\:via-blue-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .lg\:via-blue-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .lg\:via-blue-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .lg\:via-blue-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .lg\:via-blue-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .lg\:via-blue-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .lg\:via-blue-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .lg\:via-blue-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .lg\:via-blue-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .lg\:via-blue-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .lg\:via-gray-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .lg\:via-gray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .lg\:via-gray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .lg\:via-gray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .lg\:via-gray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .lg\:via-gray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .lg\:via-gray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .lg\:via-gray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .lg\:via-gray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .lg\:via-gray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .lg\:to-current {
-    --tw-gradient-to: currentColor;
-  }
-
-  .lg\:to-transparent {
-    --tw-gradient-to: transparent;
-  }
-
-  .lg\:to-black {
-    --tw-gradient-to: #000;
-  }
-
-  .lg\:to-white {
-    --tw-gradient-to: #fff;
-  }
-
-  .lg\:to-darkCoolGray-50 {
-    --tw-gradient-to: #F5F6F7;
-  }
-
-  .lg\:to-darkCoolGray-100 {
-    --tw-gradient-to: #EBEDEF;
-  }
-
-  .lg\:to-darkCoolGray-200 {
-    --tw-gradient-to: #CED1D6;
-  }
-
-  .lg\:to-darkCoolGray-300 {
-    --tw-gradient-to: #B0B5BD;
-  }
-
-  .lg\:to-darkCoolGray-400 {
-    --tw-gradient-to: #757E8C;
-  }
-
-  .lg\:to-darkCoolGray-500 {
-    --tw-gradient-to: #3A475B;
-  }
-
-  .lg\:to-darkCoolGray-600 {
-    --tw-gradient-to: #344052;
-  }
-
-  .lg\:to-darkCoolGray-700 {
-    --tw-gradient-to: #2C3544;
-  }
-
-  .lg\:to-darkCoolGray-800 {
-    --tw-gradient-to: #232B37;
-  }
-
-  .lg\:to-darkCoolGray-900 {
-    --tw-gradient-to: #1C232D;
-  }
-
-  .lg\:to-coolGray-50 {
-    --tw-gradient-to: #F7F8F9;
-  }
-
-  .lg\:to-coolGray-100 {
-    --tw-gradient-to: #EEF0F3;
-  }
-
-  .lg\:to-coolGray-200 {
-    --tw-gradient-to: #D5DAE1;
-  }
-
-  .lg\:to-coolGray-300 {
-    --tw-gradient-to: #BBC3CF;
-  }
-
-  .lg\:to-coolGray-400 {
-    --tw-gradient-to: #8896AB;
-  }
-
-  .lg\:to-coolGray-500 {
-    --tw-gradient-to: #556987;
-  }
-
-  .lg\:to-coolGray-600 {
-    --tw-gradient-to: #4D5F7A;
-  }
-
-  .lg\:to-coolGray-700 {
-    --tw-gradient-to: #404F65;
-  }
-
-  .lg\:to-coolGray-800 {
-    --tw-gradient-to: #333F51;
-  }
-
-  .lg\:to-coolGray-900 {
-    --tw-gradient-to: #2A3342;
-  }
-
-  .lg\:to-indigo-50 {
-    --tw-gradient-to: #F8F6FF;
-  }
-
-  .lg\:to-indigo-100 {
-    --tw-gradient-to: #F0EEFF;
-  }
-
-  .lg\:to-indigo-200 {
-    --tw-gradient-to: #DAD4FF;
-  }
-
-  .lg\:to-indigo-300 {
-    --tw-gradient-to: #C3B9FF;
-  }
-
-  .lg\:to-indigo-400 {
-    --tw-gradient-to: #9685FF;
-  }
-
-  .lg\:to-indigo-500 {
-    --tw-gradient-to: #6951FF;
-  }
-
-  .lg\:to-indigo-600 {
-    --tw-gradient-to: #5F49E6;
-  }
-
-  .lg\:to-indigo-700 {
-    --tw-gradient-to: #4F3DBF;
-  }
-
-  .lg\:to-indigo-800 {
-    --tw-gradient-to: #3F3199;
-  }
-
-  .lg\:to-indigo-900 {
-    --tw-gradient-to: #33287D;
-  }
-
-  .lg\:to-violet-50 {
-    --tw-gradient-to: #FBF7FF;
-  }
-
-  .lg\:to-violet-100 {
-    --tw-gradient-to: #F6EEFE;
-  }
-
-  .lg\:to-violet-200 {
-    --tw-gradient-to: #E9D5FD;
-  }
-
-  .lg\:to-violet-300 {
-    --tw-gradient-to: #DCBBFC;
-  }
-
-  .lg\:to-violet-400 {
-    --tw-gradient-to: #C288F9;
-  }
-
-  .lg\:to-violet-500 {
-    --tw-gradient-to: #A855F7;
-  }
-
-  .lg\:to-violet-600 {
-    --tw-gradient-to: #974DDE;
-  }
-
-  .lg\:to-violet-700 {
-    --tw-gradient-to: #7E40B9;
-  }
-
-  .lg\:to-violet-800 {
-    --tw-gradient-to: #653394;
-  }
-
-  .lg\:to-violet-900 {
-    --tw-gradient-to: #522A79;
-  }
-
-  .lg\:to-yellow-50 {
-    --tw-gradient-to: #FFFAF3;
-  }
-
-  .lg\:to-yellow-100 {
-    --tw-gradient-to: #FEF5E7;
-  }
-
-  .lg\:to-yellow-200 {
-    --tw-gradient-to: #FDE7C2;
-  }
-
-  .lg\:to-yellow-300 {
-    --tw-gradient-to: #FBD89D;
-  }
-
-  .lg\:to-yellow-400 {
-    --tw-gradient-to: #F8BB54;
-  }
-
-  .lg\:to-yellow-500 {
-    --tw-gradient-to: #F59E0B;
-  }
-
-  .lg\:to-yellow-600 {
-    --tw-gradient-to: #DD8E0A;
-  }
-
-  .lg\:to-yellow-700 {
-    --tw-gradient-to: #B87708;
-  }
-
-  .lg\:to-yellow-800 {
-    --tw-gradient-to: #935F07;
-  }
-
-  .lg\:to-yellow-900 {
-    --tw-gradient-to: #784D05;
-  }
-
-  .lg\:to-red-50 {
-    --tw-gradient-to: #FEF7F6;
-  }
-
-  .lg\:to-red-100 {
-    --tw-gradient-to: #FDEEEC;
-  }
-
-  .lg\:to-red-200 {
-    --tw-gradient-to: #FBD6D0;
-  }
-
-  .lg\:to-red-300 {
-    --tw-gradient-to: #F9BDB4;
-  }
-
-  .lg\:to-red-400 {
-    --tw-gradient-to: #F48B7C;
-  }
-
-  .lg\:to-red-500 {
-    --tw-gradient-to: #EF5844;
-  }
-
-  .lg\:to-red-600 {
-    --tw-gradient-to: #D7503D;
-  }
-
-  .lg\:to-red-700 {
-    --tw-gradient-to: #B34333;
-  }
-
-  .lg\:to-red-800 {
-    --tw-gradient-to: #8F3529;
-  }
-
-  .lg\:to-red-900 {
-    --tw-gradient-to: #752C21;
-  }
-
-  .lg\:to-green-50 {
-    --tw-gradient-to: #F4FDF7;
-  }
-
-  .lg\:to-green-100 {
-    --tw-gradient-to: #EAFAF0;
-  }
-
-  .lg\:to-green-200 {
-    --tw-gradient-to: #CAF4D9;
-  }
-
-  .lg\:to-green-300 {
-    --tw-gradient-to: #AAEDC3;
-  }
-
-  .lg\:to-green-400 {
-    --tw-gradient-to: #6ADF95;
-  }
-
-  .lg\:to-green-500 {
-    --tw-gradient-to: #2AD167;
-  }
-
-  .lg\:to-green-600 {
-    --tw-gradient-to: #26BC5E;
-  }
-
-  .lg\:to-green-700 {
-    --tw-gradient-to: #209D4E;
-  }
-
-  .lg\:to-green-800 {
-    --tw-gradient-to: #197D3E;
-  }
-
-  .lg\:to-green-900 {
-    --tw-gradient-to: #156633;
-  }
-
-  .lg\:to-blue-50 {
-    --tw-gradient-to: #F5F9FF;
-  }
-
-  .lg\:to-blue-100 {
-    --tw-gradient-to: #EBF3FE;
-  }
-
-  .lg\:to-blue-200 {
-    --tw-gradient-to: #CEE0FD;
-  }
-
-  .lg\:to-blue-300 {
-    --tw-gradient-to: #B1CDFB;
-  }
-
-  .lg\:to-blue-400 {
-    --tw-gradient-to: #76A8F9;
-  }
-
-  .lg\:to-blue-500 {
-    --tw-gradient-to: #3B82F6;
-  }
-
-  .lg\:to-blue-600 {
-    --tw-gradient-to: #3575DD;
-  }
-
-  .lg\:to-blue-700 {
-    --tw-gradient-to: #2C62B9;
-  }
-
-  .lg\:to-blue-800 {
-    --tw-gradient-to: #234E94;
-  }
-
-  .lg\:to-blue-900 {
-    --tw-gradient-to: #1D4079;
-  }
-
-  .lg\:to-gray-50 {
-    --tw-gradient-to: #f9fafb;
-  }
-
-  .lg\:to-gray-100 {
-    --tw-gradient-to: #f3f4f6;
-  }
-
-  .lg\:to-gray-200 {
-    --tw-gradient-to: #e5e7eb;
-  }
-
-  .lg\:to-gray-300 {
-    --tw-gradient-to: #d1d5db;
-  }
-
-  .lg\:to-gray-400 {
-    --tw-gradient-to: #9ca3af;
-  }
-
-  .lg\:to-gray-500 {
-    --tw-gradient-to: #6b7280;
-  }
-
-  .lg\:to-gray-600 {
-    --tw-gradient-to: #4b5563;
-  }
-
-  .lg\:to-gray-700 {
-    --tw-gradient-to: #374151;
-  }
-
-  .lg\:to-gray-800 {
-    --tw-gradient-to: #1f2937;
-  }
-
-  .lg\:to-gray-900 {
-    --tw-gradient-to: #111827;
-  }
-
-  .lg\:hover\:from-current:hover {
-    --tw-gradient-from: currentColor;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:hover\:from-transparent:hover {
-    --tw-gradient-from: transparent;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:hover\:from-black:hover {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:hover\:from-white:hover {
-    --tw-gradient-from: #fff;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:hover\:from-darkCoolGray-50:hover {
-    --tw-gradient-from: #F5F6F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .lg\:hover\:from-darkCoolGray-100:hover {
-    --tw-gradient-from: #EBEDEF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .lg\:hover\:from-darkCoolGray-200:hover {
-    --tw-gradient-from: #CED1D6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .lg\:hover\:from-darkCoolGray-300:hover {
-    --tw-gradient-from: #B0B5BD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .lg\:hover\:from-darkCoolGray-400:hover {
-    --tw-gradient-from: #757E8C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .lg\:hover\:from-darkCoolGray-500:hover {
-    --tw-gradient-from: #3A475B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .lg\:hover\:from-darkCoolGray-600:hover {
-    --tw-gradient-from: #344052;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .lg\:hover\:from-darkCoolGray-700:hover {
-    --tw-gradient-from: #2C3544;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .lg\:hover\:from-darkCoolGray-800:hover {
-    --tw-gradient-from: #232B37;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .lg\:hover\:from-darkCoolGray-900:hover {
-    --tw-gradient-from: #1C232D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .lg\:hover\:from-coolGray-50:hover {
-    --tw-gradient-from: #F7F8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .lg\:hover\:from-coolGray-100:hover {
-    --tw-gradient-from: #EEF0F3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .lg\:hover\:from-coolGray-200:hover {
-    --tw-gradient-from: #D5DAE1;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .lg\:hover\:from-coolGray-300:hover {
-    --tw-gradient-from: #BBC3CF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .lg\:hover\:from-coolGray-400:hover {
-    --tw-gradient-from: #8896AB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .lg\:hover\:from-coolGray-500:hover {
-    --tw-gradient-from: #556987;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .lg\:hover\:from-coolGray-600:hover {
-    --tw-gradient-from: #4D5F7A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .lg\:hover\:from-coolGray-700:hover {
-    --tw-gradient-from: #404F65;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .lg\:hover\:from-coolGray-800:hover {
-    --tw-gradient-from: #333F51;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .lg\:hover\:from-coolGray-900:hover {
-    --tw-gradient-from: #2A3342;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .lg\:hover\:from-indigo-50:hover {
-    --tw-gradient-from: #F8F6FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .lg\:hover\:from-indigo-100:hover {
-    --tw-gradient-from: #F0EEFF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .lg\:hover\:from-indigo-200:hover {
-    --tw-gradient-from: #DAD4FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .lg\:hover\:from-indigo-300:hover {
-    --tw-gradient-from: #C3B9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .lg\:hover\:from-indigo-400:hover {
-    --tw-gradient-from: #9685FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .lg\:hover\:from-indigo-500:hover {
-    --tw-gradient-from: #6951FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .lg\:hover\:from-indigo-600:hover {
-    --tw-gradient-from: #5F49E6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .lg\:hover\:from-indigo-700:hover {
-    --tw-gradient-from: #4F3DBF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .lg\:hover\:from-indigo-800:hover {
-    --tw-gradient-from: #3F3199;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .lg\:hover\:from-indigo-900:hover {
-    --tw-gradient-from: #33287D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .lg\:hover\:from-violet-50:hover {
-    --tw-gradient-from: #FBF7FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .lg\:hover\:from-violet-100:hover {
-    --tw-gradient-from: #F6EEFE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .lg\:hover\:from-violet-200:hover {
-    --tw-gradient-from: #E9D5FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .lg\:hover\:from-violet-300:hover {
-    --tw-gradient-from: #DCBBFC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .lg\:hover\:from-violet-400:hover {
-    --tw-gradient-from: #C288F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .lg\:hover\:from-violet-500:hover {
-    --tw-gradient-from: #A855F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .lg\:hover\:from-violet-600:hover {
-    --tw-gradient-from: #974DDE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .lg\:hover\:from-violet-700:hover {
-    --tw-gradient-from: #7E40B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .lg\:hover\:from-violet-800:hover {
-    --tw-gradient-from: #653394;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .lg\:hover\:from-violet-900:hover {
-    --tw-gradient-from: #522A79;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .lg\:hover\:from-yellow-50:hover {
-    --tw-gradient-from: #FFFAF3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .lg\:hover\:from-yellow-100:hover {
-    --tw-gradient-from: #FEF5E7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .lg\:hover\:from-yellow-200:hover {
-    --tw-gradient-from: #FDE7C2;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .lg\:hover\:from-yellow-300:hover {
-    --tw-gradient-from: #FBD89D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .lg\:hover\:from-yellow-400:hover {
-    --tw-gradient-from: #F8BB54;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .lg\:hover\:from-yellow-500:hover {
-    --tw-gradient-from: #F59E0B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .lg\:hover\:from-yellow-600:hover {
-    --tw-gradient-from: #DD8E0A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .lg\:hover\:from-yellow-700:hover {
-    --tw-gradient-from: #B87708;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .lg\:hover\:from-yellow-800:hover {
-    --tw-gradient-from: #935F07;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .lg\:hover\:from-yellow-900:hover {
-    --tw-gradient-from: #784D05;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .lg\:hover\:from-red-50:hover {
-    --tw-gradient-from: #FEF7F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .lg\:hover\:from-red-100:hover {
-    --tw-gradient-from: #FDEEEC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .lg\:hover\:from-red-200:hover {
-    --tw-gradient-from: #FBD6D0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .lg\:hover\:from-red-300:hover {
-    --tw-gradient-from: #F9BDB4;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .lg\:hover\:from-red-400:hover {
-    --tw-gradient-from: #F48B7C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .lg\:hover\:from-red-500:hover {
-    --tw-gradient-from: #EF5844;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .lg\:hover\:from-red-600:hover {
-    --tw-gradient-from: #D7503D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .lg\:hover\:from-red-700:hover {
-    --tw-gradient-from: #B34333;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .lg\:hover\:from-red-800:hover {
-    --tw-gradient-from: #8F3529;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .lg\:hover\:from-red-900:hover {
-    --tw-gradient-from: #752C21;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .lg\:hover\:from-green-50:hover {
-    --tw-gradient-from: #F4FDF7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .lg\:hover\:from-green-100:hover {
-    --tw-gradient-from: #EAFAF0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .lg\:hover\:from-green-200:hover {
-    --tw-gradient-from: #CAF4D9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .lg\:hover\:from-green-300:hover {
-    --tw-gradient-from: #AAEDC3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .lg\:hover\:from-green-400:hover {
-    --tw-gradient-from: #6ADF95;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .lg\:hover\:from-green-500:hover {
-    --tw-gradient-from: #2AD167;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .lg\:hover\:from-green-600:hover {
-    --tw-gradient-from: #26BC5E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .lg\:hover\:from-green-700:hover {
-    --tw-gradient-from: #209D4E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .lg\:hover\:from-green-800:hover {
-    --tw-gradient-from: #197D3E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .lg\:hover\:from-green-900:hover {
-    --tw-gradient-from: #156633;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .lg\:hover\:from-blue-50:hover {
-    --tw-gradient-from: #F5F9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .lg\:hover\:from-blue-100:hover {
-    --tw-gradient-from: #EBF3FE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .lg\:hover\:from-blue-200:hover {
-    --tw-gradient-from: #CEE0FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .lg\:hover\:from-blue-300:hover {
-    --tw-gradient-from: #B1CDFB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .lg\:hover\:from-blue-400:hover {
-    --tw-gradient-from: #76A8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .lg\:hover\:from-blue-500:hover {
-    --tw-gradient-from: #3B82F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .lg\:hover\:from-blue-600:hover {
-    --tw-gradient-from: #3575DD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .lg\:hover\:from-blue-700:hover {
-    --tw-gradient-from: #2C62B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .lg\:hover\:from-blue-800:hover {
-    --tw-gradient-from: #234E94;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .lg\:hover\:from-blue-900:hover {
-    --tw-gradient-from: #1D4079;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .lg\:hover\:from-gray-50:hover {
-    --tw-gradient-from: #f9fafb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .lg\:hover\:from-gray-100:hover {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .lg\:hover\:from-gray-200:hover {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .lg\:hover\:from-gray-300:hover {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .lg\:hover\:from-gray-400:hover {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .lg\:hover\:from-gray-500:hover {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .lg\:hover\:from-gray-600:hover {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .lg\:hover\:from-gray-700:hover {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .lg\:hover\:from-gray-800:hover {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .lg\:hover\:from-gray-900:hover {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .lg\:hover\:via-current:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:hover\:via-transparent:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:hover\:via-black:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:hover\:via-white:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:hover\:via-darkCoolGray-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .lg\:hover\:via-darkCoolGray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .lg\:hover\:via-darkCoolGray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .lg\:hover\:via-darkCoolGray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .lg\:hover\:via-darkCoolGray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .lg\:hover\:via-darkCoolGray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .lg\:hover\:via-darkCoolGray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .lg\:hover\:via-darkCoolGray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .lg\:hover\:via-darkCoolGray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .lg\:hover\:via-darkCoolGray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .lg\:hover\:via-coolGray-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .lg\:hover\:via-coolGray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .lg\:hover\:via-coolGray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .lg\:hover\:via-coolGray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .lg\:hover\:via-coolGray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .lg\:hover\:via-coolGray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .lg\:hover\:via-coolGray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .lg\:hover\:via-coolGray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .lg\:hover\:via-coolGray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .lg\:hover\:via-coolGray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .lg\:hover\:via-indigo-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .lg\:hover\:via-indigo-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .lg\:hover\:via-indigo-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .lg\:hover\:via-indigo-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .lg\:hover\:via-indigo-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .lg\:hover\:via-indigo-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .lg\:hover\:via-indigo-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .lg\:hover\:via-indigo-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .lg\:hover\:via-indigo-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .lg\:hover\:via-indigo-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .lg\:hover\:via-violet-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .lg\:hover\:via-violet-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .lg\:hover\:via-violet-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .lg\:hover\:via-violet-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .lg\:hover\:via-violet-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .lg\:hover\:via-violet-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .lg\:hover\:via-violet-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .lg\:hover\:via-violet-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .lg\:hover\:via-violet-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .lg\:hover\:via-violet-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .lg\:hover\:via-yellow-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .lg\:hover\:via-yellow-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .lg\:hover\:via-yellow-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .lg\:hover\:via-yellow-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .lg\:hover\:via-yellow-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .lg\:hover\:via-yellow-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .lg\:hover\:via-yellow-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .lg\:hover\:via-yellow-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .lg\:hover\:via-yellow-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .lg\:hover\:via-yellow-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .lg\:hover\:via-red-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .lg\:hover\:via-red-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .lg\:hover\:via-red-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .lg\:hover\:via-red-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .lg\:hover\:via-red-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .lg\:hover\:via-red-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .lg\:hover\:via-red-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .lg\:hover\:via-red-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .lg\:hover\:via-red-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .lg\:hover\:via-red-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .lg\:hover\:via-green-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .lg\:hover\:via-green-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .lg\:hover\:via-green-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .lg\:hover\:via-green-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .lg\:hover\:via-green-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .lg\:hover\:via-green-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .lg\:hover\:via-green-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .lg\:hover\:via-green-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .lg\:hover\:via-green-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .lg\:hover\:via-green-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .lg\:hover\:via-blue-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .lg\:hover\:via-blue-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .lg\:hover\:via-blue-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .lg\:hover\:via-blue-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .lg\:hover\:via-blue-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .lg\:hover\:via-blue-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .lg\:hover\:via-blue-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .lg\:hover\:via-blue-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .lg\:hover\:via-blue-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .lg\:hover\:via-blue-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .lg\:hover\:via-gray-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .lg\:hover\:via-gray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .lg\:hover\:via-gray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .lg\:hover\:via-gray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .lg\:hover\:via-gray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .lg\:hover\:via-gray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .lg\:hover\:via-gray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .lg\:hover\:via-gray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .lg\:hover\:via-gray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .lg\:hover\:via-gray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .lg\:hover\:to-current:hover {
-    --tw-gradient-to: currentColor;
-  }
-
-  .lg\:hover\:to-transparent:hover {
-    --tw-gradient-to: transparent;
-  }
-
-  .lg\:hover\:to-black:hover {
-    --tw-gradient-to: #000;
-  }
-
-  .lg\:hover\:to-white:hover {
-    --tw-gradient-to: #fff;
-  }
-
-  .lg\:hover\:to-darkCoolGray-50:hover {
-    --tw-gradient-to: #F5F6F7;
-  }
-
-  .lg\:hover\:to-darkCoolGray-100:hover {
-    --tw-gradient-to: #EBEDEF;
-  }
-
-  .lg\:hover\:to-darkCoolGray-200:hover {
-    --tw-gradient-to: #CED1D6;
-  }
-
-  .lg\:hover\:to-darkCoolGray-300:hover {
-    --tw-gradient-to: #B0B5BD;
-  }
-
-  .lg\:hover\:to-darkCoolGray-400:hover {
-    --tw-gradient-to: #757E8C;
-  }
-
-  .lg\:hover\:to-darkCoolGray-500:hover {
-    --tw-gradient-to: #3A475B;
-  }
-
-  .lg\:hover\:to-darkCoolGray-600:hover {
-    --tw-gradient-to: #344052;
-  }
-
-  .lg\:hover\:to-darkCoolGray-700:hover {
-    --tw-gradient-to: #2C3544;
-  }
-
-  .lg\:hover\:to-darkCoolGray-800:hover {
-    --tw-gradient-to: #232B37;
-  }
-
-  .lg\:hover\:to-darkCoolGray-900:hover {
-    --tw-gradient-to: #1C232D;
-  }
-
-  .lg\:hover\:to-coolGray-50:hover {
-    --tw-gradient-to: #F7F8F9;
-  }
-
-  .lg\:hover\:to-coolGray-100:hover {
-    --tw-gradient-to: #EEF0F3;
-  }
-
-  .lg\:hover\:to-coolGray-200:hover {
-    --tw-gradient-to: #D5DAE1;
-  }
-
-  .lg\:hover\:to-coolGray-300:hover {
-    --tw-gradient-to: #BBC3CF;
-  }
-
-  .lg\:hover\:to-coolGray-400:hover {
-    --tw-gradient-to: #8896AB;
-  }
-
-  .lg\:hover\:to-coolGray-500:hover {
-    --tw-gradient-to: #556987;
-  }
-
-  .lg\:hover\:to-coolGray-600:hover {
-    --tw-gradient-to: #4D5F7A;
-  }
-
-  .lg\:hover\:to-coolGray-700:hover {
-    --tw-gradient-to: #404F65;
-  }
-
-  .lg\:hover\:to-coolGray-800:hover {
-    --tw-gradient-to: #333F51;
-  }
-
-  .lg\:hover\:to-coolGray-900:hover {
-    --tw-gradient-to: #2A3342;
-  }
-
-  .lg\:hover\:to-indigo-50:hover {
-    --tw-gradient-to: #F8F6FF;
-  }
-
-  .lg\:hover\:to-indigo-100:hover {
-    --tw-gradient-to: #F0EEFF;
-  }
-
-  .lg\:hover\:to-indigo-200:hover {
-    --tw-gradient-to: #DAD4FF;
-  }
-
-  .lg\:hover\:to-indigo-300:hover {
-    --tw-gradient-to: #C3B9FF;
-  }
-
-  .lg\:hover\:to-indigo-400:hover {
-    --tw-gradient-to: #9685FF;
-  }
-
-  .lg\:hover\:to-indigo-500:hover {
-    --tw-gradient-to: #6951FF;
-  }
-
-  .lg\:hover\:to-indigo-600:hover {
-    --tw-gradient-to: #5F49E6;
-  }
-
-  .lg\:hover\:to-indigo-700:hover {
-    --tw-gradient-to: #4F3DBF;
-  }
-
-  .lg\:hover\:to-indigo-800:hover {
-    --tw-gradient-to: #3F3199;
-  }
-
-  .lg\:hover\:to-indigo-900:hover {
-    --tw-gradient-to: #33287D;
-  }
-
-  .lg\:hover\:to-violet-50:hover {
-    --tw-gradient-to: #FBF7FF;
-  }
-
-  .lg\:hover\:to-violet-100:hover {
-    --tw-gradient-to: #F6EEFE;
-  }
-
-  .lg\:hover\:to-violet-200:hover {
-    --tw-gradient-to: #E9D5FD;
-  }
-
-  .lg\:hover\:to-violet-300:hover {
-    --tw-gradient-to: #DCBBFC;
-  }
-
-  .lg\:hover\:to-violet-400:hover {
-    --tw-gradient-to: #C288F9;
-  }
-
-  .lg\:hover\:to-violet-500:hover {
-    --tw-gradient-to: #A855F7;
-  }
-
-  .lg\:hover\:to-violet-600:hover {
-    --tw-gradient-to: #974DDE;
-  }
-
-  .lg\:hover\:to-violet-700:hover {
-    --tw-gradient-to: #7E40B9;
-  }
-
-  .lg\:hover\:to-violet-800:hover {
-    --tw-gradient-to: #653394;
-  }
-
-  .lg\:hover\:to-violet-900:hover {
-    --tw-gradient-to: #522A79;
-  }
-
-  .lg\:hover\:to-yellow-50:hover {
-    --tw-gradient-to: #FFFAF3;
-  }
-
-  .lg\:hover\:to-yellow-100:hover {
-    --tw-gradient-to: #FEF5E7;
-  }
-
-  .lg\:hover\:to-yellow-200:hover {
-    --tw-gradient-to: #FDE7C2;
-  }
-
-  .lg\:hover\:to-yellow-300:hover {
-    --tw-gradient-to: #FBD89D;
-  }
-
-  .lg\:hover\:to-yellow-400:hover {
-    --tw-gradient-to: #F8BB54;
-  }
-
-  .lg\:hover\:to-yellow-500:hover {
-    --tw-gradient-to: #F59E0B;
-  }
-
-  .lg\:hover\:to-yellow-600:hover {
-    --tw-gradient-to: #DD8E0A;
-  }
-
-  .lg\:hover\:to-yellow-700:hover {
-    --tw-gradient-to: #B87708;
-  }
-
-  .lg\:hover\:to-yellow-800:hover {
-    --tw-gradient-to: #935F07;
-  }
-
-  .lg\:hover\:to-yellow-900:hover {
-    --tw-gradient-to: #784D05;
-  }
-
-  .lg\:hover\:to-red-50:hover {
-    --tw-gradient-to: #FEF7F6;
-  }
-
-  .lg\:hover\:to-red-100:hover {
-    --tw-gradient-to: #FDEEEC;
-  }
-
-  .lg\:hover\:to-red-200:hover {
-    --tw-gradient-to: #FBD6D0;
-  }
-
-  .lg\:hover\:to-red-300:hover {
-    --tw-gradient-to: #F9BDB4;
-  }
-
-  .lg\:hover\:to-red-400:hover {
-    --tw-gradient-to: #F48B7C;
-  }
-
-  .lg\:hover\:to-red-500:hover {
-    --tw-gradient-to: #EF5844;
-  }
-
-  .lg\:hover\:to-red-600:hover {
-    --tw-gradient-to: #D7503D;
-  }
-
-  .lg\:hover\:to-red-700:hover {
-    --tw-gradient-to: #B34333;
-  }
-
-  .lg\:hover\:to-red-800:hover {
-    --tw-gradient-to: #8F3529;
-  }
-
-  .lg\:hover\:to-red-900:hover {
-    --tw-gradient-to: #752C21;
-  }
-
-  .lg\:hover\:to-green-50:hover {
-    --tw-gradient-to: #F4FDF7;
-  }
-
-  .lg\:hover\:to-green-100:hover {
-    --tw-gradient-to: #EAFAF0;
-  }
-
-  .lg\:hover\:to-green-200:hover {
-    --tw-gradient-to: #CAF4D9;
-  }
-
-  .lg\:hover\:to-green-300:hover {
-    --tw-gradient-to: #AAEDC3;
-  }
-
-  .lg\:hover\:to-green-400:hover {
-    --tw-gradient-to: #6ADF95;
-  }
-
-  .lg\:hover\:to-green-500:hover {
-    --tw-gradient-to: #2AD167;
-  }
-
-  .lg\:hover\:to-green-600:hover {
-    --tw-gradient-to: #26BC5E;
-  }
-
-  .lg\:hover\:to-green-700:hover {
-    --tw-gradient-to: #209D4E;
-  }
-
-  .lg\:hover\:to-green-800:hover {
-    --tw-gradient-to: #197D3E;
-  }
-
-  .lg\:hover\:to-green-900:hover {
-    --tw-gradient-to: #156633;
-  }
-
-  .lg\:hover\:to-blue-50:hover {
-    --tw-gradient-to: #F5F9FF;
-  }
-
-  .lg\:hover\:to-blue-100:hover {
-    --tw-gradient-to: #EBF3FE;
-  }
-
-  .lg\:hover\:to-blue-200:hover {
-    --tw-gradient-to: #CEE0FD;
-  }
-
-  .lg\:hover\:to-blue-300:hover {
-    --tw-gradient-to: #B1CDFB;
-  }
-
-  .lg\:hover\:to-blue-400:hover {
-    --tw-gradient-to: #76A8F9;
-  }
-
-  .lg\:hover\:to-blue-500:hover {
-    --tw-gradient-to: #3B82F6;
-  }
-
-  .lg\:hover\:to-blue-600:hover {
-    --tw-gradient-to: #3575DD;
-  }
-
-  .lg\:hover\:to-blue-700:hover {
-    --tw-gradient-to: #2C62B9;
-  }
-
-  .lg\:hover\:to-blue-800:hover {
-    --tw-gradient-to: #234E94;
-  }
-
-  .lg\:hover\:to-blue-900:hover {
-    --tw-gradient-to: #1D4079;
-  }
-
-  .lg\:hover\:to-gray-50:hover {
-    --tw-gradient-to: #f9fafb;
-  }
-
-  .lg\:hover\:to-gray-100:hover {
-    --tw-gradient-to: #f3f4f6;
-  }
-
-  .lg\:hover\:to-gray-200:hover {
-    --tw-gradient-to: #e5e7eb;
-  }
-
-  .lg\:hover\:to-gray-300:hover {
-    --tw-gradient-to: #d1d5db;
-  }
-
-  .lg\:hover\:to-gray-400:hover {
-    --tw-gradient-to: #9ca3af;
-  }
-
-  .lg\:hover\:to-gray-500:hover {
-    --tw-gradient-to: #6b7280;
-  }
-
-  .lg\:hover\:to-gray-600:hover {
-    --tw-gradient-to: #4b5563;
-  }
-
-  .lg\:hover\:to-gray-700:hover {
-    --tw-gradient-to: #374151;
-  }
-
-  .lg\:hover\:to-gray-800:hover {
-    --tw-gradient-to: #1f2937;
-  }
-
-  .lg\:hover\:to-gray-900:hover {
-    --tw-gradient-to: #111827;
-  }
-
-  .lg\:focus\:from-current:focus {
-    --tw-gradient-from: currentColor;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:focus\:from-transparent:focus {
-    --tw-gradient-from: transparent;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:focus\:from-black:focus {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:focus\:from-white:focus {
-    --tw-gradient-from: #fff;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:focus\:from-darkCoolGray-50:focus {
-    --tw-gradient-from: #F5F6F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .lg\:focus\:from-darkCoolGray-100:focus {
-    --tw-gradient-from: #EBEDEF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .lg\:focus\:from-darkCoolGray-200:focus {
-    --tw-gradient-from: #CED1D6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .lg\:focus\:from-darkCoolGray-300:focus {
-    --tw-gradient-from: #B0B5BD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .lg\:focus\:from-darkCoolGray-400:focus {
-    --tw-gradient-from: #757E8C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .lg\:focus\:from-darkCoolGray-500:focus {
-    --tw-gradient-from: #3A475B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .lg\:focus\:from-darkCoolGray-600:focus {
-    --tw-gradient-from: #344052;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .lg\:focus\:from-darkCoolGray-700:focus {
-    --tw-gradient-from: #2C3544;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .lg\:focus\:from-darkCoolGray-800:focus {
-    --tw-gradient-from: #232B37;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .lg\:focus\:from-darkCoolGray-900:focus {
-    --tw-gradient-from: #1C232D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .lg\:focus\:from-coolGray-50:focus {
-    --tw-gradient-from: #F7F8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .lg\:focus\:from-coolGray-100:focus {
-    --tw-gradient-from: #EEF0F3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .lg\:focus\:from-coolGray-200:focus {
-    --tw-gradient-from: #D5DAE1;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .lg\:focus\:from-coolGray-300:focus {
-    --tw-gradient-from: #BBC3CF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .lg\:focus\:from-coolGray-400:focus {
-    --tw-gradient-from: #8896AB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .lg\:focus\:from-coolGray-500:focus {
-    --tw-gradient-from: #556987;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .lg\:focus\:from-coolGray-600:focus {
-    --tw-gradient-from: #4D5F7A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .lg\:focus\:from-coolGray-700:focus {
-    --tw-gradient-from: #404F65;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .lg\:focus\:from-coolGray-800:focus {
-    --tw-gradient-from: #333F51;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .lg\:focus\:from-coolGray-900:focus {
-    --tw-gradient-from: #2A3342;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .lg\:focus\:from-indigo-50:focus {
-    --tw-gradient-from: #F8F6FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .lg\:focus\:from-indigo-100:focus {
-    --tw-gradient-from: #F0EEFF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .lg\:focus\:from-indigo-200:focus {
-    --tw-gradient-from: #DAD4FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .lg\:focus\:from-indigo-300:focus {
-    --tw-gradient-from: #C3B9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .lg\:focus\:from-indigo-400:focus {
-    --tw-gradient-from: #9685FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .lg\:focus\:from-indigo-500:focus {
-    --tw-gradient-from: #6951FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .lg\:focus\:from-indigo-600:focus {
-    --tw-gradient-from: #5F49E6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .lg\:focus\:from-indigo-700:focus {
-    --tw-gradient-from: #4F3DBF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .lg\:focus\:from-indigo-800:focus {
-    --tw-gradient-from: #3F3199;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .lg\:focus\:from-indigo-900:focus {
-    --tw-gradient-from: #33287D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .lg\:focus\:from-violet-50:focus {
-    --tw-gradient-from: #FBF7FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .lg\:focus\:from-violet-100:focus {
-    --tw-gradient-from: #F6EEFE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .lg\:focus\:from-violet-200:focus {
-    --tw-gradient-from: #E9D5FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .lg\:focus\:from-violet-300:focus {
-    --tw-gradient-from: #DCBBFC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .lg\:focus\:from-violet-400:focus {
-    --tw-gradient-from: #C288F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .lg\:focus\:from-violet-500:focus {
-    --tw-gradient-from: #A855F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .lg\:focus\:from-violet-600:focus {
-    --tw-gradient-from: #974DDE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .lg\:focus\:from-violet-700:focus {
-    --tw-gradient-from: #7E40B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .lg\:focus\:from-violet-800:focus {
-    --tw-gradient-from: #653394;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .lg\:focus\:from-violet-900:focus {
-    --tw-gradient-from: #522A79;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .lg\:focus\:from-yellow-50:focus {
-    --tw-gradient-from: #FFFAF3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .lg\:focus\:from-yellow-100:focus {
-    --tw-gradient-from: #FEF5E7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .lg\:focus\:from-yellow-200:focus {
-    --tw-gradient-from: #FDE7C2;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .lg\:focus\:from-yellow-300:focus {
-    --tw-gradient-from: #FBD89D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .lg\:focus\:from-yellow-400:focus {
-    --tw-gradient-from: #F8BB54;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .lg\:focus\:from-yellow-500:focus {
-    --tw-gradient-from: #F59E0B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .lg\:focus\:from-yellow-600:focus {
-    --tw-gradient-from: #DD8E0A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .lg\:focus\:from-yellow-700:focus {
-    --tw-gradient-from: #B87708;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .lg\:focus\:from-yellow-800:focus {
-    --tw-gradient-from: #935F07;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .lg\:focus\:from-yellow-900:focus {
-    --tw-gradient-from: #784D05;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .lg\:focus\:from-red-50:focus {
-    --tw-gradient-from: #FEF7F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .lg\:focus\:from-red-100:focus {
-    --tw-gradient-from: #FDEEEC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .lg\:focus\:from-red-200:focus {
-    --tw-gradient-from: #FBD6D0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .lg\:focus\:from-red-300:focus {
-    --tw-gradient-from: #F9BDB4;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .lg\:focus\:from-red-400:focus {
-    --tw-gradient-from: #F48B7C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .lg\:focus\:from-red-500:focus {
-    --tw-gradient-from: #EF5844;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .lg\:focus\:from-red-600:focus {
-    --tw-gradient-from: #D7503D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .lg\:focus\:from-red-700:focus {
-    --tw-gradient-from: #B34333;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .lg\:focus\:from-red-800:focus {
-    --tw-gradient-from: #8F3529;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .lg\:focus\:from-red-900:focus {
-    --tw-gradient-from: #752C21;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .lg\:focus\:from-green-50:focus {
-    --tw-gradient-from: #F4FDF7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .lg\:focus\:from-green-100:focus {
-    --tw-gradient-from: #EAFAF0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .lg\:focus\:from-green-200:focus {
-    --tw-gradient-from: #CAF4D9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .lg\:focus\:from-green-300:focus {
-    --tw-gradient-from: #AAEDC3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .lg\:focus\:from-green-400:focus {
-    --tw-gradient-from: #6ADF95;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .lg\:focus\:from-green-500:focus {
-    --tw-gradient-from: #2AD167;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .lg\:focus\:from-green-600:focus {
-    --tw-gradient-from: #26BC5E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .lg\:focus\:from-green-700:focus {
-    --tw-gradient-from: #209D4E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .lg\:focus\:from-green-800:focus {
-    --tw-gradient-from: #197D3E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .lg\:focus\:from-green-900:focus {
-    --tw-gradient-from: #156633;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .lg\:focus\:from-blue-50:focus {
-    --tw-gradient-from: #F5F9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .lg\:focus\:from-blue-100:focus {
-    --tw-gradient-from: #EBF3FE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .lg\:focus\:from-blue-200:focus {
-    --tw-gradient-from: #CEE0FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .lg\:focus\:from-blue-300:focus {
-    --tw-gradient-from: #B1CDFB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .lg\:focus\:from-blue-400:focus {
-    --tw-gradient-from: #76A8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .lg\:focus\:from-blue-500:focus {
-    --tw-gradient-from: #3B82F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .lg\:focus\:from-blue-600:focus {
-    --tw-gradient-from: #3575DD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .lg\:focus\:from-blue-700:focus {
-    --tw-gradient-from: #2C62B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .lg\:focus\:from-blue-800:focus {
-    --tw-gradient-from: #234E94;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .lg\:focus\:from-blue-900:focus {
-    --tw-gradient-from: #1D4079;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .lg\:focus\:from-gray-50:focus {
-    --tw-gradient-from: #f9fafb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .lg\:focus\:from-gray-100:focus {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .lg\:focus\:from-gray-200:focus {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .lg\:focus\:from-gray-300:focus {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .lg\:focus\:from-gray-400:focus {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .lg\:focus\:from-gray-500:focus {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .lg\:focus\:from-gray-600:focus {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .lg\:focus\:from-gray-700:focus {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .lg\:focus\:from-gray-800:focus {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .lg\:focus\:from-gray-900:focus {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .lg\:focus\:via-current:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:focus\:via-transparent:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:focus\:via-black:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:focus\:via-white:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:focus\:via-darkCoolGray-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .lg\:focus\:via-darkCoolGray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .lg\:focus\:via-darkCoolGray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .lg\:focus\:via-darkCoolGray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .lg\:focus\:via-darkCoolGray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .lg\:focus\:via-darkCoolGray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .lg\:focus\:via-darkCoolGray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .lg\:focus\:via-darkCoolGray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .lg\:focus\:via-darkCoolGray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .lg\:focus\:via-darkCoolGray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .lg\:focus\:via-coolGray-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .lg\:focus\:via-coolGray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .lg\:focus\:via-coolGray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .lg\:focus\:via-coolGray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .lg\:focus\:via-coolGray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .lg\:focus\:via-coolGray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .lg\:focus\:via-coolGray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .lg\:focus\:via-coolGray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .lg\:focus\:via-coolGray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .lg\:focus\:via-coolGray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .lg\:focus\:via-indigo-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .lg\:focus\:via-indigo-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .lg\:focus\:via-indigo-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .lg\:focus\:via-indigo-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .lg\:focus\:via-indigo-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .lg\:focus\:via-indigo-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .lg\:focus\:via-indigo-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .lg\:focus\:via-indigo-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .lg\:focus\:via-indigo-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .lg\:focus\:via-indigo-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .lg\:focus\:via-violet-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .lg\:focus\:via-violet-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .lg\:focus\:via-violet-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .lg\:focus\:via-violet-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .lg\:focus\:via-violet-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .lg\:focus\:via-violet-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .lg\:focus\:via-violet-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .lg\:focus\:via-violet-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .lg\:focus\:via-violet-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .lg\:focus\:via-violet-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .lg\:focus\:via-yellow-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .lg\:focus\:via-yellow-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .lg\:focus\:via-yellow-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .lg\:focus\:via-yellow-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .lg\:focus\:via-yellow-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .lg\:focus\:via-yellow-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .lg\:focus\:via-yellow-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .lg\:focus\:via-yellow-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .lg\:focus\:via-yellow-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .lg\:focus\:via-yellow-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .lg\:focus\:via-red-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .lg\:focus\:via-red-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .lg\:focus\:via-red-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .lg\:focus\:via-red-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .lg\:focus\:via-red-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .lg\:focus\:via-red-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .lg\:focus\:via-red-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .lg\:focus\:via-red-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .lg\:focus\:via-red-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .lg\:focus\:via-red-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .lg\:focus\:via-green-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .lg\:focus\:via-green-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .lg\:focus\:via-green-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .lg\:focus\:via-green-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .lg\:focus\:via-green-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .lg\:focus\:via-green-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .lg\:focus\:via-green-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .lg\:focus\:via-green-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .lg\:focus\:via-green-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .lg\:focus\:via-green-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .lg\:focus\:via-blue-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .lg\:focus\:via-blue-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .lg\:focus\:via-blue-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .lg\:focus\:via-blue-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .lg\:focus\:via-blue-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .lg\:focus\:via-blue-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .lg\:focus\:via-blue-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .lg\:focus\:via-blue-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .lg\:focus\:via-blue-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .lg\:focus\:via-blue-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .lg\:focus\:via-gray-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .lg\:focus\:via-gray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .lg\:focus\:via-gray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .lg\:focus\:via-gray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .lg\:focus\:via-gray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .lg\:focus\:via-gray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .lg\:focus\:via-gray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .lg\:focus\:via-gray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .lg\:focus\:via-gray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .lg\:focus\:via-gray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .lg\:focus\:to-current:focus {
-    --tw-gradient-to: currentColor;
-  }
-
-  .lg\:focus\:to-transparent:focus {
-    --tw-gradient-to: transparent;
-  }
-
-  .lg\:focus\:to-black:focus {
-    --tw-gradient-to: #000;
-  }
-
-  .lg\:focus\:to-white:focus {
-    --tw-gradient-to: #fff;
-  }
-
-  .lg\:focus\:to-darkCoolGray-50:focus {
-    --tw-gradient-to: #F5F6F7;
-  }
-
-  .lg\:focus\:to-darkCoolGray-100:focus {
-    --tw-gradient-to: #EBEDEF;
-  }
-
-  .lg\:focus\:to-darkCoolGray-200:focus {
-    --tw-gradient-to: #CED1D6;
-  }
-
-  .lg\:focus\:to-darkCoolGray-300:focus {
-    --tw-gradient-to: #B0B5BD;
-  }
-
-  .lg\:focus\:to-darkCoolGray-400:focus {
-    --tw-gradient-to: #757E8C;
-  }
-
-  .lg\:focus\:to-darkCoolGray-500:focus {
-    --tw-gradient-to: #3A475B;
-  }
-
-  .lg\:focus\:to-darkCoolGray-600:focus {
-    --tw-gradient-to: #344052;
-  }
-
-  .lg\:focus\:to-darkCoolGray-700:focus {
-    --tw-gradient-to: #2C3544;
-  }
-
-  .lg\:focus\:to-darkCoolGray-800:focus {
-    --tw-gradient-to: #232B37;
-  }
-
-  .lg\:focus\:to-darkCoolGray-900:focus {
-    --tw-gradient-to: #1C232D;
-  }
-
-  .lg\:focus\:to-coolGray-50:focus {
-    --tw-gradient-to: #F7F8F9;
-  }
-
-  .lg\:focus\:to-coolGray-100:focus {
-    --tw-gradient-to: #EEF0F3;
-  }
-
-  .lg\:focus\:to-coolGray-200:focus {
-    --tw-gradient-to: #D5DAE1;
-  }
-
-  .lg\:focus\:to-coolGray-300:focus {
-    --tw-gradient-to: #BBC3CF;
-  }
-
-  .lg\:focus\:to-coolGray-400:focus {
-    --tw-gradient-to: #8896AB;
-  }
-
-  .lg\:focus\:to-coolGray-500:focus {
-    --tw-gradient-to: #556987;
-  }
-
-  .lg\:focus\:to-coolGray-600:focus {
-    --tw-gradient-to: #4D5F7A;
-  }
-
-  .lg\:focus\:to-coolGray-700:focus {
-    --tw-gradient-to: #404F65;
-  }
-
-  .lg\:focus\:to-coolGray-800:focus {
-    --tw-gradient-to: #333F51;
-  }
-
-  .lg\:focus\:to-coolGray-900:focus {
-    --tw-gradient-to: #2A3342;
-  }
-
-  .lg\:focus\:to-indigo-50:focus {
-    --tw-gradient-to: #F8F6FF;
-  }
-
-  .lg\:focus\:to-indigo-100:focus {
-    --tw-gradient-to: #F0EEFF;
-  }
-
-  .lg\:focus\:to-indigo-200:focus {
-    --tw-gradient-to: #DAD4FF;
-  }
-
-  .lg\:focus\:to-indigo-300:focus {
-    --tw-gradient-to: #C3B9FF;
-  }
-
-  .lg\:focus\:to-indigo-400:focus {
-    --tw-gradient-to: #9685FF;
-  }
-
-  .lg\:focus\:to-indigo-500:focus {
-    --tw-gradient-to: #6951FF;
-  }
-
-  .lg\:focus\:to-indigo-600:focus {
-    --tw-gradient-to: #5F49E6;
-  }
-
-  .lg\:focus\:to-indigo-700:focus {
-    --tw-gradient-to: #4F3DBF;
-  }
-
-  .lg\:focus\:to-indigo-800:focus {
-    --tw-gradient-to: #3F3199;
-  }
-
-  .lg\:focus\:to-indigo-900:focus {
-    --tw-gradient-to: #33287D;
-  }
-
-  .lg\:focus\:to-violet-50:focus {
-    --tw-gradient-to: #FBF7FF;
-  }
-
-  .lg\:focus\:to-violet-100:focus {
-    --tw-gradient-to: #F6EEFE;
-  }
-
-  .lg\:focus\:to-violet-200:focus {
-    --tw-gradient-to: #E9D5FD;
-  }
-
-  .lg\:focus\:to-violet-300:focus {
-    --tw-gradient-to: #DCBBFC;
-  }
-
-  .lg\:focus\:to-violet-400:focus {
-    --tw-gradient-to: #C288F9;
-  }
-
-  .lg\:focus\:to-violet-500:focus {
-    --tw-gradient-to: #A855F7;
-  }
-
-  .lg\:focus\:to-violet-600:focus {
-    --tw-gradient-to: #974DDE;
-  }
-
-  .lg\:focus\:to-violet-700:focus {
-    --tw-gradient-to: #7E40B9;
-  }
-
-  .lg\:focus\:to-violet-800:focus {
-    --tw-gradient-to: #653394;
-  }
-
-  .lg\:focus\:to-violet-900:focus {
-    --tw-gradient-to: #522A79;
-  }
-
-  .lg\:focus\:to-yellow-50:focus {
-    --tw-gradient-to: #FFFAF3;
-  }
-
-  .lg\:focus\:to-yellow-100:focus {
-    --tw-gradient-to: #FEF5E7;
-  }
-
-  .lg\:focus\:to-yellow-200:focus {
-    --tw-gradient-to: #FDE7C2;
-  }
-
-  .lg\:focus\:to-yellow-300:focus {
-    --tw-gradient-to: #FBD89D;
-  }
-
-  .lg\:focus\:to-yellow-400:focus {
-    --tw-gradient-to: #F8BB54;
-  }
-
-  .lg\:focus\:to-yellow-500:focus {
-    --tw-gradient-to: #F59E0B;
-  }
-
-  .lg\:focus\:to-yellow-600:focus {
-    --tw-gradient-to: #DD8E0A;
-  }
-
-  .lg\:focus\:to-yellow-700:focus {
-    --tw-gradient-to: #B87708;
-  }
-
-  .lg\:focus\:to-yellow-800:focus {
-    --tw-gradient-to: #935F07;
-  }
-
-  .lg\:focus\:to-yellow-900:focus {
-    --tw-gradient-to: #784D05;
-  }
-
-  .lg\:focus\:to-red-50:focus {
-    --tw-gradient-to: #FEF7F6;
-  }
-
-  .lg\:focus\:to-red-100:focus {
-    --tw-gradient-to: #FDEEEC;
-  }
-
-  .lg\:focus\:to-red-200:focus {
-    --tw-gradient-to: #FBD6D0;
-  }
-
-  .lg\:focus\:to-red-300:focus {
-    --tw-gradient-to: #F9BDB4;
-  }
-
-  .lg\:focus\:to-red-400:focus {
-    --tw-gradient-to: #F48B7C;
-  }
-
-  .lg\:focus\:to-red-500:focus {
-    --tw-gradient-to: #EF5844;
-  }
-
-  .lg\:focus\:to-red-600:focus {
-    --tw-gradient-to: #D7503D;
-  }
-
-  .lg\:focus\:to-red-700:focus {
-    --tw-gradient-to: #B34333;
-  }
-
-  .lg\:focus\:to-red-800:focus {
-    --tw-gradient-to: #8F3529;
-  }
-
-  .lg\:focus\:to-red-900:focus {
-    --tw-gradient-to: #752C21;
-  }
-
-  .lg\:focus\:to-green-50:focus {
-    --tw-gradient-to: #F4FDF7;
-  }
-
-  .lg\:focus\:to-green-100:focus {
-    --tw-gradient-to: #EAFAF0;
-  }
-
-  .lg\:focus\:to-green-200:focus {
-    --tw-gradient-to: #CAF4D9;
-  }
-
-  .lg\:focus\:to-green-300:focus {
-    --tw-gradient-to: #AAEDC3;
-  }
-
-  .lg\:focus\:to-green-400:focus {
-    --tw-gradient-to: #6ADF95;
-  }
-
-  .lg\:focus\:to-green-500:focus {
-    --tw-gradient-to: #2AD167;
-  }
-
-  .lg\:focus\:to-green-600:focus {
-    --tw-gradient-to: #26BC5E;
-  }
-
-  .lg\:focus\:to-green-700:focus {
-    --tw-gradient-to: #209D4E;
-  }
-
-  .lg\:focus\:to-green-800:focus {
-    --tw-gradient-to: #197D3E;
-  }
-
-  .lg\:focus\:to-green-900:focus {
-    --tw-gradient-to: #156633;
-  }
-
-  .lg\:focus\:to-blue-50:focus {
-    --tw-gradient-to: #F5F9FF;
-  }
-
-  .lg\:focus\:to-blue-100:focus {
-    --tw-gradient-to: #EBF3FE;
-  }
-
-  .lg\:focus\:to-blue-200:focus {
-    --tw-gradient-to: #CEE0FD;
-  }
-
-  .lg\:focus\:to-blue-300:focus {
-    --tw-gradient-to: #B1CDFB;
-  }
-
-  .lg\:focus\:to-blue-400:focus {
-    --tw-gradient-to: #76A8F9;
-  }
-
-  .lg\:focus\:to-blue-500:focus {
-    --tw-gradient-to: #3B82F6;
-  }
-
-  .lg\:focus\:to-blue-600:focus {
-    --tw-gradient-to: #3575DD;
-  }
-
-  .lg\:focus\:to-blue-700:focus {
-    --tw-gradient-to: #2C62B9;
-  }
-
-  .lg\:focus\:to-blue-800:focus {
-    --tw-gradient-to: #234E94;
-  }
-
-  .lg\:focus\:to-blue-900:focus {
-    --tw-gradient-to: #1D4079;
-  }
-
-  .lg\:focus\:to-gray-50:focus {
-    --tw-gradient-to: #f9fafb;
-  }
-
-  .lg\:focus\:to-gray-100:focus {
-    --tw-gradient-to: #f3f4f6;
-  }
-
-  .lg\:focus\:to-gray-200:focus {
-    --tw-gradient-to: #e5e7eb;
-  }
-
-  .lg\:focus\:to-gray-300:focus {
-    --tw-gradient-to: #d1d5db;
-  }
-
-  .lg\:focus\:to-gray-400:focus {
-    --tw-gradient-to: #9ca3af;
-  }
-
-  .lg\:focus\:to-gray-500:focus {
-    --tw-gradient-to: #6b7280;
-  }
-
-  .lg\:focus\:to-gray-600:focus {
-    --tw-gradient-to: #4b5563;
-  }
-
-  .lg\:focus\:to-gray-700:focus {
-    --tw-gradient-to: #374151;
-  }
-
-  .lg\:focus\:to-gray-800:focus {
-    --tw-gradient-to: #1f2937;
-  }
-
-  .lg\:focus\:to-gray-900:focus {
-    --tw-gradient-to: #111827;
-  }
-
-  .lg\:bg-opacity-0 {
-    --tw-bg-opacity: 0;
-  }
-
-  .lg\:bg-opacity-5 {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .lg\:bg-opacity-10 {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .lg\:bg-opacity-20 {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .lg\:bg-opacity-25 {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .lg\:bg-opacity-30 {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .lg\:bg-opacity-40 {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .lg\:bg-opacity-50 {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .lg\:bg-opacity-60 {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .lg\:bg-opacity-70 {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .lg\:bg-opacity-75 {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .lg\:bg-opacity-80 {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .lg\:bg-opacity-90 {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .lg\:bg-opacity-95 {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .lg\:bg-opacity-100 {
-    --tw-bg-opacity: 1;
-  }
-
-  .group:hover .lg\:group-hover\:bg-opacity-0 {
-    --tw-bg-opacity: 0;
-  }
-
-  .group:hover .lg\:group-hover\:bg-opacity-5 {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .group:hover .lg\:group-hover\:bg-opacity-10 {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .group:hover .lg\:group-hover\:bg-opacity-20 {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .group:hover .lg\:group-hover\:bg-opacity-25 {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .group:hover .lg\:group-hover\:bg-opacity-30 {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .group:hover .lg\:group-hover\:bg-opacity-40 {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .group:hover .lg\:group-hover\:bg-opacity-50 {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .group:hover .lg\:group-hover\:bg-opacity-60 {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .group:hover .lg\:group-hover\:bg-opacity-70 {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .group:hover .lg\:group-hover\:bg-opacity-75 {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .group:hover .lg\:group-hover\:bg-opacity-80 {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .group:hover .lg\:group-hover\:bg-opacity-90 {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .group:hover .lg\:group-hover\:bg-opacity-95 {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .group:hover .lg\:group-hover\:bg-opacity-100 {
-    --tw-bg-opacity: 1;
-  }
-
-  .lg\:focus-within\:bg-opacity-0:focus-within {
-    --tw-bg-opacity: 0;
-  }
-
-  .lg\:focus-within\:bg-opacity-5:focus-within {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .lg\:focus-within\:bg-opacity-10:focus-within {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .lg\:focus-within\:bg-opacity-20:focus-within {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .lg\:focus-within\:bg-opacity-25:focus-within {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .lg\:focus-within\:bg-opacity-30:focus-within {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .lg\:focus-within\:bg-opacity-40:focus-within {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .lg\:focus-within\:bg-opacity-50:focus-within {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .lg\:focus-within\:bg-opacity-60:focus-within {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .lg\:focus-within\:bg-opacity-70:focus-within {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .lg\:focus-within\:bg-opacity-75:focus-within {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .lg\:focus-within\:bg-opacity-80:focus-within {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .lg\:focus-within\:bg-opacity-90:focus-within {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .lg\:focus-within\:bg-opacity-95:focus-within {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .lg\:focus-within\:bg-opacity-100:focus-within {
-    --tw-bg-opacity: 1;
-  }
-
-  .lg\:hover\:bg-opacity-0:hover {
-    --tw-bg-opacity: 0;
-  }
-
-  .lg\:hover\:bg-opacity-5:hover {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .lg\:hover\:bg-opacity-10:hover {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .lg\:hover\:bg-opacity-20:hover {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .lg\:hover\:bg-opacity-25:hover {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .lg\:hover\:bg-opacity-30:hover {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .lg\:hover\:bg-opacity-40:hover {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .lg\:hover\:bg-opacity-50:hover {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .lg\:hover\:bg-opacity-60:hover {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .lg\:hover\:bg-opacity-70:hover {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .lg\:hover\:bg-opacity-75:hover {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .lg\:hover\:bg-opacity-80:hover {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .lg\:hover\:bg-opacity-90:hover {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .lg\:hover\:bg-opacity-95:hover {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .lg\:hover\:bg-opacity-100:hover {
-    --tw-bg-opacity: 1;
-  }
-
-  .lg\:focus\:bg-opacity-0:focus {
-    --tw-bg-opacity: 0;
-  }
-
-  .lg\:focus\:bg-opacity-5:focus {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .lg\:focus\:bg-opacity-10:focus {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .lg\:focus\:bg-opacity-20:focus {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .lg\:focus\:bg-opacity-25:focus {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .lg\:focus\:bg-opacity-30:focus {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .lg\:focus\:bg-opacity-40:focus {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .lg\:focus\:bg-opacity-50:focus {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .lg\:focus\:bg-opacity-60:focus {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .lg\:focus\:bg-opacity-70:focus {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .lg\:focus\:bg-opacity-75:focus {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .lg\:focus\:bg-opacity-80:focus {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .lg\:focus\:bg-opacity-90:focus {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .lg\:focus\:bg-opacity-95:focus {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .lg\:focus\:bg-opacity-100:focus {
-    --tw-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-black {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .lg\:border-white {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:border-darkCoolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .lg\:border-darkCoolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .lg\:border-darkCoolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .lg\:border-darkCoolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .lg\:border-darkCoolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .lg\:border-darkCoolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .lg\:border-darkCoolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .lg\:border-darkCoolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .lg\:border-darkCoolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .lg\:border-darkCoolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .lg\:border-coolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .lg\:border-coolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .lg\:border-coolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .lg\:border-coolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .lg\:border-coolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .lg\:border-coolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .lg\:border-coolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .lg\:border-coolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .lg\:border-coolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .lg\:border-coolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .lg\:border-indigo-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:border-indigo-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:border-indigo-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:border-indigo-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:border-indigo-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:border-indigo-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:border-indigo-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .lg\:border-indigo-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .lg\:border-indigo-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .lg\:border-indigo-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .lg\:border-violet-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:border-violet-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .lg\:border-violet-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .lg\:border-violet-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .lg\:border-violet-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .lg\:border-violet-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .lg\:border-violet-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .lg\:border-violet-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .lg\:border-violet-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .lg\:border-violet-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .lg\:border-yellow-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .lg\:border-yellow-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .lg\:border-yellow-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .lg\:border-yellow-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .lg\:border-yellow-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .lg\:border-yellow-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .lg\:border-yellow-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .lg\:border-yellow-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .lg\:border-yellow-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .lg\:border-yellow-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .lg\:border-red-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .lg\:border-red-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .lg\:border-red-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .lg\:border-red-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .lg\:border-red-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .lg\:border-red-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .lg\:border-red-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .lg\:border-red-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .lg\:border-red-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .lg\:border-red-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .lg\:border-green-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .lg\:border-green-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .lg\:border-green-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .lg\:border-green-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .lg\:border-green-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .lg\:border-green-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .lg\:border-green-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .lg\:border-green-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .lg\:border-green-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .lg\:border-green-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .lg\:border-blue-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:border-blue-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .lg\:border-blue-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .lg\:border-blue-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .lg\:border-blue-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .lg\:border-blue-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .lg\:border-blue-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .lg\:border-blue-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .lg\:border-blue-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .lg\:border-blue-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .lg\:border-gray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .lg\:border-gray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .lg\:border-gray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .lg\:border-gray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .lg\:border-gray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .lg\:border-gray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .lg\:border-gray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .lg\:border-gray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .lg\:border-gray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .lg\:border-gray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-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-black {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-white {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-darkCoolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-darkCoolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-darkCoolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-darkCoolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-darkCoolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-darkCoolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-darkCoolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-darkCoolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-darkCoolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-darkCoolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-coolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-coolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-coolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-coolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-coolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-coolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-coolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-coolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-coolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-coolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-violet-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-violet-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-violet-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-violet-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-violet-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-violet-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-violet-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-violet-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-violet-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-violet-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-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-black:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-white:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-darkCoolGray-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-darkCoolGray-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-darkCoolGray-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-darkCoolGray-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-darkCoolGray-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-darkCoolGray-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-darkCoolGray-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-darkCoolGray-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-darkCoolGray-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-darkCoolGray-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-coolGray-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-coolGray-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-coolGray-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-coolGray-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-coolGray-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-coolGray-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-coolGray-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-coolGray-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-coolGray-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-coolGray-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-violet-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-violet-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-violet-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-violet-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-violet-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-violet-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-violet-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-violet-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-violet-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-violet-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-current:hover {
-    border-color: currentColor;
-  }
-
-  .lg\:hover\:border-transparent:hover {
-    border-color: transparent;
-  }
-
-  .lg\:hover\:border-black:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-white:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-darkCoolGray-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-darkCoolGray-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-darkCoolGray-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-darkCoolGray-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-darkCoolGray-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-darkCoolGray-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-darkCoolGray-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-darkCoolGray-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-darkCoolGray-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-darkCoolGray-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-coolGray-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-coolGray-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-coolGray-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-coolGray-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-coolGray-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-coolGray-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-coolGray-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-coolGray-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-coolGray-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-coolGray-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-violet-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-violet-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-violet-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-violet-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-violet-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-violet-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-violet-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-violet-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-violet-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-violet-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-red-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-red-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-red-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-red-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-red-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-red-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-red-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-red-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-red-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-red-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-green-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-green-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-green-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-green-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-green-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-green-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-green-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-green-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-green-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-green-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-blue-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-blue-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-blue-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-blue-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-blue-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-blue-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-blue-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-blue-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-blue-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-blue-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-gray-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-gray-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-gray-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-gray-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-gray-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-gray-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-gray-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-gray-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-gray-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .lg\:hover\:border-gray-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-current:focus {
-    border-color: currentColor;
-  }
-
-  .lg\:focus\:border-transparent:focus {
-    border-color: transparent;
-  }
-
-  .lg\:focus\:border-black:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-white:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-darkCoolGray-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-darkCoolGray-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-darkCoolGray-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-darkCoolGray-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-darkCoolGray-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-darkCoolGray-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-darkCoolGray-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-darkCoolGray-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-darkCoolGray-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-darkCoolGray-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-coolGray-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-coolGray-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-coolGray-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-coolGray-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-coolGray-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-coolGray-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-coolGray-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-coolGray-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-coolGray-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-coolGray-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-violet-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-violet-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-violet-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-violet-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-violet-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-violet-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-violet-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-violet-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-violet-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-violet-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-red-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-red-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-red-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-red-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-red-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-red-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-red-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-red-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-red-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-red-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-green-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-green-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-green-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-green-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-green-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-green-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-green-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-green-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-green-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-green-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-blue-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-blue-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-blue-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-blue-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-blue-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-blue-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-blue-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-blue-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-blue-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-blue-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-gray-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-gray-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-gray-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-gray-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-gray-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-gray-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-gray-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-gray-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-gray-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .lg\:focus\:border-gray-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .lg\:border-opacity-0 {
-    --tw-border-opacity: 0;
-  }
-
-  .lg\:border-opacity-5 {
-    --tw-border-opacity: 0.05;
-  }
-
-  .lg\:border-opacity-10 {
-    --tw-border-opacity: 0.1;
-  }
-
-  .lg\:border-opacity-20 {
-    --tw-border-opacity: 0.2;
-  }
-
-  .lg\:border-opacity-25 {
-    --tw-border-opacity: 0.25;
-  }
-
-  .lg\:border-opacity-30 {
-    --tw-border-opacity: 0.3;
-  }
-
-  .lg\:border-opacity-40 {
-    --tw-border-opacity: 0.4;
-  }
-
-  .lg\:border-opacity-50 {
-    --tw-border-opacity: 0.5;
-  }
-
-  .lg\:border-opacity-60 {
-    --tw-border-opacity: 0.6;
-  }
-
-  .lg\:border-opacity-70 {
-    --tw-border-opacity: 0.7;
-  }
-
-  .lg\:border-opacity-75 {
-    --tw-border-opacity: 0.75;
-  }
-
-  .lg\:border-opacity-80 {
-    --tw-border-opacity: 0.8;
-  }
-
-  .lg\:border-opacity-90 {
-    --tw-border-opacity: 0.9;
-  }
-
-  .lg\:border-opacity-95 {
-    --tw-border-opacity: 0.95;
-  }
-
-  .lg\:border-opacity-100 {
-    --tw-border-opacity: 1;
-  }
-
-  .group:hover .lg\:group-hover\:border-opacity-0 {
-    --tw-border-opacity: 0;
-  }
-
-  .group:hover .lg\:group-hover\:border-opacity-5 {
-    --tw-border-opacity: 0.05;
-  }
-
-  .group:hover .lg\:group-hover\:border-opacity-10 {
-    --tw-border-opacity: 0.1;
-  }
-
-  .group:hover .lg\:group-hover\:border-opacity-20 {
-    --tw-border-opacity: 0.2;
-  }
-
-  .group:hover .lg\:group-hover\:border-opacity-25 {
-    --tw-border-opacity: 0.25;
-  }
-
-  .group:hover .lg\:group-hover\:border-opacity-30 {
-    --tw-border-opacity: 0.3;
-  }
-
-  .group:hover .lg\:group-hover\:border-opacity-40 {
-    --tw-border-opacity: 0.4;
-  }
-
-  .group:hover .lg\:group-hover\:border-opacity-50 {
-    --tw-border-opacity: 0.5;
-  }
-
-  .group:hover .lg\:group-hover\:border-opacity-60 {
-    --tw-border-opacity: 0.6;
-  }
-
-  .group:hover .lg\:group-hover\:border-opacity-70 {
-    --tw-border-opacity: 0.7;
-  }
-
-  .group:hover .lg\:group-hover\:border-opacity-75 {
-    --tw-border-opacity: 0.75;
-  }
-
-  .group:hover .lg\:group-hover\:border-opacity-80 {
-    --tw-border-opacity: 0.8;
-  }
-
-  .group:hover .lg\:group-hover\:border-opacity-90 {
-    --tw-border-opacity: 0.9;
-  }
-
-  .group:hover .lg\:group-hover\:border-opacity-95 {
-    --tw-border-opacity: 0.95;
-  }
-
-  .group:hover .lg\:group-hover\:border-opacity-100 {
-    --tw-border-opacity: 1;
-  }
-
-  .lg\:focus-within\:border-opacity-0:focus-within {
-    --tw-border-opacity: 0;
-  }
-
-  .lg\:focus-within\:border-opacity-5:focus-within {
-    --tw-border-opacity: 0.05;
-  }
-
-  .lg\:focus-within\:border-opacity-10:focus-within {
-    --tw-border-opacity: 0.1;
-  }
-
-  .lg\:focus-within\:border-opacity-20:focus-within {
-    --tw-border-opacity: 0.2;
-  }
-
-  .lg\:focus-within\:border-opacity-25:focus-within {
-    --tw-border-opacity: 0.25;
-  }
-
-  .lg\:focus-within\:border-opacity-30:focus-within {
-    --tw-border-opacity: 0.3;
-  }
-
-  .lg\:focus-within\:border-opacity-40:focus-within {
-    --tw-border-opacity: 0.4;
-  }
-
-  .lg\:focus-within\:border-opacity-50:focus-within {
-    --tw-border-opacity: 0.5;
-  }
-
-  .lg\:focus-within\:border-opacity-60:focus-within {
-    --tw-border-opacity: 0.6;
-  }
-
-  .lg\:focus-within\:border-opacity-70:focus-within {
-    --tw-border-opacity: 0.7;
-  }
-
-  .lg\:focus-within\:border-opacity-75:focus-within {
-    --tw-border-opacity: 0.75;
-  }
-
-  .lg\:focus-within\:border-opacity-80:focus-within {
-    --tw-border-opacity: 0.8;
-  }
-
-  .lg\:focus-within\:border-opacity-90:focus-within {
-    --tw-border-opacity: 0.9;
-  }
-
-  .lg\:focus-within\:border-opacity-95:focus-within {
-    --tw-border-opacity: 0.95;
-  }
-
-  .lg\:focus-within\:border-opacity-100:focus-within {
-    --tw-border-opacity: 1;
-  }
-
-  .lg\:hover\:border-opacity-0:hover {
-    --tw-border-opacity: 0;
-  }
-
-  .lg\:hover\:border-opacity-5:hover {
-    --tw-border-opacity: 0.05;
-  }
-
-  .lg\:hover\:border-opacity-10:hover {
-    --tw-border-opacity: 0.1;
-  }
-
-  .lg\:hover\:border-opacity-20:hover {
-    --tw-border-opacity: 0.2;
-  }
-
-  .lg\:hover\:border-opacity-25:hover {
-    --tw-border-opacity: 0.25;
-  }
-
-  .lg\:hover\:border-opacity-30:hover {
-    --tw-border-opacity: 0.3;
-  }
-
-  .lg\:hover\:border-opacity-40:hover {
-    --tw-border-opacity: 0.4;
-  }
-
-  .lg\:hover\:border-opacity-50:hover {
-    --tw-border-opacity: 0.5;
-  }
-
-  .lg\:hover\:border-opacity-60:hover {
-    --tw-border-opacity: 0.6;
-  }
-
-  .lg\:hover\:border-opacity-70:hover {
-    --tw-border-opacity: 0.7;
-  }
-
-  .lg\:hover\:border-opacity-75:hover {
-    --tw-border-opacity: 0.75;
-  }
-
-  .lg\:hover\:border-opacity-80:hover {
-    --tw-border-opacity: 0.8;
-  }
-
-  .lg\:hover\:border-opacity-90:hover {
-    --tw-border-opacity: 0.9;
-  }
-
-  .lg\:hover\:border-opacity-95:hover {
-    --tw-border-opacity: 0.95;
-  }
-
-  .lg\:hover\:border-opacity-100:hover {
-    --tw-border-opacity: 1;
-  }
-
-  .lg\:focus\:border-opacity-0:focus {
-    --tw-border-opacity: 0;
-  }
-
-  .lg\:focus\:border-opacity-5:focus {
-    --tw-border-opacity: 0.05;
-  }
-
-  .lg\:focus\:border-opacity-10:focus {
-    --tw-border-opacity: 0.1;
-  }
-
-  .lg\:focus\:border-opacity-20:focus {
-    --tw-border-opacity: 0.2;
-  }
-
-  .lg\:focus\:border-opacity-25:focus {
-    --tw-border-opacity: 0.25;
-  }
-
-  .lg\:focus\:border-opacity-30:focus {
-    --tw-border-opacity: 0.3;
-  }
-
-  .lg\:focus\:border-opacity-40:focus {
-    --tw-border-opacity: 0.4;
-  }
-
-  .lg\:focus\:border-opacity-50:focus {
-    --tw-border-opacity: 0.5;
-  }
-
-  .lg\:focus\:border-opacity-60:focus {
-    --tw-border-opacity: 0.6;
-  }
-
-  .lg\:focus\:border-opacity-70:focus {
-    --tw-border-opacity: 0.7;
-  }
-
-  .lg\:focus\:border-opacity-75:focus {
-    --tw-border-opacity: 0.75;
-  }
-
-  .lg\:focus\:border-opacity-80:focus {
-    --tw-border-opacity: 0.8;
-  }
-
-  .lg\:focus\:border-opacity-90:focus {
-    --tw-border-opacity: 0.9;
-  }
-
-  .lg\:focus\:border-opacity-95:focus {
-    --tw-border-opacity: 0.95;
-  }
-
-  .lg\:focus\:border-opacity-100:focus {
-    --tw-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.675rem;
-  }
-
-  .lg\:rounded-2xl {
-    border-radius: 0.75rem;
-  }
-
-  .lg\:rounded-3xl {
-    border-radius: 0.875rem;
-  }
-
-  .lg\:rounded-4xl {
-    border-radius: 1rem;
-  }
-
-  .lg\:rounded-5xl {
-    border-radius: 1.25rem;
-  }
-
-  .lg\:rounded-6xl {
-    border-radius: 1.375rem;
-  }
-
-  .lg\:rounded-7xl {
-    border-radius: 1.5rem;
-  }
-
-  .lg\:rounded-8xl {
-    border-radius: 2rem;
-  }
-
-  .lg\:rounded-9xl {
-    border-radius: 2.25rem;
-  }
-
-  .lg\:rounded-10xl {
-    border-radius: 2.5rem;
-  }
-
-  .lg\:rounded-11xl {
-    border-radius: 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.675rem;
-    border-top-right-radius: 0.675rem;
-  }
-
-  .lg\:rounded-r-xl {
-    border-top-right-radius: 0.675rem;
-    border-bottom-right-radius: 0.675rem;
-  }
-
-  .lg\:rounded-b-xl {
-    border-bottom-right-radius: 0.675rem;
-    border-bottom-left-radius: 0.675rem;
-  }
-
-  .lg\:rounded-l-xl {
-    border-top-left-radius: 0.675rem;
-    border-bottom-left-radius: 0.675rem;
-  }
-
-  .lg\:rounded-t-2xl {
-    border-top-left-radius: 0.75rem;
-    border-top-right-radius: 0.75rem;
-  }
-
-  .lg\:rounded-r-2xl {
-    border-top-right-radius: 0.75rem;
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .lg\:rounded-b-2xl {
-    border-bottom-right-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .lg\:rounded-l-2xl {
-    border-top-left-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .lg\:rounded-t-3xl {
-    border-top-left-radius: 0.875rem;
-    border-top-right-radius: 0.875rem;
-  }
-
-  .lg\:rounded-r-3xl {
-    border-top-right-radius: 0.875rem;
-    border-bottom-right-radius: 0.875rem;
-  }
-
-  .lg\:rounded-b-3xl {
-    border-bottom-right-radius: 0.875rem;
-    border-bottom-left-radius: 0.875rem;
-  }
-
-  .lg\:rounded-l-3xl {
-    border-top-left-radius: 0.875rem;
-    border-bottom-left-radius: 0.875rem;
-  }
-
-  .lg\:rounded-t-4xl {
-    border-top-left-radius: 1rem;
-    border-top-right-radius: 1rem;
-  }
-
-  .lg\:rounded-r-4xl {
-    border-top-right-radius: 1rem;
-    border-bottom-right-radius: 1rem;
-  }
-
-  .lg\:rounded-b-4xl {
-    border-bottom-right-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .lg\:rounded-l-4xl {
-    border-top-left-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .lg\:rounded-t-5xl {
-    border-top-left-radius: 1.25rem;
-    border-top-right-radius: 1.25rem;
-  }
-
-  .lg\:rounded-r-5xl {
-    border-top-right-radius: 1.25rem;
-    border-bottom-right-radius: 1.25rem;
-  }
-
-  .lg\:rounded-b-5xl {
-    border-bottom-right-radius: 1.25rem;
-    border-bottom-left-radius: 1.25rem;
-  }
-
-  .lg\:rounded-l-5xl {
-    border-top-left-radius: 1.25rem;
-    border-bottom-left-radius: 1.25rem;
-  }
-
-  .lg\:rounded-t-6xl {
-    border-top-left-radius: 1.375rem;
-    border-top-right-radius: 1.375rem;
-  }
-
-  .lg\:rounded-r-6xl {
-    border-top-right-radius: 1.375rem;
-    border-bottom-right-radius: 1.375rem;
-  }
-
-  .lg\:rounded-b-6xl {
-    border-bottom-right-radius: 1.375rem;
-    border-bottom-left-radius: 1.375rem;
-  }
-
-  .lg\:rounded-l-6xl {
-    border-top-left-radius: 1.375rem;
-    border-bottom-left-radius: 1.375rem;
-  }
-
-  .lg\:rounded-t-7xl {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-
-  .lg\:rounded-r-7xl {
-    border-top-right-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .lg\:rounded-b-7xl {
-    border-bottom-right-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .lg\:rounded-l-7xl {
-    border-top-left-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .lg\:rounded-t-8xl {
-    border-top-left-radius: 2rem;
-    border-top-right-radius: 2rem;
-  }
-
-  .lg\:rounded-r-8xl {
-    border-top-right-radius: 2rem;
-    border-bottom-right-radius: 2rem;
-  }
-
-  .lg\:rounded-b-8xl {
-    border-bottom-right-radius: 2rem;
-    border-bottom-left-radius: 2rem;
-  }
-
-  .lg\:rounded-l-8xl {
-    border-top-left-radius: 2rem;
-    border-bottom-left-radius: 2rem;
-  }
-
-  .lg\:rounded-t-9xl {
-    border-top-left-radius: 2.25rem;
-    border-top-right-radius: 2.25rem;
-  }
-
-  .lg\:rounded-r-9xl {
-    border-top-right-radius: 2.25rem;
-    border-bottom-right-radius: 2.25rem;
-  }
-
-  .lg\:rounded-b-9xl {
-    border-bottom-right-radius: 2.25rem;
-    border-bottom-left-radius: 2.25rem;
-  }
-
-  .lg\:rounded-l-9xl {
-    border-top-left-radius: 2.25rem;
-    border-bottom-left-radius: 2.25rem;
-  }
-
-  .lg\:rounded-t-10xl {
-    border-top-left-radius: 2.5rem;
-    border-top-right-radius: 2.5rem;
-  }
-
-  .lg\:rounded-r-10xl {
-    border-top-right-radius: 2.5rem;
-    border-bottom-right-radius: 2.5rem;
-  }
-
-  .lg\:rounded-b-10xl {
-    border-bottom-right-radius: 2.5rem;
-    border-bottom-left-radius: 2.5rem;
-  }
-
-  .lg\:rounded-l-10xl {
-    border-top-left-radius: 2.5rem;
-    border-bottom-left-radius: 2.5rem;
-  }
-
-  .lg\:rounded-t-11xl {
-    border-top-left-radius: 5rem;
-    border-top-right-radius: 5rem;
-  }
-
-  .lg\:rounded-r-11xl {
-    border-top-right-radius: 5rem;
-    border-bottom-right-radius: 5rem;
-  }
-
-  .lg\:rounded-b-11xl {
-    border-bottom-right-radius: 5rem;
-    border-bottom-left-radius: 5rem;
-  }
-
-  .lg\:rounded-l-11xl {
-    border-top-left-radius: 5rem;
-    border-bottom-left-radius: 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.675rem;
-  }
-
-  .lg\:rounded-tr-xl {
-    border-top-right-radius: 0.675rem;
-  }
-
-  .lg\:rounded-br-xl {
-    border-bottom-right-radius: 0.675rem;
-  }
-
-  .lg\:rounded-bl-xl {
-    border-bottom-left-radius: 0.675rem;
-  }
-
-  .lg\:rounded-tl-2xl {
-    border-top-left-radius: 0.75rem;
-  }
-
-  .lg\:rounded-tr-2xl {
-    border-top-right-radius: 0.75rem;
-  }
-
-  .lg\:rounded-br-2xl {
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .lg\:rounded-bl-2xl {
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .lg\:rounded-tl-3xl {
-    border-top-left-radius: 0.875rem;
-  }
-
-  .lg\:rounded-tr-3xl {
-    border-top-right-radius: 0.875rem;
-  }
-
-  .lg\:rounded-br-3xl {
-    border-bottom-right-radius: 0.875rem;
-  }
-
-  .lg\:rounded-bl-3xl {
-    border-bottom-left-radius: 0.875rem;
-  }
-
-  .lg\:rounded-tl-4xl {
-    border-top-left-radius: 1rem;
-  }
-
-  .lg\:rounded-tr-4xl {
-    border-top-right-radius: 1rem;
-  }
-
-  .lg\:rounded-br-4xl {
-    border-bottom-right-radius: 1rem;
-  }
-
-  .lg\:rounded-bl-4xl {
-    border-bottom-left-radius: 1rem;
-  }
-
-  .lg\:rounded-tl-5xl {
-    border-top-left-radius: 1.25rem;
-  }
-
-  .lg\:rounded-tr-5xl {
-    border-top-right-radius: 1.25rem;
-  }
-
-  .lg\:rounded-br-5xl {
-    border-bottom-right-radius: 1.25rem;
-  }
-
-  .lg\:rounded-bl-5xl {
-    border-bottom-left-radius: 1.25rem;
-  }
-
-  .lg\:rounded-tl-6xl {
-    border-top-left-radius: 1.375rem;
-  }
-
-  .lg\:rounded-tr-6xl {
-    border-top-right-radius: 1.375rem;
-  }
-
-  .lg\:rounded-br-6xl {
-    border-bottom-right-radius: 1.375rem;
-  }
-
-  .lg\:rounded-bl-6xl {
-    border-bottom-left-radius: 1.375rem;
-  }
-
-  .lg\:rounded-tl-7xl {
-    border-top-left-radius: 1.5rem;
-  }
-
-  .lg\:rounded-tr-7xl {
-    border-top-right-radius: 1.5rem;
-  }
-
-  .lg\:rounded-br-7xl {
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .lg\:rounded-bl-7xl {
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .lg\:rounded-tl-8xl {
-    border-top-left-radius: 2rem;
-  }
-
-  .lg\:rounded-tr-8xl {
-    border-top-right-radius: 2rem;
-  }
-
-  .lg\:rounded-br-8xl {
-    border-bottom-right-radius: 2rem;
-  }
-
-  .lg\:rounded-bl-8xl {
-    border-bottom-left-radius: 2rem;
-  }
-
-  .lg\:rounded-tl-9xl {
-    border-top-left-radius: 2.25rem;
-  }
-
-  .lg\:rounded-tr-9xl {
-    border-top-right-radius: 2.25rem;
-  }
-
-  .lg\:rounded-br-9xl {
-    border-bottom-right-radius: 2.25rem;
-  }
-
-  .lg\:rounded-bl-9xl {
-    border-bottom-left-radius: 2.25rem;
-  }
-
-  .lg\:rounded-tl-10xl {
-    border-top-left-radius: 2.5rem;
-  }
-
-  .lg\:rounded-tr-10xl {
-    border-top-right-radius: 2.5rem;
-  }
-
-  .lg\:rounded-br-10xl {
-    border-bottom-right-radius: 2.5rem;
-  }
-
-  .lg\:rounded-bl-10xl {
-    border-bottom-left-radius: 2.5rem;
-  }
-
-  .lg\:rounded-tl-11xl {
-    border-top-left-radius: 5rem;
-  }
-
-  .lg\:rounded-tr-11xl {
-    border-top-right-radius: 5rem;
-  }
-
-  .lg\:rounded-br-11xl {
-    border-bottom-right-radius: 5rem;
-  }
-
-  .lg\:rounded-bl-11xl {
-    border-bottom-left-radius: 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 {
-    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-nowrap {
-    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\:clear-left {
-    clear: left;
-  }
-
-  .lg\:clear-right {
-    clear: right;
-  }
-
-  .lg\:clear-both {
-    clear: both;
-  }
-
-  .lg\:clear-none {
-    clear: none;
-  }
-
-  .lg\:font-body {
-    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  }
-
-  .lg\:font-heading {
-    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  }
-
-  .lg\:font-sans {
-    font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  }
-
-  .lg\:font-serif {
-    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
-  }
-
-  .lg\:font-mono {
-    font-family: ui-monospace, SFMono-Regular, 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\:h-0 {
-    height: 0px;
-  }
-
-  .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-14 {
-    height: 3.5rem;
-  }
-
-  .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-full {
-    height: 100%;
-  }
-
-  .lg\:h-screen {
-    height: 100vh;
-  }
-
-  .lg\:text-xxs {
-    font-size: 0.6875rem;
-  }
-
-  .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: 3.75rem;
-  }
-
-  .lg\:text-7xl {
-    font-size: 4.5rem;
-  }
-
-  .lg\:text-8xl {
-    font-size: 6rem;
-  }
-
-  .lg\:text-9xl {
-    font-size: 8rem;
-  }
-
-  .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: 0px;
-  }
-
-  .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-14 {
-    margin: 3.5rem;
-  }
-
-  .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-0 {
-    margin: 0px;
-  }
-
-  .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-14 {
-    margin: -3.5rem;
-  }
-
-  .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\:my-0 {
-    margin-top: 0px;
-    margin-bottom: 0px;
-  }
-
-  .lg\:mx-0 {
-    margin-left: 0px;
-    margin-right: 0px;
-  }
-
-  .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-14 {
-    margin-top: 3.5rem;
-    margin-bottom: 3.5rem;
-  }
-
-  .lg\:mx-14 {
-    margin-left: 3.5rem;
-    margin-right: 3.5rem;
-  }
-
-  .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-0 {
-    margin-top: 0px;
-    margin-bottom: 0px;
-  }
-
-  .lg\:-mx-0 {
-    margin-left: 0px;
-    margin-right: 0px;
-  }
-
-  .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-14 {
-    margin-top: -3.5rem;
-    margin-bottom: -3.5rem;
-  }
-
-  .lg\:-mx-14 {
-    margin-left: -3.5rem;
-    margin-right: -3.5rem;
-  }
-
-  .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\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .lg\:mr-0 {
-    margin-right: 0px;
-  }
-
-  .lg\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .lg\:ml-0 {
-    margin-left: 0px;
-  }
-
-  .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-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-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-0 {
-    margin-top: 0px;
-  }
-
-  .lg\:-mr-0 {
-    margin-right: 0px;
-  }
-
-  .lg\:-mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .lg\:-ml-0 {
-    margin-left: 0px;
-  }
-
-  .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-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-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\:max-h-full {
-    max-height: 100%;
-  }
-
-  .lg\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .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 {
-    max-width: -webkit-min-content;
-    max-width: -moz-min-content;
-    max-width: min-content;
-  }
-
-  .lg\:max-w-max {
-    max-width: -webkit-max-content;
-    max-width: -moz-max-content;
-    max-width: max-content;
-  }
-
-  .lg\:max-w-prose {
-    max-width: 65ch;
-  }
-
-  .lg\:min-h-0 {
-    min-height: 0;
-  }
-
-  .lg\:min-h-full {
-    min-height: 100%;
-  }
-
-  .lg\:min-h-screen {
-    min-height: 100vh;
-  }
-
-  .lg\:min-w-0 {
-    min-width: 0;
-  }
-
-  .lg\:min-w-full {
-    min-width: 100%;
-  }
-
-  .lg\:object-contain {
-    -o-object-fit: contain;
-       object-fit: contain;
-  }
-
-  .lg\:object-cover {
-    -o-object-fit: cover;
-       object-fit: cover;
-  }
-
-  .lg\:object-fill {
-    -o-object-fit: fill;
-       object-fit: fill;
-  }
-
-  .lg\:object-none {
-    -o-object-fit: none;
-       object-fit: none;
-  }
-
-  .lg\:object-scale-down {
-    -o-object-fit: scale-down;
-       object-fit: scale-down;
-  }
-
-  .lg\:object-bottom {
-    -o-object-position: bottom;
-       object-position: bottom;
-  }
-
-  .lg\:object-center {
-    -o-object-position: center;
-       object-position: center;
-  }
-
-  .lg\:object-left {
-    -o-object-position: left;
-       object-position: left;
-  }
-
-  .lg\:object-left-bottom {
-    -o-object-position: left bottom;
-       object-position: left bottom;
-  }
-
-  .lg\:object-left-top {
-    -o-object-position: left top;
-       object-position: left top;
-  }
-
-  .lg\:object-right {
-    -o-object-position: right;
-       object-position: right;
-  }
-
-  .lg\:object-right-bottom {
-    -o-object-position: right bottom;
-       object-position: right bottom;
-  }
-
-  .lg\:object-right-top {
-    -o-object-position: right top;
-       object-position: right top;
-  }
-
-  .lg\:object-top {
-    -o-object-position: top;
-       object-position: top;
-  }
-
-  .lg\:opacity-0 {
-    opacity: 0;
-  }
-
-  .lg\:opacity-5 {
-    opacity: 0.05;
-  }
-
-  .lg\:opacity-10 {
-    opacity: 0.1;
-  }
-
-  .lg\:opacity-20 {
-    opacity: 0.2;
-  }
-
-  .lg\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .lg\:opacity-30 {
-    opacity: 0.3;
-  }
-
-  .lg\:opacity-40 {
-    opacity: 0.4;
-  }
-
-  .lg\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .lg\:opacity-60 {
-    opacity: 0.6;
-  }
-
-  .lg\:opacity-70 {
-    opacity: 0.7;
-  }
-
-  .lg\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .lg\:opacity-80 {
-    opacity: 0.8;
-  }
-
-  .lg\:opacity-90 {
-    opacity: 0.9;
-  }
-
-  .lg\:opacity-95 {
-    opacity: 0.95;
-  }
-
-  .lg\:opacity-100 {
-    opacity: 1;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-0 {
-    opacity: 0;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-5 {
-    opacity: 0.05;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-10 {
-    opacity: 0.1;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-20 {
-    opacity: 0.2;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-30 {
-    opacity: 0.3;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-40 {
-    opacity: 0.4;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-60 {
-    opacity: 0.6;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-70 {
-    opacity: 0.7;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-80 {
-    opacity: 0.8;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-90 {
-    opacity: 0.9;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-95 {
-    opacity: 0.95;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-100 {
-    opacity: 1;
-  }
-
-  .lg\:focus-within\:opacity-0:focus-within {
-    opacity: 0;
-  }
-
-  .lg\:focus-within\:opacity-5:focus-within {
-    opacity: 0.05;
-  }
-
-  .lg\:focus-within\:opacity-10:focus-within {
-    opacity: 0.1;
-  }
-
-  .lg\:focus-within\:opacity-20:focus-within {
-    opacity: 0.2;
-  }
-
-  .lg\:focus-within\:opacity-25:focus-within {
-    opacity: 0.25;
-  }
-
-  .lg\:focus-within\:opacity-30:focus-within {
-    opacity: 0.3;
-  }
-
-  .lg\:focus-within\:opacity-40:focus-within {
-    opacity: 0.4;
-  }
-
-  .lg\:focus-within\:opacity-50:focus-within {
-    opacity: 0.5;
-  }
-
-  .lg\:focus-within\:opacity-60:focus-within {
-    opacity: 0.6;
-  }
-
-  .lg\:focus-within\:opacity-70:focus-within {
-    opacity: 0.7;
-  }
-
-  .lg\:focus-within\:opacity-75:focus-within {
-    opacity: 0.75;
-  }
-
-  .lg\:focus-within\:opacity-80:focus-within {
-    opacity: 0.8;
-  }
-
-  .lg\:focus-within\:opacity-90:focus-within {
-    opacity: 0.9;
-  }
-
-  .lg\:focus-within\:opacity-95:focus-within {
-    opacity: 0.95;
-  }
-
-  .lg\:focus-within\:opacity-100:focus-within {
-    opacity: 1;
-  }
-
-  .lg\:hover\:opacity-0:hover {
-    opacity: 0;
-  }
-
-  .lg\:hover\:opacity-5:hover {
-    opacity: 0.05;
-  }
-
-  .lg\:hover\:opacity-10:hover {
-    opacity: 0.1;
-  }
-
-  .lg\:hover\:opacity-20:hover {
-    opacity: 0.2;
-  }
-
-  .lg\:hover\:opacity-25:hover {
-    opacity: 0.25;
-  }
-
-  .lg\:hover\:opacity-30:hover {
-    opacity: 0.3;
-  }
-
-  .lg\:hover\:opacity-40:hover {
-    opacity: 0.4;
-  }
-
-  .lg\:hover\:opacity-50:hover {
-    opacity: 0.5;
-  }
-
-  .lg\:hover\:opacity-60:hover {
-    opacity: 0.6;
-  }
-
-  .lg\:hover\:opacity-70:hover {
-    opacity: 0.7;
-  }
-
-  .lg\:hover\:opacity-75:hover {
-    opacity: 0.75;
-  }
-
-  .lg\:hover\:opacity-80:hover {
-    opacity: 0.8;
-  }
-
-  .lg\:hover\:opacity-90:hover {
-    opacity: 0.9;
-  }
-
-  .lg\:hover\:opacity-95:hover {
-    opacity: 0.95;
-  }
-
-  .lg\:hover\:opacity-100:hover {
-    opacity: 1;
-  }
-
-  .lg\:focus\:opacity-0:focus {
-    opacity: 0;
-  }
-
-  .lg\:focus\:opacity-5:focus {
-    opacity: 0.05;
-  }
-
-  .lg\:focus\:opacity-10:focus {
-    opacity: 0.1;
-  }
-
-  .lg\:focus\:opacity-20:focus {
-    opacity: 0.2;
-  }
-
-  .lg\:focus\:opacity-25:focus {
-    opacity: 0.25;
-  }
-
-  .lg\:focus\:opacity-30:focus {
-    opacity: 0.3;
-  }
-
-  .lg\:focus\:opacity-40:focus {
-    opacity: 0.4;
-  }
-
-  .lg\:focus\:opacity-50:focus {
-    opacity: 0.5;
-  }
-
-  .lg\:focus\:opacity-60:focus {
-    opacity: 0.6;
-  }
-
-  .lg\:focus\:opacity-70:focus {
-    opacity: 0.7;
-  }
-
-  .lg\:focus\:opacity-75:focus {
-    opacity: 0.75;
-  }
-
-  .lg\:focus\:opacity-80:focus {
-    opacity: 0.8;
-  }
-
-  .lg\:focus\:opacity-90:focus {
-    opacity: 0.9;
-  }
-
-  .lg\:focus\:opacity-95:focus {
-    opacity: 0.95;
-  }
-
-  .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-within\:outline-none:focus-within {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .lg\:focus-within\:outline-white:focus-within {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .lg\:focus-within\:outline-black:focus-within {
-    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\: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: 0px;
-  }
-
-  .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-14 {
-    padding: 3.5rem;
-  }
-
-  .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\:py-0 {
-    padding-top: 0px;
-    padding-bottom: 0px;
-  }
-
-  .lg\:px-0 {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
-
-  .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-14 {
-    padding-top: 3.5rem;
-    padding-bottom: 3.5rem;
-  }
-
-  .lg\:px-14 {
-    padding-left: 3.5rem;
-    padding-right: 3.5rem;
-  }
-
-  .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\:pt-0 {
-    padding-top: 0px;
-  }
-
-  .lg\:pr-0 {
-    padding-right: 0px;
-  }
-
-  .lg\:pb-0 {
-    padding-bottom: 0px;
-  }
-
-  .lg\:pl-0 {
-    padding-left: 0px;
-  }
-
-  .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-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-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\:placeholder-current::-webkit-input-placeholder {
-    color: currentColor;
-  }
-
-  .lg\:placeholder-current::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .lg\:placeholder-current:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .lg\:placeholder-current::-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .lg\:placeholder-current::placeholder {
-    color: currentColor;
-  }
-
-  .lg\:placeholder-transparent::-webkit-input-placeholder {
-    color: transparent;
-  }
-
-  .lg\:placeholder-transparent::-moz-placeholder {
-    color: transparent;
-  }
-
-  .lg\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .lg\:placeholder-transparent::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .lg\:placeholder-transparent::placeholder {
-    color: transparent;
-  }
-
-  .lg\:placeholder-black::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-black::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-black:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-black::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-black::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-white::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-white::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-white:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-white::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-white::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-darkCoolGray-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-coolGray-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-violet-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-current:focus::-webkit-input-placeholder {
-    color: currentColor;
-  }
-
-  .lg\:focus\:placeholder-current:focus::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .lg\:focus\:placeholder-current:focus:-ms-input-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::-webkit-input-placeholder {
-    color: transparent;
-  }
-
-  .lg\:focus\:placeholder-transparent:focus::-moz-placeholder {
-    color: transparent;
-  }
-
-  .lg\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .lg\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .lg\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
-  }
-
-  .lg\:focus\:placeholder-black:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-black:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-black:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-black:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-white:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-white:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-white:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-white:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-darkCoolGray-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-coolGray-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-violet-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .lg\:placeholder-opacity-0::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .lg\:placeholder-opacity-0::-moz-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .lg\:placeholder-opacity-0:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .lg\:placeholder-opacity-0::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .lg\:placeholder-opacity-0::placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .lg\:placeholder-opacity-5::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .lg\:placeholder-opacity-5::-moz-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .lg\:placeholder-opacity-5:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .lg\:placeholder-opacity-5::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .lg\:placeholder-opacity-5::placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .lg\:placeholder-opacity-10::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .lg\:placeholder-opacity-10::-moz-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .lg\:placeholder-opacity-10:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .lg\:placeholder-opacity-10::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .lg\:placeholder-opacity-10::placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .lg\:placeholder-opacity-20::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .lg\:placeholder-opacity-20::-moz-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .lg\:placeholder-opacity-20:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .lg\:placeholder-opacity-20::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .lg\:placeholder-opacity-20::placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .lg\:placeholder-opacity-25::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .lg\:placeholder-opacity-25::-moz-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .lg\:placeholder-opacity-25:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .lg\:placeholder-opacity-25::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .lg\:placeholder-opacity-25::placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .lg\:placeholder-opacity-30::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .lg\:placeholder-opacity-30::-moz-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .lg\:placeholder-opacity-30:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .lg\:placeholder-opacity-30::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .lg\:placeholder-opacity-30::placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .lg\:placeholder-opacity-40::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .lg\:placeholder-opacity-40::-moz-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .lg\:placeholder-opacity-40:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .lg\:placeholder-opacity-40::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .lg\:placeholder-opacity-40::placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .lg\:placeholder-opacity-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .lg\:placeholder-opacity-50::-moz-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .lg\:placeholder-opacity-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .lg\:placeholder-opacity-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .lg\:placeholder-opacity-50::placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .lg\:placeholder-opacity-60::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .lg\:placeholder-opacity-60::-moz-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .lg\:placeholder-opacity-60:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .lg\:placeholder-opacity-60::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .lg\:placeholder-opacity-60::placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .lg\:placeholder-opacity-70::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .lg\:placeholder-opacity-70::-moz-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .lg\:placeholder-opacity-70:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .lg\:placeholder-opacity-70::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .lg\:placeholder-opacity-70::placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .lg\:placeholder-opacity-75::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .lg\:placeholder-opacity-75::-moz-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .lg\:placeholder-opacity-75:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .lg\:placeholder-opacity-75::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .lg\:placeholder-opacity-75::placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .lg\:placeholder-opacity-80::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .lg\:placeholder-opacity-80::-moz-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .lg\:placeholder-opacity-80:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .lg\:placeholder-opacity-80::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .lg\:placeholder-opacity-80::placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .lg\:placeholder-opacity-90::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .lg\:placeholder-opacity-90::-moz-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .lg\:placeholder-opacity-90:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .lg\:placeholder-opacity-90::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .lg\:placeholder-opacity-90::placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .lg\:placeholder-opacity-95::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .lg\:placeholder-opacity-95::-moz-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .lg\:placeholder-opacity-95:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .lg\:placeholder-opacity-95::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .lg\:placeholder-opacity-95::placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .lg\:placeholder-opacity-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .lg\:placeholder-opacity-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .lg\:placeholder-opacity-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .lg\:placeholder-opacity-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .lg\:placeholder-opacity-100::placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .lg\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .lg\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .lg\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .lg\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .lg\:focus\:placeholder-opacity-0:focus::placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .lg\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .lg\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .lg\:focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .lg\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .lg\:focus\:placeholder-opacity-5:focus::placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .lg\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .lg\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .lg\:focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .lg\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .lg\:focus\:placeholder-opacity-10:focus::placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .lg\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .lg\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .lg\:focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .lg\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .lg\:focus\:placeholder-opacity-20:focus::placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .lg\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .lg\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .lg\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .lg\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .lg\:focus\:placeholder-opacity-25:focus::placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .lg\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .lg\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .lg\:focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .lg\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .lg\:focus\:placeholder-opacity-30:focus::placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .lg\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .lg\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .lg\:focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .lg\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .lg\:focus\:placeholder-opacity-40:focus::placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .lg\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .lg\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .lg\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .lg\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .lg\:focus\:placeholder-opacity-50:focus::placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .lg\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .lg\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .lg\:focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .lg\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .lg\:focus\:placeholder-opacity-60:focus::placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .lg\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .lg\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .lg\:focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .lg\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .lg\:focus\:placeholder-opacity-70:focus::placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .lg\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .lg\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .lg\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .lg\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .lg\:focus\:placeholder-opacity-75:focus::placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .lg\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .lg\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .lg\:focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .lg\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .lg\:focus\:placeholder-opacity-80:focus::placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .lg\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .lg\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .lg\:focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .lg\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .lg\:focus\:placeholder-opacity-90:focus::placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .lg\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .lg\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .lg\:focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .lg\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .lg\:focus\:placeholder-opacity-95:focus::placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .lg\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .lg\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .lg\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .lg\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .lg\:focus\:placeholder-opacity-100:focus::placeholder {
-    --tw-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: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-  }
-
-  .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-14 {
-    top: 3.5rem;
-    right: 3.5rem;
-    bottom: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .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-0 {
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-  }
-
-  .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-14 {
-    top: -3.5rem;
-    right: -3.5rem;
-    bottom: -3.5rem;
-    left: -3.5rem;
-  }
-
-  .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-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-full {
-    top: 100%;
-    right: 100%;
-    bottom: 100%;
-    left: 100%;
-  }
-
-  .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-full {
-    top: -100%;
-    right: -100%;
-    bottom: -100%;
-    left: -100%;
-  }
-
-  .lg\:inset-y-0 {
-    top: 0px;
-    bottom: 0px;
-  }
-
-  .lg\:inset-x-0 {
-    right: 0px;
-    left: 0px;
-  }
-
-  .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-14 {
-    top: 3.5rem;
-    bottom: 3.5rem;
-  }
-
-  .lg\:inset-x-14 {
-    right: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .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-0 {
-    top: 0px;
-    bottom: 0px;
-  }
-
-  .lg\:-inset-x-0 {
-    right: 0px;
-    left: 0px;
-  }
-
-  .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-14 {
-    top: -3.5rem;
-    bottom: -3.5rem;
-  }
-
-  .lg\:-inset-x-14 {
-    right: -3.5rem;
-    left: -3.5rem;
-  }
-
-  .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-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-full {
-    top: 100%;
-    bottom: 100%;
-  }
-
-  .lg\:inset-x-full {
-    right: 100%;
-    left: 100%;
-  }
-
-  .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-full {
-    top: -100%;
-    bottom: -100%;
-  }
-
-  .lg\:-inset-x-full {
-    right: -100%;
-    left: -100%;
-  }
-
-  .lg\:top-0 {
-    top: 0px;
-  }
-
-  .lg\:right-0 {
-    right: 0px;
-  }
-
-  .lg\:bottom-0 {
-    bottom: 0px;
-  }
-
-  .lg\:left-0 {
-    left: 0px;
-  }
-
-  .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-14 {
-    top: 3.5rem;
-  }
-
-  .lg\:right-14 {
-    right: 3.5rem;
-  }
-
-  .lg\:bottom-14 {
-    bottom: 3.5rem;
-  }
-
-  .lg\:left-14 {
-    left: 3.5rem;
-  }
-
-  .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-0 {
-    top: 0px;
-  }
-
-  .lg\:-right-0 {
-    right: 0px;
-  }
-
-  .lg\:-bottom-0 {
-    bottom: 0px;
-  }
-
-  .lg\:-left-0 {
-    left: 0px;
-  }
-
-  .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-14 {
-    top: -3.5rem;
-  }
-
-  .lg\:-right-14 {
-    right: -3.5rem;
-  }
-
-  .lg\:-bottom-14 {
-    bottom: -3.5rem;
-  }
-
-  .lg\:-left-14 {
-    left: -3.5rem;
-  }
-
-  .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-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-full {
-    top: 100%;
-  }
-
-  .lg\:right-full {
-    right: 100%;
-  }
-
-  .lg\:bottom-full {
-    bottom: 100%;
-  }
-
-  .lg\:left-full {
-    left: 100%;
-  }
-
-  .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-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-sm {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:shadow {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:shadow-md {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:shadow-lg {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:shadow-xl {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:shadow-2xl {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:shadow-3xl {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:shadow-inner {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:shadow-none {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .lg\:group-hover\:shadow-sm {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .lg\:group-hover\:shadow {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .lg\:group-hover\:shadow-md {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .lg\:group-hover\:shadow-lg {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .lg\:group-hover\:shadow-xl {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .lg\:group-hover\:shadow-2xl {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .lg\:group-hover\:shadow-3xl {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .lg\:group-hover\:shadow-inner {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .lg\:group-hover\:shadow-none {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus-within\:shadow-sm:focus-within {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus-within\:shadow:focus-within {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus-within\:shadow-md:focus-within {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus-within\:shadow-lg:focus-within {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus-within\:shadow-xl:focus-within {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus-within\:shadow-2xl:focus-within {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus-within\:shadow-3xl:focus-within {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus-within\:shadow-inner:focus-within {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus-within\:shadow-none:focus-within {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:hover\:shadow-sm:hover {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:hover\:shadow:hover {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:hover\:shadow-md:hover {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:hover\:shadow-lg:hover {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:hover\:shadow-xl:hover {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:hover\:shadow-2xl:hover {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:hover\:shadow-3xl:hover {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:hover\:shadow-inner:hover {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:hover\:shadow-none:hover {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus\:shadow-sm:focus {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus\:shadow:focus {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus\:shadow-md:focus {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus\:shadow-lg:focus {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus\:shadow-xl:focus {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus\:shadow-2xl:focus {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus\:shadow-3xl:focus {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus\:shadow-inner:focus {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:focus\:shadow-none:focus {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .lg\:ring-0 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:ring-1 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:ring-2 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:ring-4 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:ring-8 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:ring {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:ring-inset {
-    --tw-ring-inset: inset;
-  }
-
-  .lg\:focus-within\:ring-0:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:focus-within\:ring-1:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:focus-within\:ring-2:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:focus-within\:ring-4:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:focus-within\:ring-8:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:focus-within\:ring:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:focus-within\:ring-inset:focus-within {
-    --tw-ring-inset: inset;
-  }
-
-  .lg\:focus\:ring-0:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:focus\:ring-1:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:focus\:ring-2:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:focus\:ring-4:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:focus\:ring-8:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:focus\:ring:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .lg\:focus\:ring-inset:focus {
-    --tw-ring-inset: inset;
-  }
-
-  .lg\:ring-offset-current {
-    --tw-ring-offset-color: currentColor;
-  }
-
-  .lg\:ring-offset-transparent {
-    --tw-ring-offset-color: transparent;
-  }
-
-  .lg\:ring-offset-black {
-    --tw-ring-offset-color: #000;
-  }
-
-  .lg\:ring-offset-white {
-    --tw-ring-offset-color: #fff;
-  }
-
-  .lg\:ring-offset-darkCoolGray-50 {
-    --tw-ring-offset-color: #F5F6F7;
-  }
-
-  .lg\:ring-offset-darkCoolGray-100 {
-    --tw-ring-offset-color: #EBEDEF;
-  }
-
-  .lg\:ring-offset-darkCoolGray-200 {
-    --tw-ring-offset-color: #CED1D6;
-  }
-
-  .lg\:ring-offset-darkCoolGray-300 {
-    --tw-ring-offset-color: #B0B5BD;
-  }
-
-  .lg\:ring-offset-darkCoolGray-400 {
-    --tw-ring-offset-color: #757E8C;
-  }
-
-  .lg\:ring-offset-darkCoolGray-500 {
-    --tw-ring-offset-color: #3A475B;
-  }
-
-  .lg\:ring-offset-darkCoolGray-600 {
-    --tw-ring-offset-color: #344052;
-  }
-
-  .lg\:ring-offset-darkCoolGray-700 {
-    --tw-ring-offset-color: #2C3544;
-  }
-
-  .lg\:ring-offset-darkCoolGray-800 {
-    --tw-ring-offset-color: #232B37;
-  }
-
-  .lg\:ring-offset-darkCoolGray-900 {
-    --tw-ring-offset-color: #1C232D;
-  }
-
-  .lg\:ring-offset-coolGray-50 {
-    --tw-ring-offset-color: #F7F8F9;
-  }
-
-  .lg\:ring-offset-coolGray-100 {
-    --tw-ring-offset-color: #EEF0F3;
-  }
-
-  .lg\:ring-offset-coolGray-200 {
-    --tw-ring-offset-color: #D5DAE1;
-  }
-
-  .lg\:ring-offset-coolGray-300 {
-    --tw-ring-offset-color: #BBC3CF;
-  }
-
-  .lg\:ring-offset-coolGray-400 {
-    --tw-ring-offset-color: #8896AB;
-  }
-
-  .lg\:ring-offset-coolGray-500 {
-    --tw-ring-offset-color: #556987;
-  }
-
-  .lg\:ring-offset-coolGray-600 {
-    --tw-ring-offset-color: #4D5F7A;
-  }
-
-  .lg\:ring-offset-coolGray-700 {
-    --tw-ring-offset-color: #404F65;
-  }
-
-  .lg\:ring-offset-coolGray-800 {
-    --tw-ring-offset-color: #333F51;
-  }
-
-  .lg\:ring-offset-coolGray-900 {
-    --tw-ring-offset-color: #2A3342;
-  }
-
-  .lg\:ring-offset-indigo-50 {
-    --tw-ring-offset-color: #F8F6FF;
-  }
-
-  .lg\:ring-offset-indigo-100 {
-    --tw-ring-offset-color: #F0EEFF;
-  }
-
-  .lg\:ring-offset-indigo-200 {
-    --tw-ring-offset-color: #DAD4FF;
-  }
-
-  .lg\:ring-offset-indigo-300 {
-    --tw-ring-offset-color: #C3B9FF;
-  }
-
-  .lg\:ring-offset-indigo-400 {
-    --tw-ring-offset-color: #9685FF;
-  }
-
-  .lg\:ring-offset-indigo-500 {
-    --tw-ring-offset-color: #6951FF;
-  }
-
-  .lg\:ring-offset-indigo-600 {
-    --tw-ring-offset-color: #5F49E6;
-  }
-
-  .lg\:ring-offset-indigo-700 {
-    --tw-ring-offset-color: #4F3DBF;
-  }
-
-  .lg\:ring-offset-indigo-800 {
-    --tw-ring-offset-color: #3F3199;
-  }
-
-  .lg\:ring-offset-indigo-900 {
-    --tw-ring-offset-color: #33287D;
-  }
-
-  .lg\:ring-offset-violet-50 {
-    --tw-ring-offset-color: #FBF7FF;
-  }
-
-  .lg\:ring-offset-violet-100 {
-    --tw-ring-offset-color: #F6EEFE;
-  }
-
-  .lg\:ring-offset-violet-200 {
-    --tw-ring-offset-color: #E9D5FD;
-  }
-
-  .lg\:ring-offset-violet-300 {
-    --tw-ring-offset-color: #DCBBFC;
-  }
-
-  .lg\:ring-offset-violet-400 {
-    --tw-ring-offset-color: #C288F9;
-  }
-
-  .lg\:ring-offset-violet-500 {
-    --tw-ring-offset-color: #A855F7;
-  }
-
-  .lg\:ring-offset-violet-600 {
-    --tw-ring-offset-color: #974DDE;
-  }
-
-  .lg\:ring-offset-violet-700 {
-    --tw-ring-offset-color: #7E40B9;
-  }
-
-  .lg\:ring-offset-violet-800 {
-    --tw-ring-offset-color: #653394;
-  }
-
-  .lg\:ring-offset-violet-900 {
-    --tw-ring-offset-color: #522A79;
-  }
-
-  .lg\:ring-offset-yellow-50 {
-    --tw-ring-offset-color: #FFFAF3;
-  }
-
-  .lg\:ring-offset-yellow-100 {
-    --tw-ring-offset-color: #FEF5E7;
-  }
-
-  .lg\:ring-offset-yellow-200 {
-    --tw-ring-offset-color: #FDE7C2;
-  }
-
-  .lg\:ring-offset-yellow-300 {
-    --tw-ring-offset-color: #FBD89D;
-  }
-
-  .lg\:ring-offset-yellow-400 {
-    --tw-ring-offset-color: #F8BB54;
-  }
-
-  .lg\:ring-offset-yellow-500 {
-    --tw-ring-offset-color: #F59E0B;
-  }
-
-  .lg\:ring-offset-yellow-600 {
-    --tw-ring-offset-color: #DD8E0A;
-  }
-
-  .lg\:ring-offset-yellow-700 {
-    --tw-ring-offset-color: #B87708;
-  }
-
-  .lg\:ring-offset-yellow-800 {
-    --tw-ring-offset-color: #935F07;
-  }
-
-  .lg\:ring-offset-yellow-900 {
-    --tw-ring-offset-color: #784D05;
-  }
-
-  .lg\:ring-offset-red-50 {
-    --tw-ring-offset-color: #FEF7F6;
-  }
-
-  .lg\:ring-offset-red-100 {
-    --tw-ring-offset-color: #FDEEEC;
-  }
-
-  .lg\:ring-offset-red-200 {
-    --tw-ring-offset-color: #FBD6D0;
-  }
-
-  .lg\:ring-offset-red-300 {
-    --tw-ring-offset-color: #F9BDB4;
-  }
-
-  .lg\:ring-offset-red-400 {
-    --tw-ring-offset-color: #F48B7C;
-  }
-
-  .lg\:ring-offset-red-500 {
-    --tw-ring-offset-color: #EF5844;
-  }
-
-  .lg\:ring-offset-red-600 {
-    --tw-ring-offset-color: #D7503D;
-  }
-
-  .lg\:ring-offset-red-700 {
-    --tw-ring-offset-color: #B34333;
-  }
-
-  .lg\:ring-offset-red-800 {
-    --tw-ring-offset-color: #8F3529;
-  }
-
-  .lg\:ring-offset-red-900 {
-    --tw-ring-offset-color: #752C21;
-  }
-
-  .lg\:ring-offset-green-50 {
-    --tw-ring-offset-color: #F4FDF7;
-  }
-
-  .lg\:ring-offset-green-100 {
-    --tw-ring-offset-color: #EAFAF0;
-  }
-
-  .lg\:ring-offset-green-200 {
-    --tw-ring-offset-color: #CAF4D9;
-  }
-
-  .lg\:ring-offset-green-300 {
-    --tw-ring-offset-color: #AAEDC3;
-  }
-
-  .lg\:ring-offset-green-400 {
-    --tw-ring-offset-color: #6ADF95;
-  }
-
-  .lg\:ring-offset-green-500 {
-    --tw-ring-offset-color: #2AD167;
-  }
-
-  .lg\:ring-offset-green-600 {
-    --tw-ring-offset-color: #26BC5E;
-  }
-
-  .lg\:ring-offset-green-700 {
-    --tw-ring-offset-color: #209D4E;
-  }
-
-  .lg\:ring-offset-green-800 {
-    --tw-ring-offset-color: #197D3E;
-  }
-
-  .lg\:ring-offset-green-900 {
-    --tw-ring-offset-color: #156633;
-  }
-
-  .lg\:ring-offset-blue-50 {
-    --tw-ring-offset-color: #F5F9FF;
-  }
-
-  .lg\:ring-offset-blue-100 {
-    --tw-ring-offset-color: #EBF3FE;
-  }
-
-  .lg\:ring-offset-blue-200 {
-    --tw-ring-offset-color: #CEE0FD;
-  }
-
-  .lg\:ring-offset-blue-300 {
-    --tw-ring-offset-color: #B1CDFB;
-  }
-
-  .lg\:ring-offset-blue-400 {
-    --tw-ring-offset-color: #76A8F9;
-  }
-
-  .lg\:ring-offset-blue-500 {
-    --tw-ring-offset-color: #3B82F6;
-  }
-
-  .lg\:ring-offset-blue-600 {
-    --tw-ring-offset-color: #3575DD;
-  }
-
-  .lg\:ring-offset-blue-700 {
-    --tw-ring-offset-color: #2C62B9;
-  }
-
-  .lg\:ring-offset-blue-800 {
-    --tw-ring-offset-color: #234E94;
-  }
-
-  .lg\:ring-offset-blue-900 {
-    --tw-ring-offset-color: #1D4079;
-  }
-
-  .lg\:ring-offset-gray-50 {
-    --tw-ring-offset-color: #f9fafb;
-  }
-
-  .lg\:ring-offset-gray-100 {
-    --tw-ring-offset-color: #f3f4f6;
-  }
-
-  .lg\:ring-offset-gray-200 {
-    --tw-ring-offset-color: #e5e7eb;
-  }
-
-  .lg\:ring-offset-gray-300 {
-    --tw-ring-offset-color: #d1d5db;
-  }
-
-  .lg\:ring-offset-gray-400 {
-    --tw-ring-offset-color: #9ca3af;
-  }
-
-  .lg\:ring-offset-gray-500 {
-    --tw-ring-offset-color: #6b7280;
-  }
-
-  .lg\:ring-offset-gray-600 {
-    --tw-ring-offset-color: #4b5563;
-  }
-
-  .lg\:ring-offset-gray-700 {
-    --tw-ring-offset-color: #374151;
-  }
-
-  .lg\:ring-offset-gray-800 {
-    --tw-ring-offset-color: #1f2937;
-  }
-
-  .lg\:ring-offset-gray-900 {
-    --tw-ring-offset-color: #111827;
-  }
-
-  .lg\:focus-within\:ring-offset-current:focus-within {
-    --tw-ring-offset-color: currentColor;
-  }
-
-  .lg\:focus-within\:ring-offset-transparent:focus-within {
-    --tw-ring-offset-color: transparent;
-  }
-
-  .lg\:focus-within\:ring-offset-black:focus-within {
-    --tw-ring-offset-color: #000;
-  }
-
-  .lg\:focus-within\:ring-offset-white:focus-within {
-    --tw-ring-offset-color: #fff;
-  }
-
-  .lg\:focus-within\:ring-offset-darkCoolGray-50:focus-within {
-    --tw-ring-offset-color: #F5F6F7;
-  }
-
-  .lg\:focus-within\:ring-offset-darkCoolGray-100:focus-within {
-    --tw-ring-offset-color: #EBEDEF;
-  }
-
-  .lg\:focus-within\:ring-offset-darkCoolGray-200:focus-within {
-    --tw-ring-offset-color: #CED1D6;
-  }
-
-  .lg\:focus-within\:ring-offset-darkCoolGray-300:focus-within {
-    --tw-ring-offset-color: #B0B5BD;
-  }
-
-  .lg\:focus-within\:ring-offset-darkCoolGray-400:focus-within {
-    --tw-ring-offset-color: #757E8C;
-  }
-
-  .lg\:focus-within\:ring-offset-darkCoolGray-500:focus-within {
-    --tw-ring-offset-color: #3A475B;
-  }
-
-  .lg\:focus-within\:ring-offset-darkCoolGray-600:focus-within {
-    --tw-ring-offset-color: #344052;
-  }
-
-  .lg\:focus-within\:ring-offset-darkCoolGray-700:focus-within {
-    --tw-ring-offset-color: #2C3544;
-  }
-
-  .lg\:focus-within\:ring-offset-darkCoolGray-800:focus-within {
-    --tw-ring-offset-color: #232B37;
-  }
-
-  .lg\:focus-within\:ring-offset-darkCoolGray-900:focus-within {
-    --tw-ring-offset-color: #1C232D;
-  }
-
-  .lg\:focus-within\:ring-offset-coolGray-50:focus-within {
-    --tw-ring-offset-color: #F7F8F9;
-  }
-
-  .lg\:focus-within\:ring-offset-coolGray-100:focus-within {
-    --tw-ring-offset-color: #EEF0F3;
-  }
-
-  .lg\:focus-within\:ring-offset-coolGray-200:focus-within {
-    --tw-ring-offset-color: #D5DAE1;
-  }
-
-  .lg\:focus-within\:ring-offset-coolGray-300:focus-within {
-    --tw-ring-offset-color: #BBC3CF;
-  }
-
-  .lg\:focus-within\:ring-offset-coolGray-400:focus-within {
-    --tw-ring-offset-color: #8896AB;
-  }
-
-  .lg\:focus-within\:ring-offset-coolGray-500:focus-within {
-    --tw-ring-offset-color: #556987;
-  }
-
-  .lg\:focus-within\:ring-offset-coolGray-600:focus-within {
-    --tw-ring-offset-color: #4D5F7A;
-  }
-
-  .lg\:focus-within\:ring-offset-coolGray-700:focus-within {
-    --tw-ring-offset-color: #404F65;
-  }
-
-  .lg\:focus-within\:ring-offset-coolGray-800:focus-within {
-    --tw-ring-offset-color: #333F51;
-  }
-
-  .lg\:focus-within\:ring-offset-coolGray-900:focus-within {
-    --tw-ring-offset-color: #2A3342;
-  }
-
-  .lg\:focus-within\:ring-offset-indigo-50:focus-within {
-    --tw-ring-offset-color: #F8F6FF;
-  }
-
-  .lg\:focus-within\:ring-offset-indigo-100:focus-within {
-    --tw-ring-offset-color: #F0EEFF;
-  }
-
-  .lg\:focus-within\:ring-offset-indigo-200:focus-within {
-    --tw-ring-offset-color: #DAD4FF;
-  }
-
-  .lg\:focus-within\:ring-offset-indigo-300:focus-within {
-    --tw-ring-offset-color: #C3B9FF;
-  }
-
-  .lg\:focus-within\:ring-offset-indigo-400:focus-within {
-    --tw-ring-offset-color: #9685FF;
-  }
-
-  .lg\:focus-within\:ring-offset-indigo-500:focus-within {
-    --tw-ring-offset-color: #6951FF;
-  }
-
-  .lg\:focus-within\:ring-offset-indigo-600:focus-within {
-    --tw-ring-offset-color: #5F49E6;
-  }
-
-  .lg\:focus-within\:ring-offset-indigo-700:focus-within {
-    --tw-ring-offset-color: #4F3DBF;
-  }
-
-  .lg\:focus-within\:ring-offset-indigo-800:focus-within {
-    --tw-ring-offset-color: #3F3199;
-  }
-
-  .lg\:focus-within\:ring-offset-indigo-900:focus-within {
-    --tw-ring-offset-color: #33287D;
-  }
-
-  .lg\:focus-within\:ring-offset-violet-50:focus-within {
-    --tw-ring-offset-color: #FBF7FF;
-  }
-
-  .lg\:focus-within\:ring-offset-violet-100:focus-within {
-    --tw-ring-offset-color: #F6EEFE;
-  }
-
-  .lg\:focus-within\:ring-offset-violet-200:focus-within {
-    --tw-ring-offset-color: #E9D5FD;
-  }
-
-  .lg\:focus-within\:ring-offset-violet-300:focus-within {
-    --tw-ring-offset-color: #DCBBFC;
-  }
-
-  .lg\:focus-within\:ring-offset-violet-400:focus-within {
-    --tw-ring-offset-color: #C288F9;
-  }
-
-  .lg\:focus-within\:ring-offset-violet-500:focus-within {
-    --tw-ring-offset-color: #A855F7;
-  }
-
-  .lg\:focus-within\:ring-offset-violet-600:focus-within {
-    --tw-ring-offset-color: #974DDE;
-  }
-
-  .lg\:focus-within\:ring-offset-violet-700:focus-within {
-    --tw-ring-offset-color: #7E40B9;
-  }
-
-  .lg\:focus-within\:ring-offset-violet-800:focus-within {
-    --tw-ring-offset-color: #653394;
-  }
-
-  .lg\:focus-within\:ring-offset-violet-900:focus-within {
-    --tw-ring-offset-color: #522A79;
-  }
-
-  .lg\:focus-within\:ring-offset-yellow-50:focus-within {
-    --tw-ring-offset-color: #FFFAF3;
-  }
-
-  .lg\:focus-within\:ring-offset-yellow-100:focus-within {
-    --tw-ring-offset-color: #FEF5E7;
-  }
-
-  .lg\:focus-within\:ring-offset-yellow-200:focus-within {
-    --tw-ring-offset-color: #FDE7C2;
-  }
-
-  .lg\:focus-within\:ring-offset-yellow-300:focus-within {
-    --tw-ring-offset-color: #FBD89D;
-  }
-
-  .lg\:focus-within\:ring-offset-yellow-400:focus-within {
-    --tw-ring-offset-color: #F8BB54;
-  }
-
-  .lg\:focus-within\:ring-offset-yellow-500:focus-within {
-    --tw-ring-offset-color: #F59E0B;
-  }
-
-  .lg\:focus-within\:ring-offset-yellow-600:focus-within {
-    --tw-ring-offset-color: #DD8E0A;
-  }
-
-  .lg\:focus-within\:ring-offset-yellow-700:focus-within {
-    --tw-ring-offset-color: #B87708;
-  }
-
-  .lg\:focus-within\:ring-offset-yellow-800:focus-within {
-    --tw-ring-offset-color: #935F07;
-  }
-
-  .lg\:focus-within\:ring-offset-yellow-900:focus-within {
-    --tw-ring-offset-color: #784D05;
-  }
-
-  .lg\:focus-within\:ring-offset-red-50:focus-within {
-    --tw-ring-offset-color: #FEF7F6;
-  }
-
-  .lg\:focus-within\:ring-offset-red-100:focus-within {
-    --tw-ring-offset-color: #FDEEEC;
-  }
-
-  .lg\:focus-within\:ring-offset-red-200:focus-within {
-    --tw-ring-offset-color: #FBD6D0;
-  }
-
-  .lg\:focus-within\:ring-offset-red-300:focus-within {
-    --tw-ring-offset-color: #F9BDB4;
-  }
-
-  .lg\:focus-within\:ring-offset-red-400:focus-within {
-    --tw-ring-offset-color: #F48B7C;
-  }
-
-  .lg\:focus-within\:ring-offset-red-500:focus-within {
-    --tw-ring-offset-color: #EF5844;
-  }
-
-  .lg\:focus-within\:ring-offset-red-600:focus-within {
-    --tw-ring-offset-color: #D7503D;
-  }
-
-  .lg\:focus-within\:ring-offset-red-700:focus-within {
-    --tw-ring-offset-color: #B34333;
-  }
-
-  .lg\:focus-within\:ring-offset-red-800:focus-within {
-    --tw-ring-offset-color: #8F3529;
-  }
-
-  .lg\:focus-within\:ring-offset-red-900:focus-within {
-    --tw-ring-offset-color: #752C21;
-  }
-
-  .lg\:focus-within\:ring-offset-green-50:focus-within {
-    --tw-ring-offset-color: #F4FDF7;
-  }
-
-  .lg\:focus-within\:ring-offset-green-100:focus-within {
-    --tw-ring-offset-color: #EAFAF0;
-  }
-
-  .lg\:focus-within\:ring-offset-green-200:focus-within {
-    --tw-ring-offset-color: #CAF4D9;
-  }
-
-  .lg\:focus-within\:ring-offset-green-300:focus-within {
-    --tw-ring-offset-color: #AAEDC3;
-  }
-
-  .lg\:focus-within\:ring-offset-green-400:focus-within {
-    --tw-ring-offset-color: #6ADF95;
-  }
-
-  .lg\:focus-within\:ring-offset-green-500:focus-within {
-    --tw-ring-offset-color: #2AD167;
-  }
-
-  .lg\:focus-within\:ring-offset-green-600:focus-within {
-    --tw-ring-offset-color: #26BC5E;
-  }
-
-  .lg\:focus-within\:ring-offset-green-700:focus-within {
-    --tw-ring-offset-color: #209D4E;
-  }
-
-  .lg\:focus-within\:ring-offset-green-800:focus-within {
-    --tw-ring-offset-color: #197D3E;
-  }
-
-  .lg\:focus-within\:ring-offset-green-900:focus-within {
-    --tw-ring-offset-color: #156633;
-  }
-
-  .lg\:focus-within\:ring-offset-blue-50:focus-within {
-    --tw-ring-offset-color: #F5F9FF;
-  }
-
-  .lg\:focus-within\:ring-offset-blue-100:focus-within {
-    --tw-ring-offset-color: #EBF3FE;
-  }
-
-  .lg\:focus-within\:ring-offset-blue-200:focus-within {
-    --tw-ring-offset-color: #CEE0FD;
-  }
-
-  .lg\:focus-within\:ring-offset-blue-300:focus-within {
-    --tw-ring-offset-color: #B1CDFB;
-  }
-
-  .lg\:focus-within\:ring-offset-blue-400:focus-within {
-    --tw-ring-offset-color: #76A8F9;
-  }
-
-  .lg\:focus-within\:ring-offset-blue-500:focus-within {
-    --tw-ring-offset-color: #3B82F6;
-  }
-
-  .lg\:focus-within\:ring-offset-blue-600:focus-within {
-    --tw-ring-offset-color: #3575DD;
-  }
-
-  .lg\:focus-within\:ring-offset-blue-700:focus-within {
-    --tw-ring-offset-color: #2C62B9;
-  }
-
-  .lg\:focus-within\:ring-offset-blue-800:focus-within {
-    --tw-ring-offset-color: #234E94;
-  }
-
-  .lg\:focus-within\:ring-offset-blue-900:focus-within {
-    --tw-ring-offset-color: #1D4079;
-  }
-
-  .lg\:focus-within\:ring-offset-gray-50:focus-within {
-    --tw-ring-offset-color: #f9fafb;
-  }
-
-  .lg\:focus-within\:ring-offset-gray-100:focus-within {
-    --tw-ring-offset-color: #f3f4f6;
-  }
-
-  .lg\:focus-within\:ring-offset-gray-200:focus-within {
-    --tw-ring-offset-color: #e5e7eb;
-  }
-
-  .lg\:focus-within\:ring-offset-gray-300:focus-within {
-    --tw-ring-offset-color: #d1d5db;
-  }
-
-  .lg\:focus-within\:ring-offset-gray-400:focus-within {
-    --tw-ring-offset-color: #9ca3af;
-  }
-
-  .lg\:focus-within\:ring-offset-gray-500:focus-within {
-    --tw-ring-offset-color: #6b7280;
-  }
-
-  .lg\:focus-within\:ring-offset-gray-600:focus-within {
-    --tw-ring-offset-color: #4b5563;
-  }
-
-  .lg\:focus-within\:ring-offset-gray-700:focus-within {
-    --tw-ring-offset-color: #374151;
-  }
-
-  .lg\:focus-within\:ring-offset-gray-800:focus-within {
-    --tw-ring-offset-color: #1f2937;
-  }
-
-  .lg\:focus-within\:ring-offset-gray-900:focus-within {
-    --tw-ring-offset-color: #111827;
-  }
-
-  .lg\:focus\:ring-offset-current:focus {
-    --tw-ring-offset-color: currentColor;
-  }
-
-  .lg\:focus\:ring-offset-transparent:focus {
-    --tw-ring-offset-color: transparent;
-  }
-
-  .lg\:focus\:ring-offset-black:focus {
-    --tw-ring-offset-color: #000;
-  }
-
-  .lg\:focus\:ring-offset-white:focus {
-    --tw-ring-offset-color: #fff;
-  }
-
-  .lg\:focus\:ring-offset-darkCoolGray-50:focus {
-    --tw-ring-offset-color: #F5F6F7;
-  }
-
-  .lg\:focus\:ring-offset-darkCoolGray-100:focus {
-    --tw-ring-offset-color: #EBEDEF;
-  }
-
-  .lg\:focus\:ring-offset-darkCoolGray-200:focus {
-    --tw-ring-offset-color: #CED1D6;
-  }
-
-  .lg\:focus\:ring-offset-darkCoolGray-300:focus {
-    --tw-ring-offset-color: #B0B5BD;
-  }
-
-  .lg\:focus\:ring-offset-darkCoolGray-400:focus {
-    --tw-ring-offset-color: #757E8C;
-  }
-
-  .lg\:focus\:ring-offset-darkCoolGray-500:focus {
-    --tw-ring-offset-color: #3A475B;
-  }
-
-  .lg\:focus\:ring-offset-darkCoolGray-600:focus {
-    --tw-ring-offset-color: #344052;
-  }
-
-  .lg\:focus\:ring-offset-darkCoolGray-700:focus {
-    --tw-ring-offset-color: #2C3544;
-  }
-
-  .lg\:focus\:ring-offset-darkCoolGray-800:focus {
-    --tw-ring-offset-color: #232B37;
-  }
-
-  .lg\:focus\:ring-offset-darkCoolGray-900:focus {
-    --tw-ring-offset-color: #1C232D;
-  }
-
-  .lg\:focus\:ring-offset-coolGray-50:focus {
-    --tw-ring-offset-color: #F7F8F9;
-  }
-
-  .lg\:focus\:ring-offset-coolGray-100:focus {
-    --tw-ring-offset-color: #EEF0F3;
-  }
-
-  .lg\:focus\:ring-offset-coolGray-200:focus {
-    --tw-ring-offset-color: #D5DAE1;
-  }
-
-  .lg\:focus\:ring-offset-coolGray-300:focus {
-    --tw-ring-offset-color: #BBC3CF;
-  }
-
-  .lg\:focus\:ring-offset-coolGray-400:focus {
-    --tw-ring-offset-color: #8896AB;
-  }
-
-  .lg\:focus\:ring-offset-coolGray-500:focus {
-    --tw-ring-offset-color: #556987;
-  }
-
-  .lg\:focus\:ring-offset-coolGray-600:focus {
-    --tw-ring-offset-color: #4D5F7A;
-  }
-
-  .lg\:focus\:ring-offset-coolGray-700:focus {
-    --tw-ring-offset-color: #404F65;
-  }
-
-  .lg\:focus\:ring-offset-coolGray-800:focus {
-    --tw-ring-offset-color: #333F51;
-  }
-
-  .lg\:focus\:ring-offset-coolGray-900:focus {
-    --tw-ring-offset-color: #2A3342;
-  }
-
-  .lg\:focus\:ring-offset-indigo-50:focus {
-    --tw-ring-offset-color: #F8F6FF;
-  }
-
-  .lg\:focus\:ring-offset-indigo-100:focus {
-    --tw-ring-offset-color: #F0EEFF;
-  }
-
-  .lg\:focus\:ring-offset-indigo-200:focus {
-    --tw-ring-offset-color: #DAD4FF;
-  }
-
-  .lg\:focus\:ring-offset-indigo-300:focus {
-    --tw-ring-offset-color: #C3B9FF;
-  }
-
-  .lg\:focus\:ring-offset-indigo-400:focus {
-    --tw-ring-offset-color: #9685FF;
-  }
-
-  .lg\:focus\:ring-offset-indigo-500:focus {
-    --tw-ring-offset-color: #6951FF;
-  }
-
-  .lg\:focus\:ring-offset-indigo-600:focus {
-    --tw-ring-offset-color: #5F49E6;
-  }
-
-  .lg\:focus\:ring-offset-indigo-700:focus {
-    --tw-ring-offset-color: #4F3DBF;
-  }
-
-  .lg\:focus\:ring-offset-indigo-800:focus {
-    --tw-ring-offset-color: #3F3199;
-  }
-
-  .lg\:focus\:ring-offset-indigo-900:focus {
-    --tw-ring-offset-color: #33287D;
-  }
-
-  .lg\:focus\:ring-offset-violet-50:focus {
-    --tw-ring-offset-color: #FBF7FF;
-  }
-
-  .lg\:focus\:ring-offset-violet-100:focus {
-    --tw-ring-offset-color: #F6EEFE;
-  }
-
-  .lg\:focus\:ring-offset-violet-200:focus {
-    --tw-ring-offset-color: #E9D5FD;
-  }
-
-  .lg\:focus\:ring-offset-violet-300:focus {
-    --tw-ring-offset-color: #DCBBFC;
-  }
-
-  .lg\:focus\:ring-offset-violet-400:focus {
-    --tw-ring-offset-color: #C288F9;
-  }
-
-  .lg\:focus\:ring-offset-violet-500:focus {
-    --tw-ring-offset-color: #A855F7;
-  }
-
-  .lg\:focus\:ring-offset-violet-600:focus {
-    --tw-ring-offset-color: #974DDE;
-  }
-
-  .lg\:focus\:ring-offset-violet-700:focus {
-    --tw-ring-offset-color: #7E40B9;
-  }
-
-  .lg\:focus\:ring-offset-violet-800:focus {
-    --tw-ring-offset-color: #653394;
-  }
-
-  .lg\:focus\:ring-offset-violet-900:focus {
-    --tw-ring-offset-color: #522A79;
-  }
-
-  .lg\:focus\:ring-offset-yellow-50:focus {
-    --tw-ring-offset-color: #FFFAF3;
-  }
-
-  .lg\:focus\:ring-offset-yellow-100:focus {
-    --tw-ring-offset-color: #FEF5E7;
-  }
-
-  .lg\:focus\:ring-offset-yellow-200:focus {
-    --tw-ring-offset-color: #FDE7C2;
-  }
-
-  .lg\:focus\:ring-offset-yellow-300:focus {
-    --tw-ring-offset-color: #FBD89D;
-  }
-
-  .lg\:focus\:ring-offset-yellow-400:focus {
-    --tw-ring-offset-color: #F8BB54;
-  }
-
-  .lg\:focus\:ring-offset-yellow-500:focus {
-    --tw-ring-offset-color: #F59E0B;
-  }
-
-  .lg\:focus\:ring-offset-yellow-600:focus {
-    --tw-ring-offset-color: #DD8E0A;
-  }
-
-  .lg\:focus\:ring-offset-yellow-700:focus {
-    --tw-ring-offset-color: #B87708;
-  }
-
-  .lg\:focus\:ring-offset-yellow-800:focus {
-    --tw-ring-offset-color: #935F07;
-  }
-
-  .lg\:focus\:ring-offset-yellow-900:focus {
-    --tw-ring-offset-color: #784D05;
-  }
-
-  .lg\:focus\:ring-offset-red-50:focus {
-    --tw-ring-offset-color: #FEF7F6;
-  }
-
-  .lg\:focus\:ring-offset-red-100:focus {
-    --tw-ring-offset-color: #FDEEEC;
-  }
-
-  .lg\:focus\:ring-offset-red-200:focus {
-    --tw-ring-offset-color: #FBD6D0;
-  }
-
-  .lg\:focus\:ring-offset-red-300:focus {
-    --tw-ring-offset-color: #F9BDB4;
-  }
-
-  .lg\:focus\:ring-offset-red-400:focus {
-    --tw-ring-offset-color: #F48B7C;
-  }
-
-  .lg\:focus\:ring-offset-red-500:focus {
-    --tw-ring-offset-color: #EF5844;
-  }
-
-  .lg\:focus\:ring-offset-red-600:focus {
-    --tw-ring-offset-color: #D7503D;
-  }
-
-  .lg\:focus\:ring-offset-red-700:focus {
-    --tw-ring-offset-color: #B34333;
-  }
-
-  .lg\:focus\:ring-offset-red-800:focus {
-    --tw-ring-offset-color: #8F3529;
-  }
-
-  .lg\:focus\:ring-offset-red-900:focus {
-    --tw-ring-offset-color: #752C21;
-  }
-
-  .lg\:focus\:ring-offset-green-50:focus {
-    --tw-ring-offset-color: #F4FDF7;
-  }
-
-  .lg\:focus\:ring-offset-green-100:focus {
-    --tw-ring-offset-color: #EAFAF0;
-  }
-
-  .lg\:focus\:ring-offset-green-200:focus {
-    --tw-ring-offset-color: #CAF4D9;
-  }
-
-  .lg\:focus\:ring-offset-green-300:focus {
-    --tw-ring-offset-color: #AAEDC3;
-  }
-
-  .lg\:focus\:ring-offset-green-400:focus {
-    --tw-ring-offset-color: #6ADF95;
-  }
-
-  .lg\:focus\:ring-offset-green-500:focus {
-    --tw-ring-offset-color: #2AD167;
-  }
-
-  .lg\:focus\:ring-offset-green-600:focus {
-    --tw-ring-offset-color: #26BC5E;
-  }
-
-  .lg\:focus\:ring-offset-green-700:focus {
-    --tw-ring-offset-color: #209D4E;
-  }
-
-  .lg\:focus\:ring-offset-green-800:focus {
-    --tw-ring-offset-color: #197D3E;
-  }
-
-  .lg\:focus\:ring-offset-green-900:focus {
-    --tw-ring-offset-color: #156633;
-  }
-
-  .lg\:focus\:ring-offset-blue-50:focus {
-    --tw-ring-offset-color: #F5F9FF;
-  }
-
-  .lg\:focus\:ring-offset-blue-100:focus {
-    --tw-ring-offset-color: #EBF3FE;
-  }
-
-  .lg\:focus\:ring-offset-blue-200:focus {
-    --tw-ring-offset-color: #CEE0FD;
-  }
-
-  .lg\:focus\:ring-offset-blue-300:focus {
-    --tw-ring-offset-color: #B1CDFB;
-  }
-
-  .lg\:focus\:ring-offset-blue-400:focus {
-    --tw-ring-offset-color: #76A8F9;
-  }
-
-  .lg\:focus\:ring-offset-blue-500:focus {
-    --tw-ring-offset-color: #3B82F6;
-  }
-
-  .lg\:focus\:ring-offset-blue-600:focus {
-    --tw-ring-offset-color: #3575DD;
-  }
-
-  .lg\:focus\:ring-offset-blue-700:focus {
-    --tw-ring-offset-color: #2C62B9;
-  }
-
-  .lg\:focus\:ring-offset-blue-800:focus {
-    --tw-ring-offset-color: #234E94;
-  }
-
-  .lg\:focus\:ring-offset-blue-900:focus {
-    --tw-ring-offset-color: #1D4079;
-  }
-
-  .lg\:focus\:ring-offset-gray-50:focus {
-    --tw-ring-offset-color: #f9fafb;
-  }
-
-  .lg\:focus\:ring-offset-gray-100:focus {
-    --tw-ring-offset-color: #f3f4f6;
-  }
-
-  .lg\:focus\:ring-offset-gray-200:focus {
-    --tw-ring-offset-color: #e5e7eb;
-  }
-
-  .lg\:focus\:ring-offset-gray-300:focus {
-    --tw-ring-offset-color: #d1d5db;
-  }
-
-  .lg\:focus\:ring-offset-gray-400:focus {
-    --tw-ring-offset-color: #9ca3af;
-  }
-
-  .lg\:focus\:ring-offset-gray-500:focus {
-    --tw-ring-offset-color: #6b7280;
-  }
-
-  .lg\:focus\:ring-offset-gray-600:focus {
-    --tw-ring-offset-color: #4b5563;
-  }
-
-  .lg\:focus\:ring-offset-gray-700:focus {
-    --tw-ring-offset-color: #374151;
-  }
-
-  .lg\:focus\:ring-offset-gray-800:focus {
-    --tw-ring-offset-color: #1f2937;
-  }
-
-  .lg\:focus\:ring-offset-gray-900:focus {
-    --tw-ring-offset-color: #111827;
-  }
-
-  .lg\:ring-offset-0 {
-    --tw-ring-offset-width: 0px;
-  }
-
-  .lg\:ring-offset-1 {
-    --tw-ring-offset-width: 1px;
-  }
-
-  .lg\:ring-offset-2 {
-    --tw-ring-offset-width: 2px;
-  }
-
-  .lg\:ring-offset-4 {
-    --tw-ring-offset-width: 4px;
-  }
-
-  .lg\:ring-offset-8 {
-    --tw-ring-offset-width: 8px;
-  }
-
-  .lg\:focus-within\:ring-offset-0:focus-within {
-    --tw-ring-offset-width: 0px;
-  }
-
-  .lg\:focus-within\:ring-offset-1:focus-within {
-    --tw-ring-offset-width: 1px;
-  }
-
-  .lg\:focus-within\:ring-offset-2:focus-within {
-    --tw-ring-offset-width: 2px;
-  }
-
-  .lg\:focus-within\:ring-offset-4:focus-within {
-    --tw-ring-offset-width: 4px;
-  }
-
-  .lg\:focus-within\:ring-offset-8:focus-within {
-    --tw-ring-offset-width: 8px;
-  }
-
-  .lg\:focus\:ring-offset-0:focus {
-    --tw-ring-offset-width: 0px;
-  }
-
-  .lg\:focus\:ring-offset-1:focus {
-    --tw-ring-offset-width: 1px;
-  }
-
-  .lg\:focus\:ring-offset-2:focus {
-    --tw-ring-offset-width: 2px;
-  }
-
-  .lg\:focus\:ring-offset-4:focus {
-    --tw-ring-offset-width: 4px;
-  }
-
-  .lg\:focus\:ring-offset-8:focus {
-    --tw-ring-offset-width: 8px;
-  }
-
-  .lg\:ring-current {
-    --tw-ring-color: currentColor;
-  }
-
-  .lg\:ring-transparent {
-    --tw-ring-color: transparent;
-  }
-
-  .lg\:ring-black {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-white {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-darkCoolGray-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-darkCoolGray-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-darkCoolGray-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-darkCoolGray-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-darkCoolGray-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-darkCoolGray-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-darkCoolGray-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-darkCoolGray-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-darkCoolGray-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-darkCoolGray-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-coolGray-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-coolGray-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-coolGray-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-coolGray-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-coolGray-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-coolGray-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-coolGray-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-coolGray-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-coolGray-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-coolGray-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-indigo-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-indigo-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-indigo-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-indigo-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-indigo-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-indigo-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-indigo-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-indigo-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-indigo-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-indigo-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-violet-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-violet-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-violet-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-violet-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-violet-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-violet-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-violet-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-violet-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-violet-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-violet-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-yellow-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-yellow-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-yellow-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-yellow-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-yellow-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-yellow-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-yellow-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-yellow-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-yellow-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-yellow-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-red-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-red-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-red-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-red-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-red-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-red-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-red-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-red-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-red-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-red-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-green-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-green-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-green-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-green-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-green-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-green-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-green-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-green-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-green-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-green-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-blue-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-blue-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-blue-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-blue-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-blue-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-blue-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-blue-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-blue-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-blue-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-blue-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-gray-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-gray-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-gray-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-gray-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-gray-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-gray-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-gray-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-gray-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-gray-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-gray-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-current:focus-within {
-    --tw-ring-color: currentColor;
-  }
-
-  .lg\:focus-within\:ring-transparent:focus-within {
-    --tw-ring-color: transparent;
-  }
-
-  .lg\:focus-within\:ring-black:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-white:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-darkCoolGray-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-darkCoolGray-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-darkCoolGray-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-darkCoolGray-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-darkCoolGray-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-darkCoolGray-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-darkCoolGray-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-darkCoolGray-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-darkCoolGray-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-darkCoolGray-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-coolGray-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-coolGray-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-coolGray-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-coolGray-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-coolGray-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-coolGray-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-coolGray-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-coolGray-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-coolGray-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-coolGray-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-indigo-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-indigo-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-indigo-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-indigo-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-indigo-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-indigo-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-indigo-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-indigo-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-indigo-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-indigo-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-violet-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-violet-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-violet-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-violet-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-violet-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-violet-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-violet-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-violet-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-violet-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-violet-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-yellow-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-yellow-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-yellow-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-yellow-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-yellow-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-yellow-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-yellow-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-yellow-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-yellow-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-yellow-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-red-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-red-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-red-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-red-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-red-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-red-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-red-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-red-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-red-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-red-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-green-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-green-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-green-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-green-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-green-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-green-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-green-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-green-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-green-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-green-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-blue-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-blue-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-blue-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-blue-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-blue-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-blue-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-blue-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-blue-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-blue-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-blue-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-gray-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-gray-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-gray-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-gray-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-gray-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-gray-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-gray-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-gray-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-gray-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus-within\:ring-gray-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-current:focus {
-    --tw-ring-color: currentColor;
-  }
-
-  .lg\:focus\:ring-transparent:focus {
-    --tw-ring-color: transparent;
-  }
-
-  .lg\:focus\:ring-black:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-white:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-darkCoolGray-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-darkCoolGray-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-darkCoolGray-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-darkCoolGray-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-darkCoolGray-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-darkCoolGray-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-darkCoolGray-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-darkCoolGray-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-darkCoolGray-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-darkCoolGray-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-coolGray-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-coolGray-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-coolGray-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-coolGray-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-coolGray-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-coolGray-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-coolGray-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-coolGray-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-coolGray-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-coolGray-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-indigo-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-indigo-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-indigo-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-indigo-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-indigo-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-indigo-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-indigo-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-indigo-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-indigo-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-indigo-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-violet-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-violet-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-violet-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-violet-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-violet-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-violet-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-violet-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-violet-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-violet-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-violet-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-yellow-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-yellow-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-yellow-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-yellow-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-yellow-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-yellow-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-yellow-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-yellow-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-yellow-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-yellow-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-red-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-red-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-red-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-red-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-red-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-red-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-red-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-red-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-red-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-red-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-green-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-green-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-green-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-green-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-green-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-green-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-green-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-green-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-green-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-green-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-blue-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-blue-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-blue-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-blue-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-blue-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-blue-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-blue-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-blue-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-blue-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-blue-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-gray-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-gray-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-gray-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-gray-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-gray-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-gray-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-gray-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-gray-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-gray-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-  }
-
-  .lg\:focus\:ring-gray-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-  }
-
-  .lg\:ring-opacity-0 {
-    --tw-ring-opacity: 0;
-  }
-
-  .lg\:ring-opacity-5 {
-    --tw-ring-opacity: 0.05;
-  }
-
-  .lg\:ring-opacity-10 {
-    --tw-ring-opacity: 0.1;
-  }
-
-  .lg\:ring-opacity-20 {
-    --tw-ring-opacity: 0.2;
-  }
-
-  .lg\:ring-opacity-25 {
-    --tw-ring-opacity: 0.25;
-  }
-
-  .lg\:ring-opacity-30 {
-    --tw-ring-opacity: 0.3;
-  }
-
-  .lg\:ring-opacity-40 {
-    --tw-ring-opacity: 0.4;
-  }
-
-  .lg\:ring-opacity-50 {
-    --tw-ring-opacity: 0.5;
-  }
-
-  .lg\:ring-opacity-60 {
-    --tw-ring-opacity: 0.6;
-  }
-
-  .lg\:ring-opacity-70 {
-    --tw-ring-opacity: 0.7;
-  }
-
-  .lg\:ring-opacity-75 {
-    --tw-ring-opacity: 0.75;
-  }
-
-  .lg\:ring-opacity-80 {
-    --tw-ring-opacity: 0.8;
-  }
-
-  .lg\:ring-opacity-90 {
-    --tw-ring-opacity: 0.9;
-  }
-
-  .lg\:ring-opacity-95 {
-    --tw-ring-opacity: 0.95;
-  }
-
-  .lg\:ring-opacity-100 {
-    --tw-ring-opacity: 1;
-  }
-
-  .lg\:focus-within\:ring-opacity-0:focus-within {
-    --tw-ring-opacity: 0;
-  }
-
-  .lg\:focus-within\:ring-opacity-5:focus-within {
-    --tw-ring-opacity: 0.05;
-  }
-
-  .lg\:focus-within\:ring-opacity-10:focus-within {
-    --tw-ring-opacity: 0.1;
-  }
-
-  .lg\:focus-within\:ring-opacity-20:focus-within {
-    --tw-ring-opacity: 0.2;
-  }
-
-  .lg\:focus-within\:ring-opacity-25:focus-within {
-    --tw-ring-opacity: 0.25;
-  }
-
-  .lg\:focus-within\:ring-opacity-30:focus-within {
-    --tw-ring-opacity: 0.3;
-  }
-
-  .lg\:focus-within\:ring-opacity-40:focus-within {
-    --tw-ring-opacity: 0.4;
-  }
-
-  .lg\:focus-within\:ring-opacity-50:focus-within {
-    --tw-ring-opacity: 0.5;
-  }
-
-  .lg\:focus-within\:ring-opacity-60:focus-within {
-    --tw-ring-opacity: 0.6;
-  }
-
-  .lg\:focus-within\:ring-opacity-70:focus-within {
-    --tw-ring-opacity: 0.7;
-  }
-
-  .lg\:focus-within\:ring-opacity-75:focus-within {
-    --tw-ring-opacity: 0.75;
-  }
-
-  .lg\:focus-within\:ring-opacity-80:focus-within {
-    --tw-ring-opacity: 0.8;
-  }
-
-  .lg\:focus-within\:ring-opacity-90:focus-within {
-    --tw-ring-opacity: 0.9;
-  }
-
-  .lg\:focus-within\:ring-opacity-95:focus-within {
-    --tw-ring-opacity: 0.95;
-  }
-
-  .lg\:focus-within\:ring-opacity-100:focus-within {
-    --tw-ring-opacity: 1;
-  }
-
-  .lg\:focus\:ring-opacity-0:focus {
-    --tw-ring-opacity: 0;
-  }
-
-  .lg\:focus\:ring-opacity-5:focus {
-    --tw-ring-opacity: 0.05;
-  }
-
-  .lg\:focus\:ring-opacity-10:focus {
-    --tw-ring-opacity: 0.1;
-  }
-
-  .lg\:focus\:ring-opacity-20:focus {
-    --tw-ring-opacity: 0.2;
-  }
-
-  .lg\:focus\:ring-opacity-25:focus {
-    --tw-ring-opacity: 0.25;
-  }
-
-  .lg\:focus\:ring-opacity-30:focus {
-    --tw-ring-opacity: 0.3;
-  }
-
-  .lg\:focus\:ring-opacity-40:focus {
-    --tw-ring-opacity: 0.4;
-  }
-
-  .lg\:focus\:ring-opacity-50:focus {
-    --tw-ring-opacity: 0.5;
-  }
-
-  .lg\:focus\:ring-opacity-60:focus {
-    --tw-ring-opacity: 0.6;
-  }
-
-  .lg\:focus\:ring-opacity-70:focus {
-    --tw-ring-opacity: 0.7;
-  }
-
-  .lg\:focus\:ring-opacity-75:focus {
-    --tw-ring-opacity: 0.75;
-  }
-
-  .lg\:focus\:ring-opacity-80:focus {
-    --tw-ring-opacity: 0.8;
-  }
-
-  .lg\:focus\:ring-opacity-90:focus {
-    --tw-ring-opacity: 0.9;
-  }
-
-  .lg\:focus\:ring-opacity-95:focus {
-    --tw-ring-opacity: 0.95;
-  }
-
-  .lg\:focus\:ring-opacity-100:focus {
-    --tw-ring-opacity: 1;
-  }
-
-  .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-black {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .lg\:text-white {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:text-darkCoolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .lg\:text-darkCoolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .lg\:text-darkCoolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .lg\:text-darkCoolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .lg\:text-darkCoolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .lg\:text-darkCoolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .lg\:text-darkCoolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .lg\:text-darkCoolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .lg\:text-darkCoolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .lg\:text-darkCoolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .lg\:text-coolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .lg\:text-coolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .lg\:text-coolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .lg\:text-coolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .lg\:text-coolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .lg\:text-coolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .lg\:text-coolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .lg\:text-coolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .lg\:text-coolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .lg\:text-coolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .lg\:text-indigo-50 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:text-indigo-100 {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:text-indigo-200 {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:text-indigo-300 {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:text-indigo-400 {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:text-indigo-500 {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:text-indigo-600 {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .lg\:text-indigo-700 {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .lg\:text-indigo-800 {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .lg\:text-indigo-900 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .lg\:text-violet-50 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:text-violet-100 {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .lg\:text-violet-200 {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .lg\:text-violet-300 {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .lg\:text-violet-400 {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .lg\:text-violet-500 {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .lg\:text-violet-600 {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .lg\:text-violet-700 {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .lg\:text-violet-800 {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .lg\:text-violet-900 {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .lg\:text-yellow-50 {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .lg\:text-yellow-100 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .lg\:text-yellow-200 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .lg\:text-yellow-300 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .lg\:text-yellow-400 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .lg\:text-yellow-500 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .lg\:text-yellow-600 {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .lg\:text-yellow-700 {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .lg\:text-yellow-800 {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .lg\:text-yellow-900 {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .lg\:text-red-50 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .lg\:text-red-100 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .lg\:text-red-200 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .lg\:text-red-300 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .lg\:text-red-400 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .lg\:text-red-500 {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .lg\:text-red-600 {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .lg\:text-red-700 {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .lg\:text-red-800 {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .lg\:text-red-900 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .lg\:text-green-50 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .lg\:text-green-100 {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .lg\:text-green-200 {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .lg\:text-green-300 {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .lg\:text-green-400 {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .lg\:text-green-500 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .lg\:text-green-600 {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .lg\:text-green-700 {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .lg\:text-green-800 {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .lg\:text-green-900 {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .lg\:text-blue-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:text-blue-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .lg\:text-blue-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .lg\:text-blue-300 {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .lg\:text-blue-400 {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .lg\:text-blue-500 {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .lg\:text-blue-600 {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .lg\:text-blue-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .lg\:text-blue-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .lg\:text-blue-900 {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .lg\:text-gray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .lg\:text-gray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .lg\:text-gray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .lg\:text-gray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .lg\:text-gray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .lg\:text-gray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .lg\:text-gray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .lg\:text-gray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .lg\:text-gray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .lg\:text-gray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .lg\:text-body {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-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-black {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-white {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-darkCoolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-darkCoolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-darkCoolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-darkCoolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-darkCoolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-darkCoolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-darkCoolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-darkCoolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-darkCoolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-darkCoolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-coolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-coolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-coolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-coolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-coolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-coolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-coolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-coolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-coolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-coolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-50 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-100 {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-200 {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-300 {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-400 {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-500 {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-600 {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-700 {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-800 {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-900 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-violet-50 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-violet-100 {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-violet-200 {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-violet-300 {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-violet-400 {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-violet-500 {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-violet-600 {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-violet-700 {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-violet-800 {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-violet-900 {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-50 {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-100 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-200 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-300 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-400 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-500 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-600 {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-700 {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-800 {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-900 {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-50 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-100 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-200 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-300 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-400 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-500 {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-600 {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-700 {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-800 {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-900 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-50 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-100 {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-200 {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-300 {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-400 {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-500 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-600 {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-700 {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-800 {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-900 {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-300 {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-400 {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-500 {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-600 {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-900 {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-body {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-current:focus-within {
-    color: currentColor;
-  }
-
-  .lg\:focus-within\:text-transparent:focus-within {
-    color: transparent;
-  }
-
-  .lg\:focus-within\:text-black:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-white:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-darkCoolGray-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-darkCoolGray-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-darkCoolGray-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-darkCoolGray-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-darkCoolGray-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-darkCoolGray-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-darkCoolGray-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-darkCoolGray-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-darkCoolGray-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-darkCoolGray-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-coolGray-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-coolGray-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-coolGray-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-coolGray-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-coolGray-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-coolGray-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-coolGray-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-coolGray-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-coolGray-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-coolGray-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-violet-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-violet-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-violet-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-violet-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-violet-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-violet-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-violet-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-violet-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-violet-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-violet-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .lg\:focus-within\:text-body:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-current:hover {
-    color: currentColor;
-  }
-
-  .lg\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .lg\:hover\:text-black:hover {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-white:hover {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-darkCoolGray-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-darkCoolGray-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-darkCoolGray-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-darkCoolGray-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-darkCoolGray-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-darkCoolGray-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-darkCoolGray-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-darkCoolGray-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-darkCoolGray-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-darkCoolGray-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-coolGray-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-coolGray-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-coolGray-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-coolGray-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-coolGray-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-coolGray-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-coolGray-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-coolGray-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-coolGray-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-coolGray-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-violet-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-violet-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-violet-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-violet-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-violet-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-violet-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-violet-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-violet-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-violet-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-violet-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-red-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-red-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-red-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-red-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-red-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-red-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-red-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-red-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-red-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-red-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-green-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-green-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-green-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-green-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-green-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-green-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-green-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-green-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-green-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-green-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-blue-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-blue-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-blue-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-blue-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-blue-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-blue-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-blue-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-blue-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-blue-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-blue-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-gray-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-gray-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-gray-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-gray-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-gray-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-gray-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-gray-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-gray-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-gray-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-gray-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .lg\:hover\:text-body:hover {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-current:focus {
-    color: currentColor;
-  }
-
-  .lg\:focus\:text-transparent:focus {
-    color: transparent;
-  }
-
-  .lg\:focus\:text-black:focus {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-white:focus {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-darkCoolGray-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-darkCoolGray-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-darkCoolGray-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-darkCoolGray-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-darkCoolGray-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-darkCoolGray-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-darkCoolGray-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-darkCoolGray-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-darkCoolGray-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-darkCoolGray-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-coolGray-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-coolGray-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-coolGray-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-coolGray-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-coolGray-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-coolGray-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-coolGray-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-coolGray-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-coolGray-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-coolGray-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-violet-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-violet-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-violet-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-violet-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-violet-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-violet-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-violet-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-violet-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-violet-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-violet-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-red-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-red-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-red-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-red-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-red-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-red-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-red-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-red-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-red-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-red-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-green-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-green-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-green-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-green-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-green-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-green-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-green-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-green-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-green-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-green-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-blue-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-blue-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-blue-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-blue-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-blue-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-blue-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-blue-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-blue-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-blue-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-blue-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-gray-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-gray-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-gray-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-gray-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-gray-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-gray-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-gray-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-gray-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-gray-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-gray-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .lg\:focus\:text-body:focus {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .lg\:text-opacity-0 {
-    --tw-text-opacity: 0;
-  }
-
-  .lg\:text-opacity-5 {
-    --tw-text-opacity: 0.05;
-  }
-
-  .lg\:text-opacity-10 {
-    --tw-text-opacity: 0.1;
-  }
-
-  .lg\:text-opacity-20 {
-    --tw-text-opacity: 0.2;
-  }
-
-  .lg\:text-opacity-25 {
-    --tw-text-opacity: 0.25;
-  }
-
-  .lg\:text-opacity-30 {
-    --tw-text-opacity: 0.3;
-  }
-
-  .lg\:text-opacity-40 {
-    --tw-text-opacity: 0.4;
-  }
-
-  .lg\:text-opacity-50 {
-    --tw-text-opacity: 0.5;
-  }
-
-  .lg\:text-opacity-60 {
-    --tw-text-opacity: 0.6;
-  }
-
-  .lg\:text-opacity-70 {
-    --tw-text-opacity: 0.7;
-  }
-
-  .lg\:text-opacity-75 {
-    --tw-text-opacity: 0.75;
-  }
-
-  .lg\:text-opacity-80 {
-    --tw-text-opacity: 0.8;
-  }
-
-  .lg\:text-opacity-90 {
-    --tw-text-opacity: 0.9;
-  }
-
-  .lg\:text-opacity-95 {
-    --tw-text-opacity: 0.95;
-  }
-
-  .lg\:text-opacity-100 {
-    --tw-text-opacity: 1;
-  }
-
-  .group:hover .lg\:group-hover\:text-opacity-0 {
-    --tw-text-opacity: 0;
-  }
-
-  .group:hover .lg\:group-hover\:text-opacity-5 {
-    --tw-text-opacity: 0.05;
-  }
-
-  .group:hover .lg\:group-hover\:text-opacity-10 {
-    --tw-text-opacity: 0.1;
-  }
-
-  .group:hover .lg\:group-hover\:text-opacity-20 {
-    --tw-text-opacity: 0.2;
-  }
-
-  .group:hover .lg\:group-hover\:text-opacity-25 {
-    --tw-text-opacity: 0.25;
-  }
-
-  .group:hover .lg\:group-hover\:text-opacity-30 {
-    --tw-text-opacity: 0.3;
-  }
-
-  .group:hover .lg\:group-hover\:text-opacity-40 {
-    --tw-text-opacity: 0.4;
-  }
-
-  .group:hover .lg\:group-hover\:text-opacity-50 {
-    --tw-text-opacity: 0.5;
-  }
-
-  .group:hover .lg\:group-hover\:text-opacity-60 {
-    --tw-text-opacity: 0.6;
-  }
-
-  .group:hover .lg\:group-hover\:text-opacity-70 {
-    --tw-text-opacity: 0.7;
-  }
-
-  .group:hover .lg\:group-hover\:text-opacity-75 {
-    --tw-text-opacity: 0.75;
-  }
-
-  .group:hover .lg\:group-hover\:text-opacity-80 {
-    --tw-text-opacity: 0.8;
-  }
-
-  .group:hover .lg\:group-hover\:text-opacity-90 {
-    --tw-text-opacity: 0.9;
-  }
-
-  .group:hover .lg\:group-hover\:text-opacity-95 {
-    --tw-text-opacity: 0.95;
-  }
-
-  .group:hover .lg\:group-hover\:text-opacity-100 {
-    --tw-text-opacity: 1;
-  }
-
-  .lg\:focus-within\:text-opacity-0:focus-within {
-    --tw-text-opacity: 0;
-  }
-
-  .lg\:focus-within\:text-opacity-5:focus-within {
-    --tw-text-opacity: 0.05;
-  }
-
-  .lg\:focus-within\:text-opacity-10:focus-within {
-    --tw-text-opacity: 0.1;
-  }
-
-  .lg\:focus-within\:text-opacity-20:focus-within {
-    --tw-text-opacity: 0.2;
-  }
-
-  .lg\:focus-within\:text-opacity-25:focus-within {
-    --tw-text-opacity: 0.25;
-  }
-
-  .lg\:focus-within\:text-opacity-30:focus-within {
-    --tw-text-opacity: 0.3;
-  }
-
-  .lg\:focus-within\:text-opacity-40:focus-within {
-    --tw-text-opacity: 0.4;
-  }
-
-  .lg\:focus-within\:text-opacity-50:focus-within {
-    --tw-text-opacity: 0.5;
-  }
-
-  .lg\:focus-within\:text-opacity-60:focus-within {
-    --tw-text-opacity: 0.6;
-  }
-
-  .lg\:focus-within\:text-opacity-70:focus-within {
-    --tw-text-opacity: 0.7;
-  }
-
-  .lg\:focus-within\:text-opacity-75:focus-within {
-    --tw-text-opacity: 0.75;
-  }
-
-  .lg\:focus-within\:text-opacity-80:focus-within {
-    --tw-text-opacity: 0.8;
-  }
-
-  .lg\:focus-within\:text-opacity-90:focus-within {
-    --tw-text-opacity: 0.9;
-  }
-
-  .lg\:focus-within\:text-opacity-95:focus-within {
-    --tw-text-opacity: 0.95;
-  }
-
-  .lg\:focus-within\:text-opacity-100:focus-within {
-    --tw-text-opacity: 1;
-  }
-
-  .lg\:hover\:text-opacity-0:hover {
-    --tw-text-opacity: 0;
-  }
-
-  .lg\:hover\:text-opacity-5:hover {
-    --tw-text-opacity: 0.05;
-  }
-
-  .lg\:hover\:text-opacity-10:hover {
-    --tw-text-opacity: 0.1;
-  }
-
-  .lg\:hover\:text-opacity-20:hover {
-    --tw-text-opacity: 0.2;
-  }
-
-  .lg\:hover\:text-opacity-25:hover {
-    --tw-text-opacity: 0.25;
-  }
-
-  .lg\:hover\:text-opacity-30:hover {
-    --tw-text-opacity: 0.3;
-  }
-
-  .lg\:hover\:text-opacity-40:hover {
-    --tw-text-opacity: 0.4;
-  }
-
-  .lg\:hover\:text-opacity-50:hover {
-    --tw-text-opacity: 0.5;
-  }
-
-  .lg\:hover\:text-opacity-60:hover {
-    --tw-text-opacity: 0.6;
-  }
-
-  .lg\:hover\:text-opacity-70:hover {
-    --tw-text-opacity: 0.7;
-  }
-
-  .lg\:hover\:text-opacity-75:hover {
-    --tw-text-opacity: 0.75;
-  }
-
-  .lg\:hover\:text-opacity-80:hover {
-    --tw-text-opacity: 0.8;
-  }
-
-  .lg\:hover\:text-opacity-90:hover {
-    --tw-text-opacity: 0.9;
-  }
-
-  .lg\:hover\:text-opacity-95:hover {
-    --tw-text-opacity: 0.95;
-  }
-
-  .lg\:hover\:text-opacity-100:hover {
-    --tw-text-opacity: 1;
-  }
-
-  .lg\:focus\:text-opacity-0:focus {
-    --tw-text-opacity: 0;
-  }
-
-  .lg\:focus\:text-opacity-5:focus {
-    --tw-text-opacity: 0.05;
-  }
-
-  .lg\:focus\:text-opacity-10:focus {
-    --tw-text-opacity: 0.1;
-  }
-
-  .lg\:focus\:text-opacity-20:focus {
-    --tw-text-opacity: 0.2;
-  }
-
-  .lg\:focus\:text-opacity-25:focus {
-    --tw-text-opacity: 0.25;
-  }
-
-  .lg\:focus\:text-opacity-30:focus {
-    --tw-text-opacity: 0.3;
-  }
-
-  .lg\:focus\:text-opacity-40:focus {
-    --tw-text-opacity: 0.4;
-  }
-
-  .lg\:focus\:text-opacity-50:focus {
-    --tw-text-opacity: 0.5;
-  }
-
-  .lg\:focus\:text-opacity-60:focus {
-    --tw-text-opacity: 0.6;
-  }
-
-  .lg\:focus\:text-opacity-70:focus {
-    --tw-text-opacity: 0.7;
-  }
-
-  .lg\:focus\:text-opacity-75:focus {
-    --tw-text-opacity: 0.75;
-  }
-
-  .lg\:focus\:text-opacity-80:focus {
-    --tw-text-opacity: 0.8;
-  }
-
-  .lg\:focus\:text-opacity-90:focus {
-    --tw-text-opacity: 0.9;
-  }
-
-  .lg\:focus\:text-opacity-95:focus {
-    --tw-text-opacity: 0.95;
-  }
-
-  .lg\:focus\:text-opacity-100:focus {
-    --tw-text-opacity: 1;
-  }
-
-  .lg\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .lg\:overflow-ellipsis {
-    text-overflow: ellipsis;
-  }
-
-  .lg\:overflow-clip {
-    text-overflow: clip;
-  }
-
-  .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;
-  }
-
-  .lg\:focus-within\:underline:focus-within {
-    text-decoration: underline;
-  }
-
-  .lg\:focus-within\:line-through:focus-within {
-    text-decoration: line-through;
-  }
-
-  .lg\:focus-within\:no-underline:focus-within {
-    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 {
-    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
-    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
-    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
-    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
-    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
-    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
-  }
-
-  .lg\:normal-nums {
-    font-variant-numeric: normal;
-  }
-
-  .lg\:ordinal {
-    --tw-ordinal: ordinal;
-  }
-
-  .lg\:slashed-zero {
-    --tw-slashed-zero: slashed-zero;
-  }
-
-  .lg\:lining-nums {
-    --tw-numeric-figure: lining-nums;
-  }
-
-  .lg\:oldstyle-nums {
-    --tw-numeric-figure: oldstyle-nums;
-  }
-
-  .lg\:proportional-nums {
-    --tw-numeric-spacing: proportional-nums;
-  }
-
-  .lg\:tabular-nums {
-    --tw-numeric-spacing: tabular-nums;
-  }
-
-  .lg\:diagonal-fractions {
-    --tw-numeric-fraction: diagonal-fractions;
-  }
-
-  .lg\:stacked-fractions {
-    --tw-numeric-fraction: stacked-fractions;
-  }
-
-  .lg\:tracking-tighter {
-    letter-spacing: -0.02em;
-  }
-
-  .lg\:tracking-tight {
-    letter-spacing: -1px;
-  }
-
-  .lg\:tracking-normal {
-    letter-spacing: 0em;
-  }
-
-  .lg\:tracking-wide {
-    letter-spacing: 0.03em;
-  }
-
-  .lg\:tracking-wider {
-    letter-spacing: 0.08em;
-  }
-
-  .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-nowrap {
-    white-space: nowrap;
-  }
-
-  .lg\:whitespace-pre {
-    white-space: pre;
-  }
-
-  .lg\:whitespace-pre-line {
-    white-space: pre-line;
-  }
-
-  .lg\:whitespace-pre-wrap {
-    white-space: pre-wrap;
-  }
-
-  .lg\:break-normal {
-    overflow-wrap: normal;
-    word-break: normal;
-  }
-
-  .lg\:break-words {
-    overflow-wrap: break-word;
-  }
-
-  .lg\:break-all {
-    word-break: break-all;
-  }
-
-  .lg\:w-0 {
-    width: 0px;
-  }
-
-  .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-14 {
-    width: 3.5rem;
-  }
-
-  .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\: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 {
-    gap: 0px;
-  }
-
-  .lg\:gap-1 {
-    gap: 0.25rem;
-  }
-
-  .lg\:gap-2 {
-    gap: 0.5rem;
-  }
-
-  .lg\:gap-3 {
-    gap: 0.75rem;
-  }
-
-  .lg\:gap-4 {
-    gap: 1rem;
-  }
-
-  .lg\:gap-5 {
-    gap: 1.25rem;
-  }
-
-  .lg\:gap-6 {
-    gap: 1.5rem;
-  }
-
-  .lg\:gap-7 {
-    gap: 1.75rem;
-  }
-
-  .lg\:gap-8 {
-    gap: 2rem;
-  }
-
-  .lg\:gap-9 {
-    gap: 2.25rem;
-  }
-
-  .lg\:gap-10 {
-    gap: 2.5rem;
-  }
-
-  .lg\:gap-11 {
-    gap: 2.75rem;
-  }
-
-  .lg\:gap-12 {
-    gap: 3rem;
-  }
-
-  .lg\:gap-14 {
-    gap: 3.5rem;
-  }
-
-  .lg\:gap-16 {
-    gap: 4rem;
-  }
-
-  .lg\:gap-20 {
-    gap: 5rem;
-  }
-
-  .lg\:gap-24 {
-    gap: 6rem;
-  }
-
-  .lg\:gap-28 {
-    gap: 7rem;
-  }
-
-  .lg\:gap-32 {
-    gap: 8rem;
-  }
-
-  .lg\:gap-36 {
-    gap: 9rem;
-  }
-
-  .lg\:gap-40 {
-    gap: 10rem;
-  }
-
-  .lg\:gap-44 {
-    gap: 11rem;
-  }
-
-  .lg\:gap-48 {
-    gap: 12rem;
-  }
-
-  .lg\:gap-52 {
-    gap: 13rem;
-  }
-
-  .lg\:gap-56 {
-    gap: 14rem;
-  }
-
-  .lg\:gap-60 {
-    gap: 15rem;
-  }
-
-  .lg\:gap-64 {
-    gap: 16rem;
-  }
-
-  .lg\:gap-72 {
-    gap: 18rem;
-  }
-
-  .lg\:gap-80 {
-    gap: 20rem;
-  }
-
-  .lg\:gap-96 {
-    gap: 24rem;
-  }
-
-  .lg\:gap-px {
-    gap: 1px;
-  }
-
-  .lg\:gap-0\.5 {
-    gap: 0.125rem;
-  }
-
-  .lg\:gap-1\.5 {
-    gap: 0.375rem;
-  }
-
-  .lg\:gap-2\.5 {
-    gap: 0.625rem;
-  }
-
-  .lg\:gap-3\.5 {
-    gap: 0.875rem;
-  }
-
-  .lg\:gap-x-0 {
-    -moz-column-gap: 0px;
-         column-gap: 0px;
-  }
-
-  .lg\:gap-x-1 {
-    -moz-column-gap: 0.25rem;
-         column-gap: 0.25rem;
-  }
-
-  .lg\:gap-x-2 {
-    -moz-column-gap: 0.5rem;
-         column-gap: 0.5rem;
-  }
-
-  .lg\:gap-x-3 {
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem;
-  }
-
-  .lg\:gap-x-4 {
-    -moz-column-gap: 1rem;
-         column-gap: 1rem;
-  }
-
-  .lg\:gap-x-5 {
-    -moz-column-gap: 1.25rem;
-         column-gap: 1.25rem;
-  }
-
-  .lg\:gap-x-6 {
-    -moz-column-gap: 1.5rem;
-         column-gap: 1.5rem;
-  }
-
-  .lg\:gap-x-7 {
-    -moz-column-gap: 1.75rem;
-         column-gap: 1.75rem;
-  }
-
-  .lg\:gap-x-8 {
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
-  }
-
-  .lg\:gap-x-9 {
-    -moz-column-gap: 2.25rem;
-         column-gap: 2.25rem;
-  }
-
-  .lg\:gap-x-10 {
-    -moz-column-gap: 2.5rem;
-         column-gap: 2.5rem;
-  }
-
-  .lg\:gap-x-11 {
-    -moz-column-gap: 2.75rem;
-         column-gap: 2.75rem;
-  }
-
-  .lg\:gap-x-12 {
-    -moz-column-gap: 3rem;
-         column-gap: 3rem;
-  }
-
-  .lg\:gap-x-14 {
-    -moz-column-gap: 3.5rem;
-         column-gap: 3.5rem;
-  }
-
-  .lg\:gap-x-16 {
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
-  }
-
-  .lg\:gap-x-20 {
-    -moz-column-gap: 5rem;
-         column-gap: 5rem;
-  }
-
-  .lg\:gap-x-24 {
-    -moz-column-gap: 6rem;
-         column-gap: 6rem;
-  }
-
-  .lg\:gap-x-28 {
-    -moz-column-gap: 7rem;
-         column-gap: 7rem;
-  }
-
-  .lg\:gap-x-32 {
-    -moz-column-gap: 8rem;
-         column-gap: 8rem;
-  }
-
-  .lg\:gap-x-36 {
-    -moz-column-gap: 9rem;
-         column-gap: 9rem;
-  }
-
-  .lg\:gap-x-40 {
-    -moz-column-gap: 10rem;
-         column-gap: 10rem;
-  }
-
-  .lg\:gap-x-44 {
-    -moz-column-gap: 11rem;
-         column-gap: 11rem;
-  }
-
-  .lg\:gap-x-48 {
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .lg\:gap-x-52 {
-    -moz-column-gap: 13rem;
-         column-gap: 13rem;
-  }
-
-  .lg\:gap-x-56 {
-    -moz-column-gap: 14rem;
-         column-gap: 14rem;
-  }
-
-  .lg\:gap-x-60 {
-    -moz-column-gap: 15rem;
-         column-gap: 15rem;
-  }
-
-  .lg\:gap-x-64 {
-    -moz-column-gap: 16rem;
-         column-gap: 16rem;
-  }
-
-  .lg\:gap-x-72 {
-    -moz-column-gap: 18rem;
-         column-gap: 18rem;
-  }
-
-  .lg\:gap-x-80 {
-    -moz-column-gap: 20rem;
-         column-gap: 20rem;
-  }
-
-  .lg\:gap-x-96 {
-    -moz-column-gap: 24rem;
-         column-gap: 24rem;
-  }
-
-  .lg\:gap-x-px {
-    -moz-column-gap: 1px;
-         column-gap: 1px;
-  }
-
-  .lg\:gap-x-0\.5 {
-    -moz-column-gap: 0.125rem;
-         column-gap: 0.125rem;
-  }
-
-  .lg\:gap-x-1\.5 {
-    -moz-column-gap: 0.375rem;
-         column-gap: 0.375rem;
-  }
-
-  .lg\:gap-x-2\.5 {
-    -moz-column-gap: 0.625rem;
-         column-gap: 0.625rem;
-  }
-
-  .lg\:gap-x-3\.5 {
-    -moz-column-gap: 0.875rem;
-         column-gap: 0.875rem;
-  }
-
-  .lg\:gap-y-0 {
-    row-gap: 0px;
-  }
-
-  .lg\:gap-y-1 {
-    row-gap: 0.25rem;
-  }
-
-  .lg\:gap-y-2 {
-    row-gap: 0.5rem;
-  }
-
-  .lg\:gap-y-3 {
-    row-gap: 0.75rem;
-  }
-
-  .lg\:gap-y-4 {
-    row-gap: 1rem;
-  }
-
-  .lg\:gap-y-5 {
-    row-gap: 1.25rem;
-  }
-
-  .lg\:gap-y-6 {
-    row-gap: 1.5rem;
-  }
-
-  .lg\:gap-y-7 {
-    row-gap: 1.75rem;
-  }
-
-  .lg\:gap-y-8 {
-    row-gap: 2rem;
-  }
-
-  .lg\:gap-y-9 {
-    row-gap: 2.25rem;
-  }
-
-  .lg\:gap-y-10 {
-    row-gap: 2.5rem;
-  }
-
-  .lg\:gap-y-11 {
-    row-gap: 2.75rem;
-  }
-
-  .lg\:gap-y-12 {
-    row-gap: 3rem;
-  }
-
-  .lg\:gap-y-14 {
-    row-gap: 3.5rem;
-  }
-
-  .lg\:gap-y-16 {
-    row-gap: 4rem;
-  }
-
-  .lg\:gap-y-20 {
-    row-gap: 5rem;
-  }
-
-  .lg\:gap-y-24 {
-    row-gap: 6rem;
-  }
-
-  .lg\:gap-y-28 {
-    row-gap: 7rem;
-  }
-
-  .lg\:gap-y-32 {
-    row-gap: 8rem;
-  }
-
-  .lg\:gap-y-36 {
-    row-gap: 9rem;
-  }
-
-  .lg\:gap-y-40 {
-    row-gap: 10rem;
-  }
-
-  .lg\:gap-y-44 {
-    row-gap: 11rem;
-  }
-
-  .lg\:gap-y-48 {
-    row-gap: 12rem;
-  }
-
-  .lg\:gap-y-52 {
-    row-gap: 13rem;
-  }
-
-  .lg\:gap-y-56 {
-    row-gap: 14rem;
-  }
-
-  .lg\:gap-y-60 {
-    row-gap: 15rem;
-  }
-
-  .lg\:gap-y-64 {
-    row-gap: 16rem;
-  }
-
-  .lg\:gap-y-72 {
-    row-gap: 18rem;
-  }
-
-  .lg\:gap-y-80 {
-    row-gap: 20rem;
-  }
-
-  .lg\:gap-y-96 {
-    row-gap: 24rem;
-  }
-
-  .lg\:gap-y-px {
-    row-gap: 1px;
-  }
-
-  .lg\:gap-y-0\.5 {
-    row-gap: 0.125rem;
-  }
-
-  .lg\:gap-y-1\.5 {
-    row-gap: 0.375rem;
-  }
-
-  .lg\:gap-y-2\.5 {
-    row-gap: 0.625rem;
-  }
-
-  .lg\:gap-y-3\.5 {
-    row-gap: 0.875rem;
-  }
-
-  .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 {
-    --tw-translate-x: 0;
-    --tw-translate-y: 0;
-    --tw-rotate: 0;
-    --tw-skew-x: 0;
-    --tw-skew-y: 0;
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
-
-  .lg\:transform-gpu {
-    --tw-translate-x: 0;
-    --tw-translate-y: 0;
-    --tw-rotate: 0;
-    --tw-skew-x: 0;
-    --tw-skew-y: 0;
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-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 {
-    --tw-scale-x: 0;
-    --tw-scale-y: 0;
-  }
-
-  .lg\:scale-50 {
-    --tw-scale-x: .5;
-    --tw-scale-y: .5;
-  }
-
-  .lg\:scale-75 {
-    --tw-scale-x: .75;
-    --tw-scale-y: .75;
-  }
-
-  .lg\:scale-90 {
-    --tw-scale-x: .9;
-    --tw-scale-y: .9;
-  }
-
-  .lg\:scale-95 {
-    --tw-scale-x: .95;
-    --tw-scale-y: .95;
-  }
-
-  .lg\:scale-100 {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-  }
-
-  .lg\:scale-105 {
-    --tw-scale-x: 1.05;
-    --tw-scale-y: 1.05;
-  }
-
-  .lg\:scale-110 {
-    --tw-scale-x: 1.1;
-    --tw-scale-y: 1.1;
-  }
-
-  .lg\:scale-125 {
-    --tw-scale-x: 1.25;
-    --tw-scale-y: 1.25;
-  }
-
-  .lg\:scale-150 {
-    --tw-scale-x: 1.5;
-    --tw-scale-y: 1.5;
-  }
-
-  .lg\:scale-x-0 {
-    --tw-scale-x: 0;
-  }
-
-  .lg\:scale-x-50 {
-    --tw-scale-x: .5;
-  }
-
-  .lg\:scale-x-75 {
-    --tw-scale-x: .75;
-  }
-
-  .lg\:scale-x-90 {
-    --tw-scale-x: .9;
-  }
-
-  .lg\:scale-x-95 {
-    --tw-scale-x: .95;
-  }
-
-  .lg\:scale-x-100 {
-    --tw-scale-x: 1;
-  }
-
-  .lg\:scale-x-105 {
-    --tw-scale-x: 1.05;
-  }
-
-  .lg\:scale-x-110 {
-    --tw-scale-x: 1.1;
-  }
-
-  .lg\:scale-x-125 {
-    --tw-scale-x: 1.25;
-  }
-
-  .lg\:scale-x-150 {
-    --tw-scale-x: 1.5;
-  }
-
-  .lg\:scale-y-0 {
-    --tw-scale-y: 0;
-  }
-
-  .lg\:scale-y-50 {
-    --tw-scale-y: .5;
-  }
-
-  .lg\:scale-y-75 {
-    --tw-scale-y: .75;
-  }
-
-  .lg\:scale-y-90 {
-    --tw-scale-y: .9;
-  }
-
-  .lg\:scale-y-95 {
-    --tw-scale-y: .95;
-  }
-
-  .lg\:scale-y-100 {
-    --tw-scale-y: 1;
-  }
-
-  .lg\:scale-y-105 {
-    --tw-scale-y: 1.05;
-  }
-
-  .lg\:scale-y-110 {
-    --tw-scale-y: 1.1;
-  }
-
-  .lg\:scale-y-125 {
-    --tw-scale-y: 1.25;
-  }
-
-  .lg\:scale-y-150 {
-    --tw-scale-y: 1.5;
-  }
-
-  .lg\:hover\:scale-0:hover {
-    --tw-scale-x: 0;
-    --tw-scale-y: 0;
-  }
-
-  .lg\:hover\:scale-50:hover {
-    --tw-scale-x: .5;
-    --tw-scale-y: .5;
-  }
-
-  .lg\:hover\:scale-75:hover {
-    --tw-scale-x: .75;
-    --tw-scale-y: .75;
-  }
-
-  .lg\:hover\:scale-90:hover {
-    --tw-scale-x: .9;
-    --tw-scale-y: .9;
-  }
-
-  .lg\:hover\:scale-95:hover {
-    --tw-scale-x: .95;
-    --tw-scale-y: .95;
-  }
-
-  .lg\:hover\:scale-100:hover {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-  }
-
-  .lg\:hover\:scale-105:hover {
-    --tw-scale-x: 1.05;
-    --tw-scale-y: 1.05;
-  }
-
-  .lg\:hover\:scale-110:hover {
-    --tw-scale-x: 1.1;
-    --tw-scale-y: 1.1;
-  }
-
-  .lg\:hover\:scale-125:hover {
-    --tw-scale-x: 1.25;
-    --tw-scale-y: 1.25;
-  }
-
-  .lg\:hover\:scale-150:hover {
-    --tw-scale-x: 1.5;
-    --tw-scale-y: 1.5;
-  }
-
-  .lg\:hover\:scale-x-0:hover {
-    --tw-scale-x: 0;
-  }
-
-  .lg\:hover\:scale-x-50:hover {
-    --tw-scale-x: .5;
-  }
-
-  .lg\:hover\:scale-x-75:hover {
-    --tw-scale-x: .75;
-  }
-
-  .lg\:hover\:scale-x-90:hover {
-    --tw-scale-x: .9;
-  }
-
-  .lg\:hover\:scale-x-95:hover {
-    --tw-scale-x: .95;
-  }
-
-  .lg\:hover\:scale-x-100:hover {
-    --tw-scale-x: 1;
-  }
-
-  .lg\:hover\:scale-x-105:hover {
-    --tw-scale-x: 1.05;
-  }
-
-  .lg\:hover\:scale-x-110:hover {
-    --tw-scale-x: 1.1;
-  }
-
-  .lg\:hover\:scale-x-125:hover {
-    --tw-scale-x: 1.25;
-  }
-
-  .lg\:hover\:scale-x-150:hover {
-    --tw-scale-x: 1.5;
-  }
-
-  .lg\:hover\:scale-y-0:hover {
-    --tw-scale-y: 0;
-  }
-
-  .lg\:hover\:scale-y-50:hover {
-    --tw-scale-y: .5;
-  }
-
-  .lg\:hover\:scale-y-75:hover {
-    --tw-scale-y: .75;
-  }
-
-  .lg\:hover\:scale-y-90:hover {
-    --tw-scale-y: .9;
-  }
-
-  .lg\:hover\:scale-y-95:hover {
-    --tw-scale-y: .95;
-  }
-
-  .lg\:hover\:scale-y-100:hover {
-    --tw-scale-y: 1;
-  }
-
-  .lg\:hover\:scale-y-105:hover {
-    --tw-scale-y: 1.05;
-  }
-
-  .lg\:hover\:scale-y-110:hover {
-    --tw-scale-y: 1.1;
-  }
-
-  .lg\:hover\:scale-y-125:hover {
-    --tw-scale-y: 1.25;
-  }
-
-  .lg\:hover\:scale-y-150:hover {
-    --tw-scale-y: 1.5;
-  }
-
-  .lg\:focus\:scale-0:focus {
-    --tw-scale-x: 0;
-    --tw-scale-y: 0;
-  }
-
-  .lg\:focus\:scale-50:focus {
-    --tw-scale-x: .5;
-    --tw-scale-y: .5;
-  }
-
-  .lg\:focus\:scale-75:focus {
-    --tw-scale-x: .75;
-    --tw-scale-y: .75;
-  }
-
-  .lg\:focus\:scale-90:focus {
-    --tw-scale-x: .9;
-    --tw-scale-y: .9;
-  }
-
-  .lg\:focus\:scale-95:focus {
-    --tw-scale-x: .95;
-    --tw-scale-y: .95;
-  }
-
-  .lg\:focus\:scale-100:focus {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-  }
-
-  .lg\:focus\:scale-105:focus {
-    --tw-scale-x: 1.05;
-    --tw-scale-y: 1.05;
-  }
-
-  .lg\:focus\:scale-110:focus {
-    --tw-scale-x: 1.1;
-    --tw-scale-y: 1.1;
-  }
-
-  .lg\:focus\:scale-125:focus {
-    --tw-scale-x: 1.25;
-    --tw-scale-y: 1.25;
-  }
-
-  .lg\:focus\:scale-150:focus {
-    --tw-scale-x: 1.5;
-    --tw-scale-y: 1.5;
-  }
-
-  .lg\:focus\:scale-x-0:focus {
-    --tw-scale-x: 0;
-  }
-
-  .lg\:focus\:scale-x-50:focus {
-    --tw-scale-x: .5;
-  }
-
-  .lg\:focus\:scale-x-75:focus {
-    --tw-scale-x: .75;
-  }
-
-  .lg\:focus\:scale-x-90:focus {
-    --tw-scale-x: .9;
-  }
-
-  .lg\:focus\:scale-x-95:focus {
-    --tw-scale-x: .95;
-  }
-
-  .lg\:focus\:scale-x-100:focus {
-    --tw-scale-x: 1;
-  }
-
-  .lg\:focus\:scale-x-105:focus {
-    --tw-scale-x: 1.05;
-  }
-
-  .lg\:focus\:scale-x-110:focus {
-    --tw-scale-x: 1.1;
-  }
-
-  .lg\:focus\:scale-x-125:focus {
-    --tw-scale-x: 1.25;
-  }
-
-  .lg\:focus\:scale-x-150:focus {
-    --tw-scale-x: 1.5;
-  }
-
-  .lg\:focus\:scale-y-0:focus {
-    --tw-scale-y: 0;
-  }
-
-  .lg\:focus\:scale-y-50:focus {
-    --tw-scale-y: .5;
-  }
-
-  .lg\:focus\:scale-y-75:focus {
-    --tw-scale-y: .75;
-  }
-
-  .lg\:focus\:scale-y-90:focus {
-    --tw-scale-y: .9;
-  }
-
-  .lg\:focus\:scale-y-95:focus {
-    --tw-scale-y: .95;
-  }
-
-  .lg\:focus\:scale-y-100:focus {
-    --tw-scale-y: 1;
-  }
-
-  .lg\:focus\:scale-y-105:focus {
-    --tw-scale-y: 1.05;
-  }
-
-  .lg\:focus\:scale-y-110:focus {
-    --tw-scale-y: 1.1;
-  }
-
-  .lg\:focus\:scale-y-125:focus {
-    --tw-scale-y: 1.25;
-  }
-
-  .lg\:focus\:scale-y-150:focus {
-    --tw-scale-y: 1.5;
-  }
-
-  .lg\:rotate-0 {
-    --tw-rotate: 0deg;
-  }
-
-  .lg\:rotate-1 {
-    --tw-rotate: 1deg;
-  }
-
-  .lg\:rotate-2 {
-    --tw-rotate: 2deg;
-  }
-
-  .lg\:rotate-3 {
-    --tw-rotate: 3deg;
-  }
-
-  .lg\:rotate-6 {
-    --tw-rotate: 6deg;
-  }
-
-  .lg\:rotate-12 {
-    --tw-rotate: 12deg;
-  }
-
-  .lg\:rotate-45 {
-    --tw-rotate: 45deg;
-  }
-
-  .lg\:rotate-90 {
-    --tw-rotate: 90deg;
-  }
-
-  .lg\:rotate-180 {
-    --tw-rotate: 180deg;
-  }
-
-  .lg\:-rotate-180 {
-    --tw-rotate: -180deg;
-  }
-
-  .lg\:-rotate-90 {
-    --tw-rotate: -90deg;
-  }
-
-  .lg\:-rotate-45 {
-    --tw-rotate: -45deg;
-  }
-
-  .lg\:-rotate-12 {
-    --tw-rotate: -12deg;
-  }
-
-  .lg\:-rotate-6 {
-    --tw-rotate: -6deg;
-  }
-
-  .lg\:-rotate-3 {
-    --tw-rotate: -3deg;
-  }
-
-  .lg\:-rotate-2 {
-    --tw-rotate: -2deg;
-  }
-
-  .lg\:-rotate-1 {
-    --tw-rotate: -1deg;
-  }
-
-  .lg\:hover\:rotate-0:hover {
-    --tw-rotate: 0deg;
-  }
-
-  .lg\:hover\:rotate-1:hover {
-    --tw-rotate: 1deg;
-  }
-
-  .lg\:hover\:rotate-2:hover {
-    --tw-rotate: 2deg;
-  }
-
-  .lg\:hover\:rotate-3:hover {
-    --tw-rotate: 3deg;
-  }
-
-  .lg\:hover\:rotate-6:hover {
-    --tw-rotate: 6deg;
-  }
-
-  .lg\:hover\:rotate-12:hover {
-    --tw-rotate: 12deg;
-  }
-
-  .lg\:hover\:rotate-45:hover {
-    --tw-rotate: 45deg;
-  }
-
-  .lg\:hover\:rotate-90:hover {
-    --tw-rotate: 90deg;
-  }
-
-  .lg\:hover\:rotate-180:hover {
-    --tw-rotate: 180deg;
-  }
-
-  .lg\:hover\:-rotate-180:hover {
-    --tw-rotate: -180deg;
-  }
-
-  .lg\:hover\:-rotate-90:hover {
-    --tw-rotate: -90deg;
-  }
-
-  .lg\:hover\:-rotate-45:hover {
-    --tw-rotate: -45deg;
-  }
-
-  .lg\:hover\:-rotate-12:hover {
-    --tw-rotate: -12deg;
-  }
-
-  .lg\:hover\:-rotate-6:hover {
-    --tw-rotate: -6deg;
-  }
-
-  .lg\:hover\:-rotate-3:hover {
-    --tw-rotate: -3deg;
-  }
-
-  .lg\:hover\:-rotate-2:hover {
-    --tw-rotate: -2deg;
-  }
-
-  .lg\:hover\:-rotate-1:hover {
-    --tw-rotate: -1deg;
-  }
-
-  .lg\:focus\:rotate-0:focus {
-    --tw-rotate: 0deg;
-  }
-
-  .lg\:focus\:rotate-1:focus {
-    --tw-rotate: 1deg;
-  }
-
-  .lg\:focus\:rotate-2:focus {
-    --tw-rotate: 2deg;
-  }
-
-  .lg\:focus\:rotate-3:focus {
-    --tw-rotate: 3deg;
-  }
-
-  .lg\:focus\:rotate-6:focus {
-    --tw-rotate: 6deg;
-  }
-
-  .lg\:focus\:rotate-12:focus {
-    --tw-rotate: 12deg;
-  }
-
-  .lg\:focus\:rotate-45:focus {
-    --tw-rotate: 45deg;
-  }
-
-  .lg\:focus\:rotate-90:focus {
-    --tw-rotate: 90deg;
-  }
-
-  .lg\:focus\:rotate-180:focus {
-    --tw-rotate: 180deg;
-  }
-
-  .lg\:focus\:-rotate-180:focus {
-    --tw-rotate: -180deg;
-  }
-
-  .lg\:focus\:-rotate-90:focus {
-    --tw-rotate: -90deg;
-  }
-
-  .lg\:focus\:-rotate-45:focus {
-    --tw-rotate: -45deg;
-  }
-
-  .lg\:focus\:-rotate-12:focus {
-    --tw-rotate: -12deg;
-  }
-
-  .lg\:focus\:-rotate-6:focus {
-    --tw-rotate: -6deg;
-  }
-
-  .lg\:focus\:-rotate-3:focus {
-    --tw-rotate: -3deg;
-  }
-
-  .lg\:focus\:-rotate-2:focus {
-    --tw-rotate: -2deg;
-  }
-
-  .lg\:focus\:-rotate-1:focus {
-    --tw-rotate: -1deg;
-  }
-
-  .lg\:translate-x-0 {
-    --tw-translate-x: 0px;
-  }
-
-  .lg\:translate-x-1 {
-    --tw-translate-x: 0.25rem;
-  }
-
-  .lg\:translate-x-2 {
-    --tw-translate-x: 0.5rem;
-  }
-
-  .lg\:translate-x-3 {
-    --tw-translate-x: 0.75rem;
-  }
-
-  .lg\:translate-x-4 {
-    --tw-translate-x: 1rem;
-  }
-
-  .lg\:translate-x-5 {
-    --tw-translate-x: 1.25rem;
-  }
-
-  .lg\:translate-x-6 {
-    --tw-translate-x: 1.5rem;
-  }
-
-  .lg\:translate-x-7 {
-    --tw-translate-x: 1.75rem;
-  }
-
-  .lg\:translate-x-8 {
-    --tw-translate-x: 2rem;
-  }
-
-  .lg\:translate-x-9 {
-    --tw-translate-x: 2.25rem;
-  }
-
-  .lg\:translate-x-10 {
-    --tw-translate-x: 2.5rem;
-  }
-
-  .lg\:translate-x-11 {
-    --tw-translate-x: 2.75rem;
-  }
-
-  .lg\:translate-x-12 {
-    --tw-translate-x: 3rem;
-  }
-
-  .lg\:translate-x-14 {
-    --tw-translate-x: 3.5rem;
-  }
-
-  .lg\:translate-x-16 {
-    --tw-translate-x: 4rem;
-  }
-
-  .lg\:translate-x-20 {
-    --tw-translate-x: 5rem;
-  }
-
-  .lg\:translate-x-24 {
-    --tw-translate-x: 6rem;
-  }
-
-  .lg\:translate-x-28 {
-    --tw-translate-x: 7rem;
-  }
-
-  .lg\:translate-x-32 {
-    --tw-translate-x: 8rem;
-  }
-
-  .lg\:translate-x-36 {
-    --tw-translate-x: 9rem;
-  }
-
-  .lg\:translate-x-40 {
-    --tw-translate-x: 10rem;
-  }
-
-  .lg\:translate-x-44 {
-    --tw-translate-x: 11rem;
-  }
-
-  .lg\:translate-x-48 {
-    --tw-translate-x: 12rem;
-  }
-
-  .lg\:translate-x-52 {
-    --tw-translate-x: 13rem;
-  }
-
-  .lg\:translate-x-56 {
-    --tw-translate-x: 14rem;
-  }
-
-  .lg\:translate-x-60 {
-    --tw-translate-x: 15rem;
-  }
-
-  .lg\:translate-x-64 {
-    --tw-translate-x: 16rem;
-  }
-
-  .lg\:translate-x-72 {
-    --tw-translate-x: 18rem;
-  }
-
-  .lg\:translate-x-80 {
-    --tw-translate-x: 20rem;
-  }
-
-  .lg\:translate-x-96 {
-    --tw-translate-x: 24rem;
-  }
-
-  .lg\:translate-x-px {
-    --tw-translate-x: 1px;
-  }
-
-  .lg\:translate-x-0\.5 {
-    --tw-translate-x: 0.125rem;
-  }
-
-  .lg\:translate-x-1\.5 {
-    --tw-translate-x: 0.375rem;
-  }
-
-  .lg\:translate-x-2\.5 {
-    --tw-translate-x: 0.625rem;
-  }
-
-  .lg\:translate-x-3\.5 {
-    --tw-translate-x: 0.875rem;
-  }
-
-  .lg\:-translate-x-0 {
-    --tw-translate-x: 0px;
-  }
-
-  .lg\:-translate-x-1 {
-    --tw-translate-x: -0.25rem;
-  }
-
-  .lg\:-translate-x-2 {
-    --tw-translate-x: -0.5rem;
-  }
-
-  .lg\:-translate-x-3 {
-    --tw-translate-x: -0.75rem;
-  }
-
-  .lg\:-translate-x-4 {
-    --tw-translate-x: -1rem;
-  }
-
-  .lg\:-translate-x-5 {
-    --tw-translate-x: -1.25rem;
-  }
-
-  .lg\:-translate-x-6 {
-    --tw-translate-x: -1.5rem;
-  }
-
-  .lg\:-translate-x-7 {
-    --tw-translate-x: -1.75rem;
-  }
-
-  .lg\:-translate-x-8 {
-    --tw-translate-x: -2rem;
-  }
-
-  .lg\:-translate-x-9 {
-    --tw-translate-x: -2.25rem;
-  }
-
-  .lg\:-translate-x-10 {
-    --tw-translate-x: -2.5rem;
-  }
-
-  .lg\:-translate-x-11 {
-    --tw-translate-x: -2.75rem;
-  }
-
-  .lg\:-translate-x-12 {
-    --tw-translate-x: -3rem;
-  }
-
-  .lg\:-translate-x-14 {
-    --tw-translate-x: -3.5rem;
-  }
-
-  .lg\:-translate-x-16 {
-    --tw-translate-x: -4rem;
-  }
-
-  .lg\:-translate-x-20 {
-    --tw-translate-x: -5rem;
-  }
-
-  .lg\:-translate-x-24 {
-    --tw-translate-x: -6rem;
-  }
-
-  .lg\:-translate-x-28 {
-    --tw-translate-x: -7rem;
-  }
-
-  .lg\:-translate-x-32 {
-    --tw-translate-x: -8rem;
-  }
-
-  .lg\:-translate-x-36 {
-    --tw-translate-x: -9rem;
-  }
-
-  .lg\:-translate-x-40 {
-    --tw-translate-x: -10rem;
-  }
-
-  .lg\:-translate-x-44 {
-    --tw-translate-x: -11rem;
-  }
-
-  .lg\:-translate-x-48 {
-    --tw-translate-x: -12rem;
-  }
-
-  .lg\:-translate-x-52 {
-    --tw-translate-x: -13rem;
-  }
-
-  .lg\:-translate-x-56 {
-    --tw-translate-x: -14rem;
-  }
-
-  .lg\:-translate-x-60 {
-    --tw-translate-x: -15rem;
-  }
-
-  .lg\:-translate-x-64 {
-    --tw-translate-x: -16rem;
-  }
-
-  .lg\:-translate-x-72 {
-    --tw-translate-x: -18rem;
-  }
-
-  .lg\:-translate-x-80 {
-    --tw-translate-x: -20rem;
-  }
-
-  .lg\:-translate-x-96 {
-    --tw-translate-x: -24rem;
-  }
-
-  .lg\:-translate-x-px {
-    --tw-translate-x: -1px;
-  }
-
-  .lg\:-translate-x-0\.5 {
-    --tw-translate-x: -0.125rem;
-  }
-
-  .lg\:-translate-x-1\.5 {
-    --tw-translate-x: -0.375rem;
-  }
-
-  .lg\:-translate-x-2\.5 {
-    --tw-translate-x: -0.625rem;
-  }
-
-  .lg\:-translate-x-3\.5 {
-    --tw-translate-x: -0.875rem;
-  }
-
-  .lg\:translate-x-1\/2 {
-    --tw-translate-x: 50%;
-  }
-
-  .lg\:translate-x-1\/3 {
-    --tw-translate-x: 33.333333%;
-  }
-
-  .lg\:translate-x-2\/3 {
-    --tw-translate-x: 66.666667%;
-  }
-
-  .lg\:translate-x-1\/4 {
-    --tw-translate-x: 25%;
-  }
-
-  .lg\:translate-x-2\/4 {
-    --tw-translate-x: 50%;
-  }
-
-  .lg\:translate-x-3\/4 {
-    --tw-translate-x: 75%;
-  }
-
-  .lg\:translate-x-full {
-    --tw-translate-x: 100%;
-  }
-
-  .lg\:-translate-x-1\/2 {
-    --tw-translate-x: -50%;
-  }
-
-  .lg\:-translate-x-1\/3 {
-    --tw-translate-x: -33.333333%;
-  }
-
-  .lg\:-translate-x-2\/3 {
-    --tw-translate-x: -66.666667%;
-  }
-
-  .lg\:-translate-x-1\/4 {
-    --tw-translate-x: -25%;
-  }
-
-  .lg\:-translate-x-2\/4 {
-    --tw-translate-x: -50%;
-  }
-
-  .lg\:-translate-x-3\/4 {
-    --tw-translate-x: -75%;
-  }
-
-  .lg\:-translate-x-full {
-    --tw-translate-x: -100%;
-  }
-
-  .lg\:translate-y-0 {
-    --tw-translate-y: 0px;
-  }
-
-  .lg\:translate-y-1 {
-    --tw-translate-y: 0.25rem;
-  }
-
-  .lg\:translate-y-2 {
-    --tw-translate-y: 0.5rem;
-  }
-
-  .lg\:translate-y-3 {
-    --tw-translate-y: 0.75rem;
-  }
-
-  .lg\:translate-y-4 {
-    --tw-translate-y: 1rem;
-  }
-
-  .lg\:translate-y-5 {
-    --tw-translate-y: 1.25rem;
-  }
-
-  .lg\:translate-y-6 {
-    --tw-translate-y: 1.5rem;
-  }
-
-  .lg\:translate-y-7 {
-    --tw-translate-y: 1.75rem;
-  }
-
-  .lg\:translate-y-8 {
-    --tw-translate-y: 2rem;
-  }
-
-  .lg\:translate-y-9 {
-    --tw-translate-y: 2.25rem;
-  }
-
-  .lg\:translate-y-10 {
-    --tw-translate-y: 2.5rem;
-  }
-
-  .lg\:translate-y-11 {
-    --tw-translate-y: 2.75rem;
-  }
-
-  .lg\:translate-y-12 {
-    --tw-translate-y: 3rem;
-  }
-
-  .lg\:translate-y-14 {
-    --tw-translate-y: 3.5rem;
-  }
-
-  .lg\:translate-y-16 {
-    --tw-translate-y: 4rem;
-  }
-
-  .lg\:translate-y-20 {
-    --tw-translate-y: 5rem;
-  }
-
-  .lg\:translate-y-24 {
-    --tw-translate-y: 6rem;
-  }
-
-  .lg\:translate-y-28 {
-    --tw-translate-y: 7rem;
-  }
-
-  .lg\:translate-y-32 {
-    --tw-translate-y: 8rem;
-  }
-
-  .lg\:translate-y-36 {
-    --tw-translate-y: 9rem;
-  }
-
-  .lg\:translate-y-40 {
-    --tw-translate-y: 10rem;
-  }
-
-  .lg\:translate-y-44 {
-    --tw-translate-y: 11rem;
-  }
-
-  .lg\:translate-y-48 {
-    --tw-translate-y: 12rem;
-  }
-
-  .lg\:translate-y-52 {
-    --tw-translate-y: 13rem;
-  }
-
-  .lg\:translate-y-56 {
-    --tw-translate-y: 14rem;
-  }
-
-  .lg\:translate-y-60 {
-    --tw-translate-y: 15rem;
-  }
-
-  .lg\:translate-y-64 {
-    --tw-translate-y: 16rem;
-  }
-
-  .lg\:translate-y-72 {
-    --tw-translate-y: 18rem;
-  }
-
-  .lg\:translate-y-80 {
-    --tw-translate-y: 20rem;
-  }
-
-  .lg\:translate-y-96 {
-    --tw-translate-y: 24rem;
-  }
-
-  .lg\:translate-y-px {
-    --tw-translate-y: 1px;
-  }
-
-  .lg\:translate-y-0\.5 {
-    --tw-translate-y: 0.125rem;
-  }
-
-  .lg\:translate-y-1\.5 {
-    --tw-translate-y: 0.375rem;
-  }
-
-  .lg\:translate-y-2\.5 {
-    --tw-translate-y: 0.625rem;
-  }
-
-  .lg\:translate-y-3\.5 {
-    --tw-translate-y: 0.875rem;
-  }
-
-  .lg\:-translate-y-0 {
-    --tw-translate-y: 0px;
-  }
-
-  .lg\:-translate-y-1 {
-    --tw-translate-y: -0.25rem;
-  }
-
-  .lg\:-translate-y-2 {
-    --tw-translate-y: -0.5rem;
-  }
-
-  .lg\:-translate-y-3 {
-    --tw-translate-y: -0.75rem;
-  }
-
-  .lg\:-translate-y-4 {
-    --tw-translate-y: -1rem;
-  }
-
-  .lg\:-translate-y-5 {
-    --tw-translate-y: -1.25rem;
-  }
-
-  .lg\:-translate-y-6 {
-    --tw-translate-y: -1.5rem;
-  }
-
-  .lg\:-translate-y-7 {
-    --tw-translate-y: -1.75rem;
-  }
-
-  .lg\:-translate-y-8 {
-    --tw-translate-y: -2rem;
-  }
-
-  .lg\:-translate-y-9 {
-    --tw-translate-y: -2.25rem;
-  }
-
-  .lg\:-translate-y-10 {
-    --tw-translate-y: -2.5rem;
-  }
-
-  .lg\:-translate-y-11 {
-    --tw-translate-y: -2.75rem;
-  }
-
-  .lg\:-translate-y-12 {
-    --tw-translate-y: -3rem;
-  }
-
-  .lg\:-translate-y-14 {
-    --tw-translate-y: -3.5rem;
-  }
-
-  .lg\:-translate-y-16 {
-    --tw-translate-y: -4rem;
-  }
-
-  .lg\:-translate-y-20 {
-    --tw-translate-y: -5rem;
-  }
-
-  .lg\:-translate-y-24 {
-    --tw-translate-y: -6rem;
-  }
-
-  .lg\:-translate-y-28 {
-    --tw-translate-y: -7rem;
-  }
-
-  .lg\:-translate-y-32 {
-    --tw-translate-y: -8rem;
-  }
-
-  .lg\:-translate-y-36 {
-    --tw-translate-y: -9rem;
-  }
-
-  .lg\:-translate-y-40 {
-    --tw-translate-y: -10rem;
-  }
-
-  .lg\:-translate-y-44 {
-    --tw-translate-y: -11rem;
-  }
-
-  .lg\:-translate-y-48 {
-    --tw-translate-y: -12rem;
-  }
-
-  .lg\:-translate-y-52 {
-    --tw-translate-y: -13rem;
-  }
-
-  .lg\:-translate-y-56 {
-    --tw-translate-y: -14rem;
-  }
-
-  .lg\:-translate-y-60 {
-    --tw-translate-y: -15rem;
-  }
-
-  .lg\:-translate-y-64 {
-    --tw-translate-y: -16rem;
-  }
-
-  .lg\:-translate-y-72 {
-    --tw-translate-y: -18rem;
-  }
-
-  .lg\:-translate-y-80 {
-    --tw-translate-y: -20rem;
-  }
-
-  .lg\:-translate-y-96 {
-    --tw-translate-y: -24rem;
-  }
-
-  .lg\:-translate-y-px {
-    --tw-translate-y: -1px;
-  }
-
-  .lg\:-translate-y-0\.5 {
-    --tw-translate-y: -0.125rem;
-  }
-
-  .lg\:-translate-y-1\.5 {
-    --tw-translate-y: -0.375rem;
-  }
-
-  .lg\:-translate-y-2\.5 {
-    --tw-translate-y: -0.625rem;
-  }
-
-  .lg\:-translate-y-3\.5 {
-    --tw-translate-y: -0.875rem;
-  }
-
-  .lg\:translate-y-1\/2 {
-    --tw-translate-y: 50%;
-  }
-
-  .lg\:translate-y-1\/3 {
-    --tw-translate-y: 33.333333%;
-  }
-
-  .lg\:translate-y-2\/3 {
-    --tw-translate-y: 66.666667%;
-  }
-
-  .lg\:translate-y-1\/4 {
-    --tw-translate-y: 25%;
-  }
-
-  .lg\:translate-y-2\/4 {
-    --tw-translate-y: 50%;
-  }
-
-  .lg\:translate-y-3\/4 {
-    --tw-translate-y: 75%;
-  }
-
-  .lg\:translate-y-full {
-    --tw-translate-y: 100%;
-  }
-
-  .lg\:-translate-y-1\/2 {
-    --tw-translate-y: -50%;
-  }
-
-  .lg\:-translate-y-1\/3 {
-    --tw-translate-y: -33.333333%;
-  }
-
-  .lg\:-translate-y-2\/3 {
-    --tw-translate-y: -66.666667%;
-  }
-
-  .lg\:-translate-y-1\/4 {
-    --tw-translate-y: -25%;
-  }
-
-  .lg\:-translate-y-2\/4 {
-    --tw-translate-y: -50%;
-  }
-
-  .lg\:-translate-y-3\/4 {
-    --tw-translate-y: -75%;
-  }
-
-  .lg\:-translate-y-full {
-    --tw-translate-y: -100%;
-  }
-
-  .lg\:hover\:translate-x-0:hover {
-    --tw-translate-x: 0px;
-  }
-
-  .lg\:hover\:translate-x-1:hover {
-    --tw-translate-x: 0.25rem;
-  }
-
-  .lg\:hover\:translate-x-2:hover {
-    --tw-translate-x: 0.5rem;
-  }
-
-  .lg\:hover\:translate-x-3:hover {
-    --tw-translate-x: 0.75rem;
-  }
-
-  .lg\:hover\:translate-x-4:hover {
-    --tw-translate-x: 1rem;
-  }
-
-  .lg\:hover\:translate-x-5:hover {
-    --tw-translate-x: 1.25rem;
-  }
-
-  .lg\:hover\:translate-x-6:hover {
-    --tw-translate-x: 1.5rem;
-  }
-
-  .lg\:hover\:translate-x-7:hover {
-    --tw-translate-x: 1.75rem;
-  }
-
-  .lg\:hover\:translate-x-8:hover {
-    --tw-translate-x: 2rem;
-  }
-
-  .lg\:hover\:translate-x-9:hover {
-    --tw-translate-x: 2.25rem;
-  }
-
-  .lg\:hover\:translate-x-10:hover {
-    --tw-translate-x: 2.5rem;
-  }
-
-  .lg\:hover\:translate-x-11:hover {
-    --tw-translate-x: 2.75rem;
-  }
-
-  .lg\:hover\:translate-x-12:hover {
-    --tw-translate-x: 3rem;
-  }
-
-  .lg\:hover\:translate-x-14:hover {
-    --tw-translate-x: 3.5rem;
-  }
-
-  .lg\:hover\:translate-x-16:hover {
-    --tw-translate-x: 4rem;
-  }
-
-  .lg\:hover\:translate-x-20:hover {
-    --tw-translate-x: 5rem;
-  }
-
-  .lg\:hover\:translate-x-24:hover {
-    --tw-translate-x: 6rem;
-  }
-
-  .lg\:hover\:translate-x-28:hover {
-    --tw-translate-x: 7rem;
-  }
-
-  .lg\:hover\:translate-x-32:hover {
-    --tw-translate-x: 8rem;
-  }
-
-  .lg\:hover\:translate-x-36:hover {
-    --tw-translate-x: 9rem;
-  }
-
-  .lg\:hover\:translate-x-40:hover {
-    --tw-translate-x: 10rem;
-  }
-
-  .lg\:hover\:translate-x-44:hover {
-    --tw-translate-x: 11rem;
-  }
-
-  .lg\:hover\:translate-x-48:hover {
-    --tw-translate-x: 12rem;
-  }
-
-  .lg\:hover\:translate-x-52:hover {
-    --tw-translate-x: 13rem;
-  }
-
-  .lg\:hover\:translate-x-56:hover {
-    --tw-translate-x: 14rem;
-  }
-
-  .lg\:hover\:translate-x-60:hover {
-    --tw-translate-x: 15rem;
-  }
-
-  .lg\:hover\:translate-x-64:hover {
-    --tw-translate-x: 16rem;
-  }
-
-  .lg\:hover\:translate-x-72:hover {
-    --tw-translate-x: 18rem;
-  }
-
-  .lg\:hover\:translate-x-80:hover {
-    --tw-translate-x: 20rem;
-  }
-
-  .lg\:hover\:translate-x-96:hover {
-    --tw-translate-x: 24rem;
-  }
-
-  .lg\:hover\:translate-x-px:hover {
-    --tw-translate-x: 1px;
-  }
-
-  .lg\:hover\:translate-x-0\.5:hover {
-    --tw-translate-x: 0.125rem;
-  }
-
-  .lg\:hover\:translate-x-1\.5:hover {
-    --tw-translate-x: 0.375rem;
-  }
-
-  .lg\:hover\:translate-x-2\.5:hover {
-    --tw-translate-x: 0.625rem;
-  }
-
-  .lg\:hover\:translate-x-3\.5:hover {
-    --tw-translate-x: 0.875rem;
-  }
-
-  .lg\:hover\:-translate-x-0:hover {
-    --tw-translate-x: 0px;
-  }
-
-  .lg\:hover\:-translate-x-1:hover {
-    --tw-translate-x: -0.25rem;
-  }
-
-  .lg\:hover\:-translate-x-2:hover {
-    --tw-translate-x: -0.5rem;
-  }
-
-  .lg\:hover\:-translate-x-3:hover {
-    --tw-translate-x: -0.75rem;
-  }
-
-  .lg\:hover\:-translate-x-4:hover {
-    --tw-translate-x: -1rem;
-  }
-
-  .lg\:hover\:-translate-x-5:hover {
-    --tw-translate-x: -1.25rem;
-  }
-
-  .lg\:hover\:-translate-x-6:hover {
-    --tw-translate-x: -1.5rem;
-  }
-
-  .lg\:hover\:-translate-x-7:hover {
-    --tw-translate-x: -1.75rem;
-  }
-
-  .lg\:hover\:-translate-x-8:hover {
-    --tw-translate-x: -2rem;
-  }
-
-  .lg\:hover\:-translate-x-9:hover {
-    --tw-translate-x: -2.25rem;
-  }
-
-  .lg\:hover\:-translate-x-10:hover {
-    --tw-translate-x: -2.5rem;
-  }
-
-  .lg\:hover\:-translate-x-11:hover {
-    --tw-translate-x: -2.75rem;
-  }
-
-  .lg\:hover\:-translate-x-12:hover {
-    --tw-translate-x: -3rem;
-  }
-
-  .lg\:hover\:-translate-x-14:hover {
-    --tw-translate-x: -3.5rem;
-  }
-
-  .lg\:hover\:-translate-x-16:hover {
-    --tw-translate-x: -4rem;
-  }
-
-  .lg\:hover\:-translate-x-20:hover {
-    --tw-translate-x: -5rem;
-  }
-
-  .lg\:hover\:-translate-x-24:hover {
-    --tw-translate-x: -6rem;
-  }
-
-  .lg\:hover\:-translate-x-28:hover {
-    --tw-translate-x: -7rem;
-  }
-
-  .lg\:hover\:-translate-x-32:hover {
-    --tw-translate-x: -8rem;
-  }
-
-  .lg\:hover\:-translate-x-36:hover {
-    --tw-translate-x: -9rem;
-  }
-
-  .lg\:hover\:-translate-x-40:hover {
-    --tw-translate-x: -10rem;
-  }
-
-  .lg\:hover\:-translate-x-44:hover {
-    --tw-translate-x: -11rem;
-  }
-
-  .lg\:hover\:-translate-x-48:hover {
-    --tw-translate-x: -12rem;
-  }
-
-  .lg\:hover\:-translate-x-52:hover {
-    --tw-translate-x: -13rem;
-  }
-
-  .lg\:hover\:-translate-x-56:hover {
-    --tw-translate-x: -14rem;
-  }
-
-  .lg\:hover\:-translate-x-60:hover {
-    --tw-translate-x: -15rem;
-  }
-
-  .lg\:hover\:-translate-x-64:hover {
-    --tw-translate-x: -16rem;
-  }
-
-  .lg\:hover\:-translate-x-72:hover {
-    --tw-translate-x: -18rem;
-  }
-
-  .lg\:hover\:-translate-x-80:hover {
-    --tw-translate-x: -20rem;
-  }
-
-  .lg\:hover\:-translate-x-96:hover {
-    --tw-translate-x: -24rem;
-  }
-
-  .lg\:hover\:-translate-x-px:hover {
-    --tw-translate-x: -1px;
-  }
-
-  .lg\:hover\:-translate-x-0\.5:hover {
-    --tw-translate-x: -0.125rem;
-  }
-
-  .lg\:hover\:-translate-x-1\.5:hover {
-    --tw-translate-x: -0.375rem;
-  }
-
-  .lg\:hover\:-translate-x-2\.5:hover {
-    --tw-translate-x: -0.625rem;
-  }
-
-  .lg\:hover\:-translate-x-3\.5:hover {
-    --tw-translate-x: -0.875rem;
-  }
-
-  .lg\:hover\:translate-x-1\/2:hover {
-    --tw-translate-x: 50%;
-  }
-
-  .lg\:hover\:translate-x-1\/3:hover {
-    --tw-translate-x: 33.333333%;
-  }
-
-  .lg\:hover\:translate-x-2\/3:hover {
-    --tw-translate-x: 66.666667%;
-  }
-
-  .lg\:hover\:translate-x-1\/4:hover {
-    --tw-translate-x: 25%;
-  }
-
-  .lg\:hover\:translate-x-2\/4:hover {
-    --tw-translate-x: 50%;
-  }
-
-  .lg\:hover\:translate-x-3\/4:hover {
-    --tw-translate-x: 75%;
-  }
-
-  .lg\:hover\:translate-x-full:hover {
-    --tw-translate-x: 100%;
-  }
-
-  .lg\:hover\:-translate-x-1\/2:hover {
-    --tw-translate-x: -50%;
-  }
-
-  .lg\:hover\:-translate-x-1\/3:hover {
-    --tw-translate-x: -33.333333%;
-  }
-
-  .lg\:hover\:-translate-x-2\/3:hover {
-    --tw-translate-x: -66.666667%;
-  }
-
-  .lg\:hover\:-translate-x-1\/4:hover {
-    --tw-translate-x: -25%;
-  }
-
-  .lg\:hover\:-translate-x-2\/4:hover {
-    --tw-translate-x: -50%;
-  }
-
-  .lg\:hover\:-translate-x-3\/4:hover {
-    --tw-translate-x: -75%;
-  }
-
-  .lg\:hover\:-translate-x-full:hover {
-    --tw-translate-x: -100%;
-  }
-
-  .lg\:hover\:translate-y-0:hover {
-    --tw-translate-y: 0px;
-  }
-
-  .lg\:hover\:translate-y-1:hover {
-    --tw-translate-y: 0.25rem;
-  }
-
-  .lg\:hover\:translate-y-2:hover {
-    --tw-translate-y: 0.5rem;
-  }
-
-  .lg\:hover\:translate-y-3:hover {
-    --tw-translate-y: 0.75rem;
-  }
-
-  .lg\:hover\:translate-y-4:hover {
-    --tw-translate-y: 1rem;
-  }
-
-  .lg\:hover\:translate-y-5:hover {
-    --tw-translate-y: 1.25rem;
-  }
-
-  .lg\:hover\:translate-y-6:hover {
-    --tw-translate-y: 1.5rem;
-  }
-
-  .lg\:hover\:translate-y-7:hover {
-    --tw-translate-y: 1.75rem;
-  }
-
-  .lg\:hover\:translate-y-8:hover {
-    --tw-translate-y: 2rem;
-  }
-
-  .lg\:hover\:translate-y-9:hover {
-    --tw-translate-y: 2.25rem;
-  }
-
-  .lg\:hover\:translate-y-10:hover {
-    --tw-translate-y: 2.5rem;
-  }
-
-  .lg\:hover\:translate-y-11:hover {
-    --tw-translate-y: 2.75rem;
-  }
-
-  .lg\:hover\:translate-y-12:hover {
-    --tw-translate-y: 3rem;
-  }
-
-  .lg\:hover\:translate-y-14:hover {
-    --tw-translate-y: 3.5rem;
-  }
-
-  .lg\:hover\:translate-y-16:hover {
-    --tw-translate-y: 4rem;
-  }
-
-  .lg\:hover\:translate-y-20:hover {
-    --tw-translate-y: 5rem;
-  }
-
-  .lg\:hover\:translate-y-24:hover {
-    --tw-translate-y: 6rem;
-  }
-
-  .lg\:hover\:translate-y-28:hover {
-    --tw-translate-y: 7rem;
-  }
-
-  .lg\:hover\:translate-y-32:hover {
-    --tw-translate-y: 8rem;
-  }
-
-  .lg\:hover\:translate-y-36:hover {
-    --tw-translate-y: 9rem;
-  }
-
-  .lg\:hover\:translate-y-40:hover {
-    --tw-translate-y: 10rem;
-  }
-
-  .lg\:hover\:translate-y-44:hover {
-    --tw-translate-y: 11rem;
-  }
-
-  .lg\:hover\:translate-y-48:hover {
-    --tw-translate-y: 12rem;
-  }
-
-  .lg\:hover\:translate-y-52:hover {
-    --tw-translate-y: 13rem;
-  }
-
-  .lg\:hover\:translate-y-56:hover {
-    --tw-translate-y: 14rem;
-  }
-
-  .lg\:hover\:translate-y-60:hover {
-    --tw-translate-y: 15rem;
-  }
-
-  .lg\:hover\:translate-y-64:hover {
-    --tw-translate-y: 16rem;
-  }
-
-  .lg\:hover\:translate-y-72:hover {
-    --tw-translate-y: 18rem;
-  }
-
-  .lg\:hover\:translate-y-80:hover {
-    --tw-translate-y: 20rem;
-  }
-
-  .lg\:hover\:translate-y-96:hover {
-    --tw-translate-y: 24rem;
-  }
-
-  .lg\:hover\:translate-y-px:hover {
-    --tw-translate-y: 1px;
-  }
-
-  .lg\:hover\:translate-y-0\.5:hover {
-    --tw-translate-y: 0.125rem;
-  }
-
-  .lg\:hover\:translate-y-1\.5:hover {
-    --tw-translate-y: 0.375rem;
-  }
-
-  .lg\:hover\:translate-y-2\.5:hover {
-    --tw-translate-y: 0.625rem;
-  }
-
-  .lg\:hover\:translate-y-3\.5:hover {
-    --tw-translate-y: 0.875rem;
-  }
-
-  .lg\:hover\:-translate-y-0:hover {
-    --tw-translate-y: 0px;
-  }
-
-  .lg\:hover\:-translate-y-1:hover {
-    --tw-translate-y: -0.25rem;
-  }
-
-  .lg\:hover\:-translate-y-2:hover {
-    --tw-translate-y: -0.5rem;
-  }
-
-  .lg\:hover\:-translate-y-3:hover {
-    --tw-translate-y: -0.75rem;
-  }
-
-  .lg\:hover\:-translate-y-4:hover {
-    --tw-translate-y: -1rem;
-  }
-
-  .lg\:hover\:-translate-y-5:hover {
-    --tw-translate-y: -1.25rem;
-  }
-
-  .lg\:hover\:-translate-y-6:hover {
-    --tw-translate-y: -1.5rem;
-  }
-
-  .lg\:hover\:-translate-y-7:hover {
-    --tw-translate-y: -1.75rem;
-  }
-
-  .lg\:hover\:-translate-y-8:hover {
-    --tw-translate-y: -2rem;
-  }
-
-  .lg\:hover\:-translate-y-9:hover {
-    --tw-translate-y: -2.25rem;
-  }
-
-  .lg\:hover\:-translate-y-10:hover {
-    --tw-translate-y: -2.5rem;
-  }
-
-  .lg\:hover\:-translate-y-11:hover {
-    --tw-translate-y: -2.75rem;
-  }
-
-  .lg\:hover\:-translate-y-12:hover {
-    --tw-translate-y: -3rem;
-  }
-
-  .lg\:hover\:-translate-y-14:hover {
-    --tw-translate-y: -3.5rem;
-  }
-
-  .lg\:hover\:-translate-y-16:hover {
-    --tw-translate-y: -4rem;
-  }
-
-  .lg\:hover\:-translate-y-20:hover {
-    --tw-translate-y: -5rem;
-  }
-
-  .lg\:hover\:-translate-y-24:hover {
-    --tw-translate-y: -6rem;
-  }
-
-  .lg\:hover\:-translate-y-28:hover {
-    --tw-translate-y: -7rem;
-  }
-
-  .lg\:hover\:-translate-y-32:hover {
-    --tw-translate-y: -8rem;
-  }
-
-  .lg\:hover\:-translate-y-36:hover {
-    --tw-translate-y: -9rem;
-  }
-
-  .lg\:hover\:-translate-y-40:hover {
-    --tw-translate-y: -10rem;
-  }
-
-  .lg\:hover\:-translate-y-44:hover {
-    --tw-translate-y: -11rem;
-  }
-
-  .lg\:hover\:-translate-y-48:hover {
-    --tw-translate-y: -12rem;
-  }
-
-  .lg\:hover\:-translate-y-52:hover {
-    --tw-translate-y: -13rem;
-  }
-
-  .lg\:hover\:-translate-y-56:hover {
-    --tw-translate-y: -14rem;
-  }
-
-  .lg\:hover\:-translate-y-60:hover {
-    --tw-translate-y: -15rem;
-  }
-
-  .lg\:hover\:-translate-y-64:hover {
-    --tw-translate-y: -16rem;
-  }
-
-  .lg\:hover\:-translate-y-72:hover {
-    --tw-translate-y: -18rem;
-  }
-
-  .lg\:hover\:-translate-y-80:hover {
-    --tw-translate-y: -20rem;
-  }
-
-  .lg\:hover\:-translate-y-96:hover {
-    --tw-translate-y: -24rem;
-  }
-
-  .lg\:hover\:-translate-y-px:hover {
-    --tw-translate-y: -1px;
-  }
-
-  .lg\:hover\:-translate-y-0\.5:hover {
-    --tw-translate-y: -0.125rem;
-  }
-
-  .lg\:hover\:-translate-y-1\.5:hover {
-    --tw-translate-y: -0.375rem;
-  }
-
-  .lg\:hover\:-translate-y-2\.5:hover {
-    --tw-translate-y: -0.625rem;
-  }
-
-  .lg\:hover\:-translate-y-3\.5:hover {
-    --tw-translate-y: -0.875rem;
-  }
-
-  .lg\:hover\:translate-y-1\/2:hover {
-    --tw-translate-y: 50%;
-  }
-
-  .lg\:hover\:translate-y-1\/3:hover {
-    --tw-translate-y: 33.333333%;
-  }
-
-  .lg\:hover\:translate-y-2\/3:hover {
-    --tw-translate-y: 66.666667%;
-  }
-
-  .lg\:hover\:translate-y-1\/4:hover {
-    --tw-translate-y: 25%;
-  }
-
-  .lg\:hover\:translate-y-2\/4:hover {
-    --tw-translate-y: 50%;
-  }
-
-  .lg\:hover\:translate-y-3\/4:hover {
-    --tw-translate-y: 75%;
-  }
-
-  .lg\:hover\:translate-y-full:hover {
-    --tw-translate-y: 100%;
-  }
-
-  .lg\:hover\:-translate-y-1\/2:hover {
-    --tw-translate-y: -50%;
-  }
-
-  .lg\:hover\:-translate-y-1\/3:hover {
-    --tw-translate-y: -33.333333%;
-  }
-
-  .lg\:hover\:-translate-y-2\/3:hover {
-    --tw-translate-y: -66.666667%;
-  }
-
-  .lg\:hover\:-translate-y-1\/4:hover {
-    --tw-translate-y: -25%;
-  }
-
-  .lg\:hover\:-translate-y-2\/4:hover {
-    --tw-translate-y: -50%;
-  }
-
-  .lg\:hover\:-translate-y-3\/4:hover {
-    --tw-translate-y: -75%;
-  }
-
-  .lg\:hover\:-translate-y-full:hover {
-    --tw-translate-y: -100%;
-  }
-
-  .lg\:focus\:translate-x-0:focus {
-    --tw-translate-x: 0px;
-  }
-
-  .lg\:focus\:translate-x-1:focus {
-    --tw-translate-x: 0.25rem;
-  }
-
-  .lg\:focus\:translate-x-2:focus {
-    --tw-translate-x: 0.5rem;
-  }
-
-  .lg\:focus\:translate-x-3:focus {
-    --tw-translate-x: 0.75rem;
-  }
-
-  .lg\:focus\:translate-x-4:focus {
-    --tw-translate-x: 1rem;
-  }
-
-  .lg\:focus\:translate-x-5:focus {
-    --tw-translate-x: 1.25rem;
-  }
-
-  .lg\:focus\:translate-x-6:focus {
-    --tw-translate-x: 1.5rem;
-  }
-
-  .lg\:focus\:translate-x-7:focus {
-    --tw-translate-x: 1.75rem;
-  }
-
-  .lg\:focus\:translate-x-8:focus {
-    --tw-translate-x: 2rem;
-  }
-
-  .lg\:focus\:translate-x-9:focus {
-    --tw-translate-x: 2.25rem;
-  }
-
-  .lg\:focus\:translate-x-10:focus {
-    --tw-translate-x: 2.5rem;
-  }
-
-  .lg\:focus\:translate-x-11:focus {
-    --tw-translate-x: 2.75rem;
-  }
-
-  .lg\:focus\:translate-x-12:focus {
-    --tw-translate-x: 3rem;
-  }
-
-  .lg\:focus\:translate-x-14:focus {
-    --tw-translate-x: 3.5rem;
-  }
-
-  .lg\:focus\:translate-x-16:focus {
-    --tw-translate-x: 4rem;
-  }
-
-  .lg\:focus\:translate-x-20:focus {
-    --tw-translate-x: 5rem;
-  }
-
-  .lg\:focus\:translate-x-24:focus {
-    --tw-translate-x: 6rem;
-  }
-
-  .lg\:focus\:translate-x-28:focus {
-    --tw-translate-x: 7rem;
-  }
-
-  .lg\:focus\:translate-x-32:focus {
-    --tw-translate-x: 8rem;
-  }
-
-  .lg\:focus\:translate-x-36:focus {
-    --tw-translate-x: 9rem;
-  }
-
-  .lg\:focus\:translate-x-40:focus {
-    --tw-translate-x: 10rem;
-  }
-
-  .lg\:focus\:translate-x-44:focus {
-    --tw-translate-x: 11rem;
-  }
-
-  .lg\:focus\:translate-x-48:focus {
-    --tw-translate-x: 12rem;
-  }
-
-  .lg\:focus\:translate-x-52:focus {
-    --tw-translate-x: 13rem;
-  }
-
-  .lg\:focus\:translate-x-56:focus {
-    --tw-translate-x: 14rem;
-  }
-
-  .lg\:focus\:translate-x-60:focus {
-    --tw-translate-x: 15rem;
-  }
-
-  .lg\:focus\:translate-x-64:focus {
-    --tw-translate-x: 16rem;
-  }
-
-  .lg\:focus\:translate-x-72:focus {
-    --tw-translate-x: 18rem;
-  }
-
-  .lg\:focus\:translate-x-80:focus {
-    --tw-translate-x: 20rem;
-  }
-
-  .lg\:focus\:translate-x-96:focus {
-    --tw-translate-x: 24rem;
-  }
-
-  .lg\:focus\:translate-x-px:focus {
-    --tw-translate-x: 1px;
-  }
-
-  .lg\:focus\:translate-x-0\.5:focus {
-    --tw-translate-x: 0.125rem;
-  }
-
-  .lg\:focus\:translate-x-1\.5:focus {
-    --tw-translate-x: 0.375rem;
-  }
-
-  .lg\:focus\:translate-x-2\.5:focus {
-    --tw-translate-x: 0.625rem;
-  }
-
-  .lg\:focus\:translate-x-3\.5:focus {
-    --tw-translate-x: 0.875rem;
-  }
-
-  .lg\:focus\:-translate-x-0:focus {
-    --tw-translate-x: 0px;
-  }
-
-  .lg\:focus\:-translate-x-1:focus {
-    --tw-translate-x: -0.25rem;
-  }
-
-  .lg\:focus\:-translate-x-2:focus {
-    --tw-translate-x: -0.5rem;
-  }
-
-  .lg\:focus\:-translate-x-3:focus {
-    --tw-translate-x: -0.75rem;
-  }
-
-  .lg\:focus\:-translate-x-4:focus {
-    --tw-translate-x: -1rem;
-  }
-
-  .lg\:focus\:-translate-x-5:focus {
-    --tw-translate-x: -1.25rem;
-  }
-
-  .lg\:focus\:-translate-x-6:focus {
-    --tw-translate-x: -1.5rem;
-  }
-
-  .lg\:focus\:-translate-x-7:focus {
-    --tw-translate-x: -1.75rem;
-  }
-
-  .lg\:focus\:-translate-x-8:focus {
-    --tw-translate-x: -2rem;
-  }
-
-  .lg\:focus\:-translate-x-9:focus {
-    --tw-translate-x: -2.25rem;
-  }
-
-  .lg\:focus\:-translate-x-10:focus {
-    --tw-translate-x: -2.5rem;
-  }
-
-  .lg\:focus\:-translate-x-11:focus {
-    --tw-translate-x: -2.75rem;
-  }
-
-  .lg\:focus\:-translate-x-12:focus {
-    --tw-translate-x: -3rem;
-  }
-
-  .lg\:focus\:-translate-x-14:focus {
-    --tw-translate-x: -3.5rem;
-  }
-
-  .lg\:focus\:-translate-x-16:focus {
-    --tw-translate-x: -4rem;
-  }
-
-  .lg\:focus\:-translate-x-20:focus {
-    --tw-translate-x: -5rem;
-  }
-
-  .lg\:focus\:-translate-x-24:focus {
-    --tw-translate-x: -6rem;
-  }
-
-  .lg\:focus\:-translate-x-28:focus {
-    --tw-translate-x: -7rem;
-  }
-
-  .lg\:focus\:-translate-x-32:focus {
-    --tw-translate-x: -8rem;
-  }
-
-  .lg\:focus\:-translate-x-36:focus {
-    --tw-translate-x: -9rem;
-  }
-
-  .lg\:focus\:-translate-x-40:focus {
-    --tw-translate-x: -10rem;
-  }
-
-  .lg\:focus\:-translate-x-44:focus {
-    --tw-translate-x: -11rem;
-  }
-
-  .lg\:focus\:-translate-x-48:focus {
-    --tw-translate-x: -12rem;
-  }
-
-  .lg\:focus\:-translate-x-52:focus {
-    --tw-translate-x: -13rem;
-  }
-
-  .lg\:focus\:-translate-x-56:focus {
-    --tw-translate-x: -14rem;
-  }
-
-  .lg\:focus\:-translate-x-60:focus {
-    --tw-translate-x: -15rem;
-  }
-
-  .lg\:focus\:-translate-x-64:focus {
-    --tw-translate-x: -16rem;
-  }
-
-  .lg\:focus\:-translate-x-72:focus {
-    --tw-translate-x: -18rem;
-  }
-
-  .lg\:focus\:-translate-x-80:focus {
-    --tw-translate-x: -20rem;
-  }
-
-  .lg\:focus\:-translate-x-96:focus {
-    --tw-translate-x: -24rem;
-  }
-
-  .lg\:focus\:-translate-x-px:focus {
-    --tw-translate-x: -1px;
-  }
-
-  .lg\:focus\:-translate-x-0\.5:focus {
-    --tw-translate-x: -0.125rem;
-  }
-
-  .lg\:focus\:-translate-x-1\.5:focus {
-    --tw-translate-x: -0.375rem;
-  }
-
-  .lg\:focus\:-translate-x-2\.5:focus {
-    --tw-translate-x: -0.625rem;
-  }
-
-  .lg\:focus\:-translate-x-3\.5:focus {
-    --tw-translate-x: -0.875rem;
-  }
-
-  .lg\:focus\:translate-x-1\/2:focus {
-    --tw-translate-x: 50%;
-  }
-
-  .lg\:focus\:translate-x-1\/3:focus {
-    --tw-translate-x: 33.333333%;
-  }
-
-  .lg\:focus\:translate-x-2\/3:focus {
-    --tw-translate-x: 66.666667%;
-  }
-
-  .lg\:focus\:translate-x-1\/4:focus {
-    --tw-translate-x: 25%;
-  }
-
-  .lg\:focus\:translate-x-2\/4:focus {
-    --tw-translate-x: 50%;
-  }
-
-  .lg\:focus\:translate-x-3\/4:focus {
-    --tw-translate-x: 75%;
-  }
-
-  .lg\:focus\:translate-x-full:focus {
-    --tw-translate-x: 100%;
-  }
-
-  .lg\:focus\:-translate-x-1\/2:focus {
-    --tw-translate-x: -50%;
-  }
-
-  .lg\:focus\:-translate-x-1\/3:focus {
-    --tw-translate-x: -33.333333%;
-  }
-
-  .lg\:focus\:-translate-x-2\/3:focus {
-    --tw-translate-x: -66.666667%;
-  }
-
-  .lg\:focus\:-translate-x-1\/4:focus {
-    --tw-translate-x: -25%;
-  }
-
-  .lg\:focus\:-translate-x-2\/4:focus {
-    --tw-translate-x: -50%;
-  }
-
-  .lg\:focus\:-translate-x-3\/4:focus {
-    --tw-translate-x: -75%;
-  }
-
-  .lg\:focus\:-translate-x-full:focus {
-    --tw-translate-x: -100%;
-  }
-
-  .lg\:focus\:translate-y-0:focus {
-    --tw-translate-y: 0px;
-  }
-
-  .lg\:focus\:translate-y-1:focus {
-    --tw-translate-y: 0.25rem;
-  }
-
-  .lg\:focus\:translate-y-2:focus {
-    --tw-translate-y: 0.5rem;
-  }
-
-  .lg\:focus\:translate-y-3:focus {
-    --tw-translate-y: 0.75rem;
-  }
-
-  .lg\:focus\:translate-y-4:focus {
-    --tw-translate-y: 1rem;
-  }
-
-  .lg\:focus\:translate-y-5:focus {
-    --tw-translate-y: 1.25rem;
-  }
-
-  .lg\:focus\:translate-y-6:focus {
-    --tw-translate-y: 1.5rem;
-  }
-
-  .lg\:focus\:translate-y-7:focus {
-    --tw-translate-y: 1.75rem;
-  }
-
-  .lg\:focus\:translate-y-8:focus {
-    --tw-translate-y: 2rem;
-  }
-
-  .lg\:focus\:translate-y-9:focus {
-    --tw-translate-y: 2.25rem;
-  }
-
-  .lg\:focus\:translate-y-10:focus {
-    --tw-translate-y: 2.5rem;
-  }
-
-  .lg\:focus\:translate-y-11:focus {
-    --tw-translate-y: 2.75rem;
-  }
-
-  .lg\:focus\:translate-y-12:focus {
-    --tw-translate-y: 3rem;
-  }
-
-  .lg\:focus\:translate-y-14:focus {
-    --tw-translate-y: 3.5rem;
-  }
-
-  .lg\:focus\:translate-y-16:focus {
-    --tw-translate-y: 4rem;
-  }
-
-  .lg\:focus\:translate-y-20:focus {
-    --tw-translate-y: 5rem;
-  }
-
-  .lg\:focus\:translate-y-24:focus {
-    --tw-translate-y: 6rem;
-  }
-
-  .lg\:focus\:translate-y-28:focus {
-    --tw-translate-y: 7rem;
-  }
-
-  .lg\:focus\:translate-y-32:focus {
-    --tw-translate-y: 8rem;
-  }
-
-  .lg\:focus\:translate-y-36:focus {
-    --tw-translate-y: 9rem;
-  }
-
-  .lg\:focus\:translate-y-40:focus {
-    --tw-translate-y: 10rem;
-  }
-
-  .lg\:focus\:translate-y-44:focus {
-    --tw-translate-y: 11rem;
-  }
-
-  .lg\:focus\:translate-y-48:focus {
-    --tw-translate-y: 12rem;
-  }
-
-  .lg\:focus\:translate-y-52:focus {
-    --tw-translate-y: 13rem;
-  }
-
-  .lg\:focus\:translate-y-56:focus {
-    --tw-translate-y: 14rem;
-  }
-
-  .lg\:focus\:translate-y-60:focus {
-    --tw-translate-y: 15rem;
-  }
-
-  .lg\:focus\:translate-y-64:focus {
-    --tw-translate-y: 16rem;
-  }
-
-  .lg\:focus\:translate-y-72:focus {
-    --tw-translate-y: 18rem;
-  }
-
-  .lg\:focus\:translate-y-80:focus {
-    --tw-translate-y: 20rem;
-  }
-
-  .lg\:focus\:translate-y-96:focus {
-    --tw-translate-y: 24rem;
-  }
-
-  .lg\:focus\:translate-y-px:focus {
-    --tw-translate-y: 1px;
-  }
-
-  .lg\:focus\:translate-y-0\.5:focus {
-    --tw-translate-y: 0.125rem;
-  }
-
-  .lg\:focus\:translate-y-1\.5:focus {
-    --tw-translate-y: 0.375rem;
-  }
-
-  .lg\:focus\:translate-y-2\.5:focus {
-    --tw-translate-y: 0.625rem;
-  }
-
-  .lg\:focus\:translate-y-3\.5:focus {
-    --tw-translate-y: 0.875rem;
-  }
-
-  .lg\:focus\:-translate-y-0:focus {
-    --tw-translate-y: 0px;
-  }
-
-  .lg\:focus\:-translate-y-1:focus {
-    --tw-translate-y: -0.25rem;
-  }
-
-  .lg\:focus\:-translate-y-2:focus {
-    --tw-translate-y: -0.5rem;
-  }
-
-  .lg\:focus\:-translate-y-3:focus {
-    --tw-translate-y: -0.75rem;
-  }
-
-  .lg\:focus\:-translate-y-4:focus {
-    --tw-translate-y: -1rem;
-  }
-
-  .lg\:focus\:-translate-y-5:focus {
-    --tw-translate-y: -1.25rem;
-  }
-
-  .lg\:focus\:-translate-y-6:focus {
-    --tw-translate-y: -1.5rem;
-  }
-
-  .lg\:focus\:-translate-y-7:focus {
-    --tw-translate-y: -1.75rem;
-  }
-
-  .lg\:focus\:-translate-y-8:focus {
-    --tw-translate-y: -2rem;
-  }
-
-  .lg\:focus\:-translate-y-9:focus {
-    --tw-translate-y: -2.25rem;
-  }
-
-  .lg\:focus\:-translate-y-10:focus {
-    --tw-translate-y: -2.5rem;
-  }
-
-  .lg\:focus\:-translate-y-11:focus {
-    --tw-translate-y: -2.75rem;
-  }
-
-  .lg\:focus\:-translate-y-12:focus {
-    --tw-translate-y: -3rem;
-  }
-
-  .lg\:focus\:-translate-y-14:focus {
-    --tw-translate-y: -3.5rem;
-  }
-
-  .lg\:focus\:-translate-y-16:focus {
-    --tw-translate-y: -4rem;
-  }
-
-  .lg\:focus\:-translate-y-20:focus {
-    --tw-translate-y: -5rem;
-  }
-
-  .lg\:focus\:-translate-y-24:focus {
-    --tw-translate-y: -6rem;
-  }
-
-  .lg\:focus\:-translate-y-28:focus {
-    --tw-translate-y: -7rem;
-  }
-
-  .lg\:focus\:-translate-y-32:focus {
-    --tw-translate-y: -8rem;
-  }
-
-  .lg\:focus\:-translate-y-36:focus {
-    --tw-translate-y: -9rem;
-  }
-
-  .lg\:focus\:-translate-y-40:focus {
-    --tw-translate-y: -10rem;
-  }
-
-  .lg\:focus\:-translate-y-44:focus {
-    --tw-translate-y: -11rem;
-  }
-
-  .lg\:focus\:-translate-y-48:focus {
-    --tw-translate-y: -12rem;
-  }
-
-  .lg\:focus\:-translate-y-52:focus {
-    --tw-translate-y: -13rem;
-  }
-
-  .lg\:focus\:-translate-y-56:focus {
-    --tw-translate-y: -14rem;
-  }
-
-  .lg\:focus\:-translate-y-60:focus {
-    --tw-translate-y: -15rem;
-  }
-
-  .lg\:focus\:-translate-y-64:focus {
-    --tw-translate-y: -16rem;
-  }
-
-  .lg\:focus\:-translate-y-72:focus {
-    --tw-translate-y: -18rem;
-  }
-
-  .lg\:focus\:-translate-y-80:focus {
-    --tw-translate-y: -20rem;
-  }
-
-  .lg\:focus\:-translate-y-96:focus {
-    --tw-translate-y: -24rem;
-  }
-
-  .lg\:focus\:-translate-y-px:focus {
-    --tw-translate-y: -1px;
-  }
-
-  .lg\:focus\:-translate-y-0\.5:focus {
-    --tw-translate-y: -0.125rem;
-  }
-
-  .lg\:focus\:-translate-y-1\.5:focus {
-    --tw-translate-y: -0.375rem;
-  }
-
-  .lg\:focus\:-translate-y-2\.5:focus {
-    --tw-translate-y: -0.625rem;
-  }
-
-  .lg\:focus\:-translate-y-3\.5:focus {
-    --tw-translate-y: -0.875rem;
-  }
-
-  .lg\:focus\:translate-y-1\/2:focus {
-    --tw-translate-y: 50%;
-  }
-
-  .lg\:focus\:translate-y-1\/3:focus {
-    --tw-translate-y: 33.333333%;
-  }
-
-  .lg\:focus\:translate-y-2\/3:focus {
-    --tw-translate-y: 66.666667%;
-  }
-
-  .lg\:focus\:translate-y-1\/4:focus {
-    --tw-translate-y: 25%;
-  }
-
-  .lg\:focus\:translate-y-2\/4:focus {
-    --tw-translate-y: 50%;
-  }
-
-  .lg\:focus\:translate-y-3\/4:focus {
-    --tw-translate-y: 75%;
-  }
-
-  .lg\:focus\:translate-y-full:focus {
-    --tw-translate-y: 100%;
-  }
-
-  .lg\:focus\:-translate-y-1\/2:focus {
-    --tw-translate-y: -50%;
-  }
-
-  .lg\:focus\:-translate-y-1\/3:focus {
-    --tw-translate-y: -33.333333%;
-  }
-
-  .lg\:focus\:-translate-y-2\/3:focus {
-    --tw-translate-y: -66.666667%;
-  }
-
-  .lg\:focus\:-translate-y-1\/4:focus {
-    --tw-translate-y: -25%;
-  }
-
-  .lg\:focus\:-translate-y-2\/4:focus {
-    --tw-translate-y: -50%;
-  }
-
-  .lg\:focus\:-translate-y-3\/4:focus {
-    --tw-translate-y: -75%;
-  }
-
-  .lg\:focus\:-translate-y-full:focus {
-    --tw-translate-y: -100%;
-  }
-
-  .lg\:skew-x-0 {
-    --tw-skew-x: 0deg;
-  }
-
-  .lg\:skew-x-1 {
-    --tw-skew-x: 1deg;
-  }
-
-  .lg\:skew-x-2 {
-    --tw-skew-x: 2deg;
-  }
-
-  .lg\:skew-x-3 {
-    --tw-skew-x: 3deg;
-  }
-
-  .lg\:skew-x-6 {
-    --tw-skew-x: 6deg;
-  }
-
-  .lg\:skew-x-12 {
-    --tw-skew-x: 12deg;
-  }
-
-  .lg\:-skew-x-12 {
-    --tw-skew-x: -12deg;
-  }
-
-  .lg\:-skew-x-6 {
-    --tw-skew-x: -6deg;
-  }
-
-  .lg\:-skew-x-3 {
-    --tw-skew-x: -3deg;
-  }
-
-  .lg\:-skew-x-2 {
-    --tw-skew-x: -2deg;
-  }
-
-  .lg\:-skew-x-1 {
-    --tw-skew-x: -1deg;
-  }
-
-  .lg\:skew-y-0 {
-    --tw-skew-y: 0deg;
-  }
-
-  .lg\:skew-y-1 {
-    --tw-skew-y: 1deg;
-  }
-
-  .lg\:skew-y-2 {
-    --tw-skew-y: 2deg;
-  }
-
-  .lg\:skew-y-3 {
-    --tw-skew-y: 3deg;
-  }
-
-  .lg\:skew-y-6 {
-    --tw-skew-y: 6deg;
-  }
-
-  .lg\:skew-y-12 {
-    --tw-skew-y: 12deg;
-  }
-
-  .lg\:-skew-y-12 {
-    --tw-skew-y: -12deg;
-  }
-
-  .lg\:-skew-y-6 {
-    --tw-skew-y: -6deg;
-  }
-
-  .lg\:-skew-y-3 {
-    --tw-skew-y: -3deg;
-  }
-
-  .lg\:-skew-y-2 {
-    --tw-skew-y: -2deg;
-  }
-
-  .lg\:-skew-y-1 {
-    --tw-skew-y: -1deg;
-  }
-
-  .lg\:hover\:skew-x-0:hover {
-    --tw-skew-x: 0deg;
-  }
-
-  .lg\:hover\:skew-x-1:hover {
-    --tw-skew-x: 1deg;
-  }
-
-  .lg\:hover\:skew-x-2:hover {
-    --tw-skew-x: 2deg;
-  }
-
-  .lg\:hover\:skew-x-3:hover {
-    --tw-skew-x: 3deg;
-  }
-
-  .lg\:hover\:skew-x-6:hover {
-    --tw-skew-x: 6deg;
-  }
-
-  .lg\:hover\:skew-x-12:hover {
-    --tw-skew-x: 12deg;
-  }
-
-  .lg\:hover\:-skew-x-12:hover {
-    --tw-skew-x: -12deg;
-  }
-
-  .lg\:hover\:-skew-x-6:hover {
-    --tw-skew-x: -6deg;
-  }
-
-  .lg\:hover\:-skew-x-3:hover {
-    --tw-skew-x: -3deg;
-  }
-
-  .lg\:hover\:-skew-x-2:hover {
-    --tw-skew-x: -2deg;
-  }
-
-  .lg\:hover\:-skew-x-1:hover {
-    --tw-skew-x: -1deg;
-  }
-
-  .lg\:hover\:skew-y-0:hover {
-    --tw-skew-y: 0deg;
-  }
-
-  .lg\:hover\:skew-y-1:hover {
-    --tw-skew-y: 1deg;
-  }
-
-  .lg\:hover\:skew-y-2:hover {
-    --tw-skew-y: 2deg;
-  }
-
-  .lg\:hover\:skew-y-3:hover {
-    --tw-skew-y: 3deg;
-  }
-
-  .lg\:hover\:skew-y-6:hover {
-    --tw-skew-y: 6deg;
-  }
-
-  .lg\:hover\:skew-y-12:hover {
-    --tw-skew-y: 12deg;
-  }
-
-  .lg\:hover\:-skew-y-12:hover {
-    --tw-skew-y: -12deg;
-  }
-
-  .lg\:hover\:-skew-y-6:hover {
-    --tw-skew-y: -6deg;
-  }
-
-  .lg\:hover\:-skew-y-3:hover {
-    --tw-skew-y: -3deg;
-  }
-
-  .lg\:hover\:-skew-y-2:hover {
-    --tw-skew-y: -2deg;
-  }
-
-  .lg\:hover\:-skew-y-1:hover {
-    --tw-skew-y: -1deg;
-  }
-
-  .lg\:focus\:skew-x-0:focus {
-    --tw-skew-x: 0deg;
-  }
-
-  .lg\:focus\:skew-x-1:focus {
-    --tw-skew-x: 1deg;
-  }
-
-  .lg\:focus\:skew-x-2:focus {
-    --tw-skew-x: 2deg;
-  }
-
-  .lg\:focus\:skew-x-3:focus {
-    --tw-skew-x: 3deg;
-  }
-
-  .lg\:focus\:skew-x-6:focus {
-    --tw-skew-x: 6deg;
-  }
-
-  .lg\:focus\:skew-x-12:focus {
-    --tw-skew-x: 12deg;
-  }
-
-  .lg\:focus\:-skew-x-12:focus {
-    --tw-skew-x: -12deg;
-  }
-
-  .lg\:focus\:-skew-x-6:focus {
-    --tw-skew-x: -6deg;
-  }
-
-  .lg\:focus\:-skew-x-3:focus {
-    --tw-skew-x: -3deg;
-  }
-
-  .lg\:focus\:-skew-x-2:focus {
-    --tw-skew-x: -2deg;
-  }
-
-  .lg\:focus\:-skew-x-1:focus {
-    --tw-skew-x: -1deg;
-  }
-
-  .lg\:focus\:skew-y-0:focus {
-    --tw-skew-y: 0deg;
-  }
-
-  .lg\:focus\:skew-y-1:focus {
-    --tw-skew-y: 1deg;
-  }
-
-  .lg\:focus\:skew-y-2:focus {
-    --tw-skew-y: 2deg;
-  }
-
-  .lg\:focus\:skew-y-3:focus {
-    --tw-skew-y: 3deg;
-  }
-
-  .lg\:focus\:skew-y-6:focus {
-    --tw-skew-y: 6deg;
-  }
-
-  .lg\:focus\:skew-y-12:focus {
-    --tw-skew-y: 12deg;
-  }
-
-  .lg\:focus\:-skew-y-12:focus {
-    --tw-skew-y: -12deg;
-  }
-
-  .lg\:focus\:-skew-y-6:focus {
-    --tw-skew-y: -6deg;
-  }
-
-  .lg\:focus\:-skew-y-3:focus {
-    --tw-skew-y: -3deg;
-  }
-
-  .lg\:focus\:-skew-y-2:focus {
-    --tw-skew-y: -2deg;
-  }
-
-  .lg\:focus\:-skew-y-1:focus {
-    --tw-skew-y: -1deg;
-  }
-
-  .lg\:transition-none {
-    transition-property: none;
-  }
-
-  .lg\:transition-all {
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .lg\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .lg\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .lg\:transition-opacity {
-    transition-property: opacity;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .lg\:transition-shadow {
-    transition-property: box-shadow;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .lg\:transition-transform {
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .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;
-    }
-  }
-
-  @media (min-width: 1536px) {
-    .xl\:container {
-      max-width: 1536px;
-    }
-  }
-
-  .xl\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0px * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0px * var(--tw-space-x-reverse));
-    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1rem * var(--tw-space-x-reverse));
-    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2rem * var(--tw-space-x-reverse));
-    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(3rem * var(--tw-space-x-reverse));
-    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(4rem * var(--tw-space-x-reverse));
-    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(5rem * var(--tw-space-x-reverse));
-    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(6rem * var(--tw-space-x-reverse));
-    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(7rem * var(--tw-space-x-reverse));
-    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(8rem * var(--tw-space-x-reverse));
-    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(9rem * var(--tw-space-x-reverse));
-    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(10rem * var(--tw-space-x-reverse));
-    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(11rem * var(--tw-space-x-reverse));
-    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(12rem * var(--tw-space-x-reverse));
-    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(13rem * var(--tw-space-x-reverse));
-    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(14rem * var(--tw-space-x-reverse));
-    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(15rem * var(--tw-space-x-reverse));
-    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(16rem * var(--tw-space-x-reverse));
-    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(18rem * var(--tw-space-x-reverse));
-    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(20rem * var(--tw-space-x-reverse));
-    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(24rem * var(--tw-space-x-reverse));
-    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1px * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1px * var(--tw-space-x-reverse));
-    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0px * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0px * var(--tw-space-x-reverse));
-    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-3rem * var(--tw-space-x-reverse));
-    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-4rem * var(--tw-space-x-reverse));
-    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-6rem * var(--tw-space-x-reverse));
-    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-7rem * var(--tw-space-x-reverse));
-    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-8rem * var(--tw-space-x-reverse));
-    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-9rem * var(--tw-space-x-reverse));
-    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-10rem * var(--tw-space-x-reverse));
-    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-11rem * var(--tw-space-x-reverse));
-    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-12rem * var(--tw-space-x-reverse));
-    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-13rem * var(--tw-space-x-reverse));
-    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-14rem * var(--tw-space-x-reverse));
-    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-15rem * var(--tw-space-x-reverse));
-    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-16rem * var(--tw-space-x-reverse));
-    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-18rem * var(--tw-space-x-reverse));
-    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-20rem * var(--tw-space-x-reverse));
-    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-24rem * var(--tw-space-x-reverse));
-    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1px * var(--tw-space-x-reverse));
-    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 1;
-  }
-
-  .xl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 1;
-  }
-
-  .xl\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
-  }
-
-  .xl\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(0px * var(--tw-divide-x-reverse));
-    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .xl\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
-  }
-
-  .xl\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(2px * var(--tw-divide-x-reverse));
-    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .xl\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
-  }
-
-  .xl\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(4px * var(--tw-divide-x-reverse));
-    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .xl\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
-  }
-
-  .xl\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(8px * var(--tw-divide-x-reverse));
-    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .xl\:divide-y > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
-  }
-
-  .xl\:divide-x > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(1px * var(--tw-divide-x-reverse));
-    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .xl\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 1;
-  }
-
-  .xl\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 1;
-  }
-
-  .xl\:divide-current > :not([hidden]) ~ :not([hidden]) {
-    border-color: currentColor;
-  }
-
-  .xl\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
-    border-color: transparent;
-  }
-
-  .xl\:divide-black > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-white > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-darkCoolGray-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-darkCoolGray-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-darkCoolGray-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-darkCoolGray-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-darkCoolGray-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-darkCoolGray-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-darkCoolGray-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-darkCoolGray-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-darkCoolGray-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-darkCoolGray-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-coolGray-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-coolGray-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-coolGray-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-coolGray-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-coolGray-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-coolGray-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-coolGray-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-coolGray-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-coolGray-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-coolGray-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-violet-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-violet-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-violet-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-violet-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-violet-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-violet-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-violet-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-violet-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-violet-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-violet-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
-  }
-
-  .xl\:divide-solid > :not([hidden]) ~ :not([hidden]) {
-    border-style: solid;
-  }
-
-  .xl\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
-    border-style: dashed;
-  }
-
-  .xl\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
-    border-style: dotted;
-  }
-
-  .xl\:divide-double > :not([hidden]) ~ :not([hidden]) {
-    border-style: double;
-  }
-
-  .xl\:divide-none > :not([hidden]) ~ :not([hidden]) {
-    border-style: none;
-  }
-
-  .xl\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0;
-  }
-
-  .xl\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.05;
-  }
-
-  .xl\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.1;
-  }
-
-  .xl\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.2;
-  }
-
-  .xl\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.25;
-  }
-
-  .xl\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.3;
-  }
-
-  .xl\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.4;
-  }
-
-  .xl\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.5;
-  }
-
-  .xl\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.6;
-  }
-
-  .xl\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.7;
-  }
-
-  .xl\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.75;
-  }
-
-  .xl\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.8;
-  }
-
-  .xl\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.9;
-  }
-
-  .xl\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.95;
-  }
-
-  .xl\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-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-within\:sr-only:focus-within {
-    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-within\:not-sr-only:focus-within {
-    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-black {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-darkCoolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-darkCoolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-darkCoolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-darkCoolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-darkCoolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-darkCoolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-darkCoolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-darkCoolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-darkCoolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-darkCoolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-coolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-coolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-coolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-coolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-coolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-coolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-coolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-coolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-coolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-coolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-indigo-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-indigo-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-indigo-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-indigo-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-indigo-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-indigo-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-indigo-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-indigo-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-indigo-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-indigo-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-violet-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-violet-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-violet-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-violet-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-violet-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-violet-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-violet-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-violet-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-violet-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-violet-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-yellow-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-yellow-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-yellow-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-yellow-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-yellow-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-yellow-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-yellow-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-yellow-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-yellow-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-yellow-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-red-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-red-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-red-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-red-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-red-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-red-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-red-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-red-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-red-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-red-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-green-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-green-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-green-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-green-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-green-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-green-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-green-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-green-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-green-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-green-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-blue-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-blue-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-blue-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-blue-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-blue-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-blue-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-blue-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-blue-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-blue-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-blue-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-gray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-gray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-gray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-gray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-gray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-gray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-gray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-gray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-gray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-gray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-body {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-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-black {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-darkCoolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-darkCoolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-darkCoolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-darkCoolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-darkCoolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-darkCoolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-darkCoolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-darkCoolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-darkCoolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-darkCoolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-coolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-coolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-coolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-coolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-coolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-coolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-coolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-coolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-coolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-coolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-violet-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-violet-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-violet-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-violet-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-violet-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-violet-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-violet-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-violet-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-violet-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-violet-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-body {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-current:focus-within {
-    background-color: currentColor;
-  }
-
-  .xl\:focus-within\:bg-transparent:focus-within {
-    background-color: transparent;
-  }
-
-  .xl\:focus-within\:bg-black:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-white:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-darkCoolGray-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-darkCoolGray-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-darkCoolGray-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-darkCoolGray-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-darkCoolGray-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-darkCoolGray-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-darkCoolGray-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-darkCoolGray-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-darkCoolGray-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-darkCoolGray-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-coolGray-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-coolGray-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-coolGray-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-coolGray-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-coolGray-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-coolGray-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-coolGray-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-coolGray-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-coolGray-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-coolGray-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-indigo-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-indigo-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-indigo-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-indigo-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-indigo-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-indigo-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-indigo-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-indigo-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-indigo-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-indigo-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-violet-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-violet-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-violet-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-violet-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-violet-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-violet-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-violet-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-violet-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-violet-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-violet-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-yellow-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-yellow-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-yellow-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-yellow-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-yellow-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-yellow-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-yellow-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-yellow-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-yellow-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-yellow-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-red-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-red-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-red-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-red-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-red-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-red-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-red-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-red-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-red-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-red-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-green-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-green-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-green-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-green-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-green-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-green-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-green-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-green-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-green-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-green-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-blue-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-blue-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-blue-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-blue-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-blue-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-blue-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-blue-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-blue-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-blue-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-blue-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-gray-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-gray-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-gray-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-gray-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-gray-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-gray-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-gray-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-gray-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-gray-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-gray-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus-within\:bg-body:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-current:hover {
-    background-color: currentColor;
-  }
-
-  .xl\:hover\:bg-transparent:hover {
-    background-color: transparent;
-  }
-
-  .xl\:hover\:bg-black:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-white:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-darkCoolGray-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-darkCoolGray-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-darkCoolGray-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-darkCoolGray-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-darkCoolGray-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-darkCoolGray-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-darkCoolGray-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-darkCoolGray-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-darkCoolGray-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-darkCoolGray-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-coolGray-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-coolGray-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-coolGray-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-coolGray-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-coolGray-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-coolGray-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-coolGray-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-coolGray-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-coolGray-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-coolGray-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-violet-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-violet-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-violet-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-violet-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-violet-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-violet-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-violet-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-violet-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-violet-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-violet-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .xl\:hover\:bg-body:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-current:focus {
-    background-color: currentColor;
-  }
-
-  .xl\:focus\:bg-transparent:focus {
-    background-color: transparent;
-  }
-
-  .xl\:focus\:bg-black:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-white:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-darkCoolGray-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-darkCoolGray-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-darkCoolGray-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-darkCoolGray-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-darkCoolGray-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-darkCoolGray-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-darkCoolGray-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-darkCoolGray-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-darkCoolGray-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-darkCoolGray-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-coolGray-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-coolGray-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-coolGray-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-coolGray-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-coolGray-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-coolGray-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-coolGray-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-coolGray-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-coolGray-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-coolGray-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-violet-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-violet-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-violet-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-violet-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-violet-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-violet-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-violet-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-violet-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-violet-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-violet-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .xl\:focus\:bg-body:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .xl\:bg-none {
-    background-image: none;
-  }
-
-  .xl\:bg-gradient-to-t {
-    background-image: linear-gradient(to top, var(--tw-gradient-stops));
-  }
-
-  .xl\:bg-gradient-to-tr {
-    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
-  }
-
-  .xl\:bg-gradient-to-r {
-    background-image: linear-gradient(to right, var(--tw-gradient-stops));
-  }
-
-  .xl\:bg-gradient-to-br {
-    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
-  }
-
-  .xl\:bg-gradient-to-b {
-    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
-  }
-
-  .xl\:bg-gradient-to-bl {
-    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
-  }
-
-  .xl\:bg-gradient-to-l {
-    background-image: linear-gradient(to left, var(--tw-gradient-stops));
-  }
-
-  .xl\:bg-gradient-to-tl {
-    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
-  }
-
-  .xl\:from-current {
-    --tw-gradient-from: currentColor;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:from-transparent {
-    --tw-gradient-from: transparent;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:from-black {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:from-white {
-    --tw-gradient-from: #fff;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:from-darkCoolGray-50 {
-    --tw-gradient-from: #F5F6F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .xl\:from-darkCoolGray-100 {
-    --tw-gradient-from: #EBEDEF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .xl\:from-darkCoolGray-200 {
-    --tw-gradient-from: #CED1D6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .xl\:from-darkCoolGray-300 {
-    --tw-gradient-from: #B0B5BD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .xl\:from-darkCoolGray-400 {
-    --tw-gradient-from: #757E8C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .xl\:from-darkCoolGray-500 {
-    --tw-gradient-from: #3A475B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .xl\:from-darkCoolGray-600 {
-    --tw-gradient-from: #344052;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .xl\:from-darkCoolGray-700 {
-    --tw-gradient-from: #2C3544;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .xl\:from-darkCoolGray-800 {
-    --tw-gradient-from: #232B37;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .xl\:from-darkCoolGray-900 {
-    --tw-gradient-from: #1C232D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .xl\:from-coolGray-50 {
-    --tw-gradient-from: #F7F8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .xl\:from-coolGray-100 {
-    --tw-gradient-from: #EEF0F3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .xl\:from-coolGray-200 {
-    --tw-gradient-from: #D5DAE1;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .xl\:from-coolGray-300 {
-    --tw-gradient-from: #BBC3CF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .xl\:from-coolGray-400 {
-    --tw-gradient-from: #8896AB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .xl\:from-coolGray-500 {
-    --tw-gradient-from: #556987;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .xl\:from-coolGray-600 {
-    --tw-gradient-from: #4D5F7A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .xl\:from-coolGray-700 {
-    --tw-gradient-from: #404F65;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .xl\:from-coolGray-800 {
-    --tw-gradient-from: #333F51;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .xl\:from-coolGray-900 {
-    --tw-gradient-from: #2A3342;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .xl\:from-indigo-50 {
-    --tw-gradient-from: #F8F6FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .xl\:from-indigo-100 {
-    --tw-gradient-from: #F0EEFF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .xl\:from-indigo-200 {
-    --tw-gradient-from: #DAD4FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .xl\:from-indigo-300 {
-    --tw-gradient-from: #C3B9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .xl\:from-indigo-400 {
-    --tw-gradient-from: #9685FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .xl\:from-indigo-500 {
-    --tw-gradient-from: #6951FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .xl\:from-indigo-600 {
-    --tw-gradient-from: #5F49E6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .xl\:from-indigo-700 {
-    --tw-gradient-from: #4F3DBF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .xl\:from-indigo-800 {
-    --tw-gradient-from: #3F3199;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .xl\:from-indigo-900 {
-    --tw-gradient-from: #33287D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .xl\:from-violet-50 {
-    --tw-gradient-from: #FBF7FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .xl\:from-violet-100 {
-    --tw-gradient-from: #F6EEFE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .xl\:from-violet-200 {
-    --tw-gradient-from: #E9D5FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .xl\:from-violet-300 {
-    --tw-gradient-from: #DCBBFC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .xl\:from-violet-400 {
-    --tw-gradient-from: #C288F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .xl\:from-violet-500 {
-    --tw-gradient-from: #A855F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .xl\:from-violet-600 {
-    --tw-gradient-from: #974DDE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .xl\:from-violet-700 {
-    --tw-gradient-from: #7E40B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .xl\:from-violet-800 {
-    --tw-gradient-from: #653394;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .xl\:from-violet-900 {
-    --tw-gradient-from: #522A79;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .xl\:from-yellow-50 {
-    --tw-gradient-from: #FFFAF3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .xl\:from-yellow-100 {
-    --tw-gradient-from: #FEF5E7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .xl\:from-yellow-200 {
-    --tw-gradient-from: #FDE7C2;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .xl\:from-yellow-300 {
-    --tw-gradient-from: #FBD89D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .xl\:from-yellow-400 {
-    --tw-gradient-from: #F8BB54;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .xl\:from-yellow-500 {
-    --tw-gradient-from: #F59E0B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .xl\:from-yellow-600 {
-    --tw-gradient-from: #DD8E0A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .xl\:from-yellow-700 {
-    --tw-gradient-from: #B87708;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .xl\:from-yellow-800 {
-    --tw-gradient-from: #935F07;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .xl\:from-yellow-900 {
-    --tw-gradient-from: #784D05;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .xl\:from-red-50 {
-    --tw-gradient-from: #FEF7F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .xl\:from-red-100 {
-    --tw-gradient-from: #FDEEEC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .xl\:from-red-200 {
-    --tw-gradient-from: #FBD6D0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .xl\:from-red-300 {
-    --tw-gradient-from: #F9BDB4;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .xl\:from-red-400 {
-    --tw-gradient-from: #F48B7C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .xl\:from-red-500 {
-    --tw-gradient-from: #EF5844;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .xl\:from-red-600 {
-    --tw-gradient-from: #D7503D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .xl\:from-red-700 {
-    --tw-gradient-from: #B34333;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .xl\:from-red-800 {
-    --tw-gradient-from: #8F3529;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .xl\:from-red-900 {
-    --tw-gradient-from: #752C21;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .xl\:from-green-50 {
-    --tw-gradient-from: #F4FDF7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .xl\:from-green-100 {
-    --tw-gradient-from: #EAFAF0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .xl\:from-green-200 {
-    --tw-gradient-from: #CAF4D9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .xl\:from-green-300 {
-    --tw-gradient-from: #AAEDC3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .xl\:from-green-400 {
-    --tw-gradient-from: #6ADF95;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .xl\:from-green-500 {
-    --tw-gradient-from: #2AD167;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .xl\:from-green-600 {
-    --tw-gradient-from: #26BC5E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .xl\:from-green-700 {
-    --tw-gradient-from: #209D4E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .xl\:from-green-800 {
-    --tw-gradient-from: #197D3E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .xl\:from-green-900 {
-    --tw-gradient-from: #156633;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .xl\:from-blue-50 {
-    --tw-gradient-from: #F5F9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .xl\:from-blue-100 {
-    --tw-gradient-from: #EBF3FE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .xl\:from-blue-200 {
-    --tw-gradient-from: #CEE0FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .xl\:from-blue-300 {
-    --tw-gradient-from: #B1CDFB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .xl\:from-blue-400 {
-    --tw-gradient-from: #76A8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .xl\:from-blue-500 {
-    --tw-gradient-from: #3B82F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .xl\:from-blue-600 {
-    --tw-gradient-from: #3575DD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .xl\:from-blue-700 {
-    --tw-gradient-from: #2C62B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .xl\:from-blue-800 {
-    --tw-gradient-from: #234E94;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .xl\:from-blue-900 {
-    --tw-gradient-from: #1D4079;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .xl\:from-gray-50 {
-    --tw-gradient-from: #f9fafb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .xl\:from-gray-100 {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .xl\:from-gray-200 {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .xl\:from-gray-300 {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .xl\:from-gray-400 {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .xl\:from-gray-500 {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .xl\:from-gray-600 {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .xl\:from-gray-700 {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .xl\:from-gray-800 {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .xl\:from-gray-900 {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .xl\:via-current {
-    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:via-transparent {
-    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:via-black {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:via-white {
-    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:via-darkCoolGray-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .xl\:via-darkCoolGray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .xl\:via-darkCoolGray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .xl\:via-darkCoolGray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .xl\:via-darkCoolGray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .xl\:via-darkCoolGray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .xl\:via-darkCoolGray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .xl\:via-darkCoolGray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .xl\:via-darkCoolGray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .xl\:via-darkCoolGray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .xl\:via-coolGray-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .xl\:via-coolGray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .xl\:via-coolGray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .xl\:via-coolGray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .xl\:via-coolGray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .xl\:via-coolGray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .xl\:via-coolGray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .xl\:via-coolGray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .xl\:via-coolGray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .xl\:via-coolGray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .xl\:via-indigo-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .xl\:via-indigo-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .xl\:via-indigo-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .xl\:via-indigo-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .xl\:via-indigo-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .xl\:via-indigo-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .xl\:via-indigo-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .xl\:via-indigo-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .xl\:via-indigo-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .xl\:via-indigo-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .xl\:via-violet-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .xl\:via-violet-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .xl\:via-violet-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .xl\:via-violet-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .xl\:via-violet-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .xl\:via-violet-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .xl\:via-violet-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .xl\:via-violet-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .xl\:via-violet-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .xl\:via-violet-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .xl\:via-yellow-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .xl\:via-yellow-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .xl\:via-yellow-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .xl\:via-yellow-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .xl\:via-yellow-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .xl\:via-yellow-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .xl\:via-yellow-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .xl\:via-yellow-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .xl\:via-yellow-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .xl\:via-yellow-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .xl\:via-red-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .xl\:via-red-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .xl\:via-red-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .xl\:via-red-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .xl\:via-red-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .xl\:via-red-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .xl\:via-red-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .xl\:via-red-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .xl\:via-red-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .xl\:via-red-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .xl\:via-green-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .xl\:via-green-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .xl\:via-green-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .xl\:via-green-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .xl\:via-green-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .xl\:via-green-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .xl\:via-green-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .xl\:via-green-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .xl\:via-green-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .xl\:via-green-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .xl\:via-blue-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .xl\:via-blue-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .xl\:via-blue-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .xl\:via-blue-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .xl\:via-blue-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .xl\:via-blue-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .xl\:via-blue-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .xl\:via-blue-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .xl\:via-blue-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .xl\:via-blue-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .xl\:via-gray-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .xl\:via-gray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .xl\:via-gray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .xl\:via-gray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .xl\:via-gray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .xl\:via-gray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .xl\:via-gray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .xl\:via-gray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .xl\:via-gray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .xl\:via-gray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .xl\:to-current {
-    --tw-gradient-to: currentColor;
-  }
-
-  .xl\:to-transparent {
-    --tw-gradient-to: transparent;
-  }
-
-  .xl\:to-black {
-    --tw-gradient-to: #000;
-  }
-
-  .xl\:to-white {
-    --tw-gradient-to: #fff;
-  }
-
-  .xl\:to-darkCoolGray-50 {
-    --tw-gradient-to: #F5F6F7;
-  }
-
-  .xl\:to-darkCoolGray-100 {
-    --tw-gradient-to: #EBEDEF;
-  }
-
-  .xl\:to-darkCoolGray-200 {
-    --tw-gradient-to: #CED1D6;
-  }
-
-  .xl\:to-darkCoolGray-300 {
-    --tw-gradient-to: #B0B5BD;
-  }
-
-  .xl\:to-darkCoolGray-400 {
-    --tw-gradient-to: #757E8C;
-  }
-
-  .xl\:to-darkCoolGray-500 {
-    --tw-gradient-to: #3A475B;
-  }
-
-  .xl\:to-darkCoolGray-600 {
-    --tw-gradient-to: #344052;
-  }
-
-  .xl\:to-darkCoolGray-700 {
-    --tw-gradient-to: #2C3544;
-  }
-
-  .xl\:to-darkCoolGray-800 {
-    --tw-gradient-to: #232B37;
-  }
-
-  .xl\:to-darkCoolGray-900 {
-    --tw-gradient-to: #1C232D;
-  }
-
-  .xl\:to-coolGray-50 {
-    --tw-gradient-to: #F7F8F9;
-  }
-
-  .xl\:to-coolGray-100 {
-    --tw-gradient-to: #EEF0F3;
-  }
-
-  .xl\:to-coolGray-200 {
-    --tw-gradient-to: #D5DAE1;
-  }
-
-  .xl\:to-coolGray-300 {
-    --tw-gradient-to: #BBC3CF;
-  }
-
-  .xl\:to-coolGray-400 {
-    --tw-gradient-to: #8896AB;
-  }
-
-  .xl\:to-coolGray-500 {
-    --tw-gradient-to: #556987;
-  }
-
-  .xl\:to-coolGray-600 {
-    --tw-gradient-to: #4D5F7A;
-  }
-
-  .xl\:to-coolGray-700 {
-    --tw-gradient-to: #404F65;
-  }
-
-  .xl\:to-coolGray-800 {
-    --tw-gradient-to: #333F51;
-  }
-
-  .xl\:to-coolGray-900 {
-    --tw-gradient-to: #2A3342;
-  }
-
-  .xl\:to-indigo-50 {
-    --tw-gradient-to: #F8F6FF;
-  }
-
-  .xl\:to-indigo-100 {
-    --tw-gradient-to: #F0EEFF;
-  }
-
-  .xl\:to-indigo-200 {
-    --tw-gradient-to: #DAD4FF;
-  }
-
-  .xl\:to-indigo-300 {
-    --tw-gradient-to: #C3B9FF;
-  }
-
-  .xl\:to-indigo-400 {
-    --tw-gradient-to: #9685FF;
-  }
-
-  .xl\:to-indigo-500 {
-    --tw-gradient-to: #6951FF;
-  }
-
-  .xl\:to-indigo-600 {
-    --tw-gradient-to: #5F49E6;
-  }
-
-  .xl\:to-indigo-700 {
-    --tw-gradient-to: #4F3DBF;
-  }
-
-  .xl\:to-indigo-800 {
-    --tw-gradient-to: #3F3199;
-  }
-
-  .xl\:to-indigo-900 {
-    --tw-gradient-to: #33287D;
-  }
-
-  .xl\:to-violet-50 {
-    --tw-gradient-to: #FBF7FF;
-  }
-
-  .xl\:to-violet-100 {
-    --tw-gradient-to: #F6EEFE;
-  }
-
-  .xl\:to-violet-200 {
-    --tw-gradient-to: #E9D5FD;
-  }
-
-  .xl\:to-violet-300 {
-    --tw-gradient-to: #DCBBFC;
-  }
-
-  .xl\:to-violet-400 {
-    --tw-gradient-to: #C288F9;
-  }
-
-  .xl\:to-violet-500 {
-    --tw-gradient-to: #A855F7;
-  }
-
-  .xl\:to-violet-600 {
-    --tw-gradient-to: #974DDE;
-  }
-
-  .xl\:to-violet-700 {
-    --tw-gradient-to: #7E40B9;
-  }
-
-  .xl\:to-violet-800 {
-    --tw-gradient-to: #653394;
-  }
-
-  .xl\:to-violet-900 {
-    --tw-gradient-to: #522A79;
-  }
-
-  .xl\:to-yellow-50 {
-    --tw-gradient-to: #FFFAF3;
-  }
-
-  .xl\:to-yellow-100 {
-    --tw-gradient-to: #FEF5E7;
-  }
-
-  .xl\:to-yellow-200 {
-    --tw-gradient-to: #FDE7C2;
-  }
-
-  .xl\:to-yellow-300 {
-    --tw-gradient-to: #FBD89D;
-  }
-
-  .xl\:to-yellow-400 {
-    --tw-gradient-to: #F8BB54;
-  }
-
-  .xl\:to-yellow-500 {
-    --tw-gradient-to: #F59E0B;
-  }
-
-  .xl\:to-yellow-600 {
-    --tw-gradient-to: #DD8E0A;
-  }
-
-  .xl\:to-yellow-700 {
-    --tw-gradient-to: #B87708;
-  }
-
-  .xl\:to-yellow-800 {
-    --tw-gradient-to: #935F07;
-  }
-
-  .xl\:to-yellow-900 {
-    --tw-gradient-to: #784D05;
-  }
-
-  .xl\:to-red-50 {
-    --tw-gradient-to: #FEF7F6;
-  }
-
-  .xl\:to-red-100 {
-    --tw-gradient-to: #FDEEEC;
-  }
-
-  .xl\:to-red-200 {
-    --tw-gradient-to: #FBD6D0;
-  }
-
-  .xl\:to-red-300 {
-    --tw-gradient-to: #F9BDB4;
-  }
-
-  .xl\:to-red-400 {
-    --tw-gradient-to: #F48B7C;
-  }
-
-  .xl\:to-red-500 {
-    --tw-gradient-to: #EF5844;
-  }
-
-  .xl\:to-red-600 {
-    --tw-gradient-to: #D7503D;
-  }
-
-  .xl\:to-red-700 {
-    --tw-gradient-to: #B34333;
-  }
-
-  .xl\:to-red-800 {
-    --tw-gradient-to: #8F3529;
-  }
-
-  .xl\:to-red-900 {
-    --tw-gradient-to: #752C21;
-  }
-
-  .xl\:to-green-50 {
-    --tw-gradient-to: #F4FDF7;
-  }
-
-  .xl\:to-green-100 {
-    --tw-gradient-to: #EAFAF0;
-  }
-
-  .xl\:to-green-200 {
-    --tw-gradient-to: #CAF4D9;
-  }
-
-  .xl\:to-green-300 {
-    --tw-gradient-to: #AAEDC3;
-  }
-
-  .xl\:to-green-400 {
-    --tw-gradient-to: #6ADF95;
-  }
-
-  .xl\:to-green-500 {
-    --tw-gradient-to: #2AD167;
-  }
-
-  .xl\:to-green-600 {
-    --tw-gradient-to: #26BC5E;
-  }
-
-  .xl\:to-green-700 {
-    --tw-gradient-to: #209D4E;
-  }
-
-  .xl\:to-green-800 {
-    --tw-gradient-to: #197D3E;
-  }
-
-  .xl\:to-green-900 {
-    --tw-gradient-to: #156633;
-  }
-
-  .xl\:to-blue-50 {
-    --tw-gradient-to: #F5F9FF;
-  }
-
-  .xl\:to-blue-100 {
-    --tw-gradient-to: #EBF3FE;
-  }
-
-  .xl\:to-blue-200 {
-    --tw-gradient-to: #CEE0FD;
-  }
-
-  .xl\:to-blue-300 {
-    --tw-gradient-to: #B1CDFB;
-  }
-
-  .xl\:to-blue-400 {
-    --tw-gradient-to: #76A8F9;
-  }
-
-  .xl\:to-blue-500 {
-    --tw-gradient-to: #3B82F6;
-  }
-
-  .xl\:to-blue-600 {
-    --tw-gradient-to: #3575DD;
-  }
-
-  .xl\:to-blue-700 {
-    --tw-gradient-to: #2C62B9;
-  }
-
-  .xl\:to-blue-800 {
-    --tw-gradient-to: #234E94;
-  }
-
-  .xl\:to-blue-900 {
-    --tw-gradient-to: #1D4079;
-  }
-
-  .xl\:to-gray-50 {
-    --tw-gradient-to: #f9fafb;
-  }
-
-  .xl\:to-gray-100 {
-    --tw-gradient-to: #f3f4f6;
-  }
-
-  .xl\:to-gray-200 {
-    --tw-gradient-to: #e5e7eb;
-  }
-
-  .xl\:to-gray-300 {
-    --tw-gradient-to: #d1d5db;
-  }
-
-  .xl\:to-gray-400 {
-    --tw-gradient-to: #9ca3af;
-  }
-
-  .xl\:to-gray-500 {
-    --tw-gradient-to: #6b7280;
-  }
-
-  .xl\:to-gray-600 {
-    --tw-gradient-to: #4b5563;
-  }
-
-  .xl\:to-gray-700 {
-    --tw-gradient-to: #374151;
-  }
-
-  .xl\:to-gray-800 {
-    --tw-gradient-to: #1f2937;
-  }
-
-  .xl\:to-gray-900 {
-    --tw-gradient-to: #111827;
-  }
-
-  .xl\:hover\:from-current:hover {
-    --tw-gradient-from: currentColor;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:hover\:from-transparent:hover {
-    --tw-gradient-from: transparent;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:hover\:from-black:hover {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:hover\:from-white:hover {
-    --tw-gradient-from: #fff;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:hover\:from-darkCoolGray-50:hover {
-    --tw-gradient-from: #F5F6F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .xl\:hover\:from-darkCoolGray-100:hover {
-    --tw-gradient-from: #EBEDEF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .xl\:hover\:from-darkCoolGray-200:hover {
-    --tw-gradient-from: #CED1D6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .xl\:hover\:from-darkCoolGray-300:hover {
-    --tw-gradient-from: #B0B5BD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .xl\:hover\:from-darkCoolGray-400:hover {
-    --tw-gradient-from: #757E8C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .xl\:hover\:from-darkCoolGray-500:hover {
-    --tw-gradient-from: #3A475B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .xl\:hover\:from-darkCoolGray-600:hover {
-    --tw-gradient-from: #344052;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .xl\:hover\:from-darkCoolGray-700:hover {
-    --tw-gradient-from: #2C3544;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .xl\:hover\:from-darkCoolGray-800:hover {
-    --tw-gradient-from: #232B37;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .xl\:hover\:from-darkCoolGray-900:hover {
-    --tw-gradient-from: #1C232D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .xl\:hover\:from-coolGray-50:hover {
-    --tw-gradient-from: #F7F8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .xl\:hover\:from-coolGray-100:hover {
-    --tw-gradient-from: #EEF0F3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .xl\:hover\:from-coolGray-200:hover {
-    --tw-gradient-from: #D5DAE1;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .xl\:hover\:from-coolGray-300:hover {
-    --tw-gradient-from: #BBC3CF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .xl\:hover\:from-coolGray-400:hover {
-    --tw-gradient-from: #8896AB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .xl\:hover\:from-coolGray-500:hover {
-    --tw-gradient-from: #556987;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .xl\:hover\:from-coolGray-600:hover {
-    --tw-gradient-from: #4D5F7A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .xl\:hover\:from-coolGray-700:hover {
-    --tw-gradient-from: #404F65;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .xl\:hover\:from-coolGray-800:hover {
-    --tw-gradient-from: #333F51;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .xl\:hover\:from-coolGray-900:hover {
-    --tw-gradient-from: #2A3342;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .xl\:hover\:from-indigo-50:hover {
-    --tw-gradient-from: #F8F6FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .xl\:hover\:from-indigo-100:hover {
-    --tw-gradient-from: #F0EEFF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .xl\:hover\:from-indigo-200:hover {
-    --tw-gradient-from: #DAD4FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .xl\:hover\:from-indigo-300:hover {
-    --tw-gradient-from: #C3B9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .xl\:hover\:from-indigo-400:hover {
-    --tw-gradient-from: #9685FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .xl\:hover\:from-indigo-500:hover {
-    --tw-gradient-from: #6951FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .xl\:hover\:from-indigo-600:hover {
-    --tw-gradient-from: #5F49E6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .xl\:hover\:from-indigo-700:hover {
-    --tw-gradient-from: #4F3DBF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .xl\:hover\:from-indigo-800:hover {
-    --tw-gradient-from: #3F3199;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .xl\:hover\:from-indigo-900:hover {
-    --tw-gradient-from: #33287D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .xl\:hover\:from-violet-50:hover {
-    --tw-gradient-from: #FBF7FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .xl\:hover\:from-violet-100:hover {
-    --tw-gradient-from: #F6EEFE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .xl\:hover\:from-violet-200:hover {
-    --tw-gradient-from: #E9D5FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .xl\:hover\:from-violet-300:hover {
-    --tw-gradient-from: #DCBBFC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .xl\:hover\:from-violet-400:hover {
-    --tw-gradient-from: #C288F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .xl\:hover\:from-violet-500:hover {
-    --tw-gradient-from: #A855F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .xl\:hover\:from-violet-600:hover {
-    --tw-gradient-from: #974DDE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .xl\:hover\:from-violet-700:hover {
-    --tw-gradient-from: #7E40B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .xl\:hover\:from-violet-800:hover {
-    --tw-gradient-from: #653394;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .xl\:hover\:from-violet-900:hover {
-    --tw-gradient-from: #522A79;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .xl\:hover\:from-yellow-50:hover {
-    --tw-gradient-from: #FFFAF3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .xl\:hover\:from-yellow-100:hover {
-    --tw-gradient-from: #FEF5E7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .xl\:hover\:from-yellow-200:hover {
-    --tw-gradient-from: #FDE7C2;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .xl\:hover\:from-yellow-300:hover {
-    --tw-gradient-from: #FBD89D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .xl\:hover\:from-yellow-400:hover {
-    --tw-gradient-from: #F8BB54;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .xl\:hover\:from-yellow-500:hover {
-    --tw-gradient-from: #F59E0B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .xl\:hover\:from-yellow-600:hover {
-    --tw-gradient-from: #DD8E0A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .xl\:hover\:from-yellow-700:hover {
-    --tw-gradient-from: #B87708;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .xl\:hover\:from-yellow-800:hover {
-    --tw-gradient-from: #935F07;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .xl\:hover\:from-yellow-900:hover {
-    --tw-gradient-from: #784D05;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .xl\:hover\:from-red-50:hover {
-    --tw-gradient-from: #FEF7F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .xl\:hover\:from-red-100:hover {
-    --tw-gradient-from: #FDEEEC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .xl\:hover\:from-red-200:hover {
-    --tw-gradient-from: #FBD6D0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .xl\:hover\:from-red-300:hover {
-    --tw-gradient-from: #F9BDB4;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .xl\:hover\:from-red-400:hover {
-    --tw-gradient-from: #F48B7C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .xl\:hover\:from-red-500:hover {
-    --tw-gradient-from: #EF5844;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .xl\:hover\:from-red-600:hover {
-    --tw-gradient-from: #D7503D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .xl\:hover\:from-red-700:hover {
-    --tw-gradient-from: #B34333;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .xl\:hover\:from-red-800:hover {
-    --tw-gradient-from: #8F3529;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .xl\:hover\:from-red-900:hover {
-    --tw-gradient-from: #752C21;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .xl\:hover\:from-green-50:hover {
-    --tw-gradient-from: #F4FDF7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .xl\:hover\:from-green-100:hover {
-    --tw-gradient-from: #EAFAF0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .xl\:hover\:from-green-200:hover {
-    --tw-gradient-from: #CAF4D9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .xl\:hover\:from-green-300:hover {
-    --tw-gradient-from: #AAEDC3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .xl\:hover\:from-green-400:hover {
-    --tw-gradient-from: #6ADF95;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .xl\:hover\:from-green-500:hover {
-    --tw-gradient-from: #2AD167;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .xl\:hover\:from-green-600:hover {
-    --tw-gradient-from: #26BC5E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .xl\:hover\:from-green-700:hover {
-    --tw-gradient-from: #209D4E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .xl\:hover\:from-green-800:hover {
-    --tw-gradient-from: #197D3E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .xl\:hover\:from-green-900:hover {
-    --tw-gradient-from: #156633;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .xl\:hover\:from-blue-50:hover {
-    --tw-gradient-from: #F5F9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .xl\:hover\:from-blue-100:hover {
-    --tw-gradient-from: #EBF3FE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .xl\:hover\:from-blue-200:hover {
-    --tw-gradient-from: #CEE0FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .xl\:hover\:from-blue-300:hover {
-    --tw-gradient-from: #B1CDFB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .xl\:hover\:from-blue-400:hover {
-    --tw-gradient-from: #76A8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .xl\:hover\:from-blue-500:hover {
-    --tw-gradient-from: #3B82F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .xl\:hover\:from-blue-600:hover {
-    --tw-gradient-from: #3575DD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .xl\:hover\:from-blue-700:hover {
-    --tw-gradient-from: #2C62B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .xl\:hover\:from-blue-800:hover {
-    --tw-gradient-from: #234E94;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .xl\:hover\:from-blue-900:hover {
-    --tw-gradient-from: #1D4079;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .xl\:hover\:from-gray-50:hover {
-    --tw-gradient-from: #f9fafb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .xl\:hover\:from-gray-100:hover {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .xl\:hover\:from-gray-200:hover {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .xl\:hover\:from-gray-300:hover {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .xl\:hover\:from-gray-400:hover {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .xl\:hover\:from-gray-500:hover {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .xl\:hover\:from-gray-600:hover {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .xl\:hover\:from-gray-700:hover {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .xl\:hover\:from-gray-800:hover {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .xl\:hover\:from-gray-900:hover {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .xl\:hover\:via-current:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:hover\:via-transparent:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:hover\:via-black:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:hover\:via-white:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:hover\:via-darkCoolGray-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .xl\:hover\:via-darkCoolGray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .xl\:hover\:via-darkCoolGray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .xl\:hover\:via-darkCoolGray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .xl\:hover\:via-darkCoolGray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .xl\:hover\:via-darkCoolGray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .xl\:hover\:via-darkCoolGray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .xl\:hover\:via-darkCoolGray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .xl\:hover\:via-darkCoolGray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .xl\:hover\:via-darkCoolGray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .xl\:hover\:via-coolGray-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .xl\:hover\:via-coolGray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .xl\:hover\:via-coolGray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .xl\:hover\:via-coolGray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .xl\:hover\:via-coolGray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .xl\:hover\:via-coolGray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .xl\:hover\:via-coolGray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .xl\:hover\:via-coolGray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .xl\:hover\:via-coolGray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .xl\:hover\:via-coolGray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .xl\:hover\:via-indigo-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .xl\:hover\:via-indigo-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .xl\:hover\:via-indigo-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .xl\:hover\:via-indigo-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .xl\:hover\:via-indigo-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .xl\:hover\:via-indigo-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .xl\:hover\:via-indigo-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .xl\:hover\:via-indigo-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .xl\:hover\:via-indigo-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .xl\:hover\:via-indigo-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .xl\:hover\:via-violet-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .xl\:hover\:via-violet-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .xl\:hover\:via-violet-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .xl\:hover\:via-violet-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .xl\:hover\:via-violet-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .xl\:hover\:via-violet-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .xl\:hover\:via-violet-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .xl\:hover\:via-violet-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .xl\:hover\:via-violet-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .xl\:hover\:via-violet-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .xl\:hover\:via-yellow-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .xl\:hover\:via-yellow-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .xl\:hover\:via-yellow-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .xl\:hover\:via-yellow-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .xl\:hover\:via-yellow-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .xl\:hover\:via-yellow-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .xl\:hover\:via-yellow-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .xl\:hover\:via-yellow-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .xl\:hover\:via-yellow-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .xl\:hover\:via-yellow-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .xl\:hover\:via-red-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .xl\:hover\:via-red-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .xl\:hover\:via-red-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .xl\:hover\:via-red-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .xl\:hover\:via-red-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .xl\:hover\:via-red-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .xl\:hover\:via-red-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .xl\:hover\:via-red-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .xl\:hover\:via-red-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .xl\:hover\:via-red-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .xl\:hover\:via-green-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .xl\:hover\:via-green-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .xl\:hover\:via-green-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .xl\:hover\:via-green-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .xl\:hover\:via-green-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .xl\:hover\:via-green-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .xl\:hover\:via-green-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .xl\:hover\:via-green-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .xl\:hover\:via-green-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .xl\:hover\:via-green-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .xl\:hover\:via-blue-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .xl\:hover\:via-blue-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .xl\:hover\:via-blue-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .xl\:hover\:via-blue-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .xl\:hover\:via-blue-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .xl\:hover\:via-blue-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .xl\:hover\:via-blue-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .xl\:hover\:via-blue-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .xl\:hover\:via-blue-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .xl\:hover\:via-blue-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .xl\:hover\:via-gray-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .xl\:hover\:via-gray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .xl\:hover\:via-gray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .xl\:hover\:via-gray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .xl\:hover\:via-gray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .xl\:hover\:via-gray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .xl\:hover\:via-gray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .xl\:hover\:via-gray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .xl\:hover\:via-gray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .xl\:hover\:via-gray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .xl\:hover\:to-current:hover {
-    --tw-gradient-to: currentColor;
-  }
-
-  .xl\:hover\:to-transparent:hover {
-    --tw-gradient-to: transparent;
-  }
-
-  .xl\:hover\:to-black:hover {
-    --tw-gradient-to: #000;
-  }
-
-  .xl\:hover\:to-white:hover {
-    --tw-gradient-to: #fff;
-  }
-
-  .xl\:hover\:to-darkCoolGray-50:hover {
-    --tw-gradient-to: #F5F6F7;
-  }
-
-  .xl\:hover\:to-darkCoolGray-100:hover {
-    --tw-gradient-to: #EBEDEF;
-  }
-
-  .xl\:hover\:to-darkCoolGray-200:hover {
-    --tw-gradient-to: #CED1D6;
-  }
-
-  .xl\:hover\:to-darkCoolGray-300:hover {
-    --tw-gradient-to: #B0B5BD;
-  }
-
-  .xl\:hover\:to-darkCoolGray-400:hover {
-    --tw-gradient-to: #757E8C;
-  }
-
-  .xl\:hover\:to-darkCoolGray-500:hover {
-    --tw-gradient-to: #3A475B;
-  }
-
-  .xl\:hover\:to-darkCoolGray-600:hover {
-    --tw-gradient-to: #344052;
-  }
-
-  .xl\:hover\:to-darkCoolGray-700:hover {
-    --tw-gradient-to: #2C3544;
-  }
-
-  .xl\:hover\:to-darkCoolGray-800:hover {
-    --tw-gradient-to: #232B37;
-  }
-
-  .xl\:hover\:to-darkCoolGray-900:hover {
-    --tw-gradient-to: #1C232D;
-  }
-
-  .xl\:hover\:to-coolGray-50:hover {
-    --tw-gradient-to: #F7F8F9;
-  }
-
-  .xl\:hover\:to-coolGray-100:hover {
-    --tw-gradient-to: #EEF0F3;
-  }
-
-  .xl\:hover\:to-coolGray-200:hover {
-    --tw-gradient-to: #D5DAE1;
-  }
-
-  .xl\:hover\:to-coolGray-300:hover {
-    --tw-gradient-to: #BBC3CF;
-  }
-
-  .xl\:hover\:to-coolGray-400:hover {
-    --tw-gradient-to: #8896AB;
-  }
-
-  .xl\:hover\:to-coolGray-500:hover {
-    --tw-gradient-to: #556987;
-  }
-
-  .xl\:hover\:to-coolGray-600:hover {
-    --tw-gradient-to: #4D5F7A;
-  }
-
-  .xl\:hover\:to-coolGray-700:hover {
-    --tw-gradient-to: #404F65;
-  }
-
-  .xl\:hover\:to-coolGray-800:hover {
-    --tw-gradient-to: #333F51;
-  }
-
-  .xl\:hover\:to-coolGray-900:hover {
-    --tw-gradient-to: #2A3342;
-  }
-
-  .xl\:hover\:to-indigo-50:hover {
-    --tw-gradient-to: #F8F6FF;
-  }
-
-  .xl\:hover\:to-indigo-100:hover {
-    --tw-gradient-to: #F0EEFF;
-  }
-
-  .xl\:hover\:to-indigo-200:hover {
-    --tw-gradient-to: #DAD4FF;
-  }
-
-  .xl\:hover\:to-indigo-300:hover {
-    --tw-gradient-to: #C3B9FF;
-  }
-
-  .xl\:hover\:to-indigo-400:hover {
-    --tw-gradient-to: #9685FF;
-  }
-
-  .xl\:hover\:to-indigo-500:hover {
-    --tw-gradient-to: #6951FF;
-  }
-
-  .xl\:hover\:to-indigo-600:hover {
-    --tw-gradient-to: #5F49E6;
-  }
-
-  .xl\:hover\:to-indigo-700:hover {
-    --tw-gradient-to: #4F3DBF;
-  }
-
-  .xl\:hover\:to-indigo-800:hover {
-    --tw-gradient-to: #3F3199;
-  }
-
-  .xl\:hover\:to-indigo-900:hover {
-    --tw-gradient-to: #33287D;
-  }
-
-  .xl\:hover\:to-violet-50:hover {
-    --tw-gradient-to: #FBF7FF;
-  }
-
-  .xl\:hover\:to-violet-100:hover {
-    --tw-gradient-to: #F6EEFE;
-  }
-
-  .xl\:hover\:to-violet-200:hover {
-    --tw-gradient-to: #E9D5FD;
-  }
-
-  .xl\:hover\:to-violet-300:hover {
-    --tw-gradient-to: #DCBBFC;
-  }
-
-  .xl\:hover\:to-violet-400:hover {
-    --tw-gradient-to: #C288F9;
-  }
-
-  .xl\:hover\:to-violet-500:hover {
-    --tw-gradient-to: #A855F7;
-  }
-
-  .xl\:hover\:to-violet-600:hover {
-    --tw-gradient-to: #974DDE;
-  }
-
-  .xl\:hover\:to-violet-700:hover {
-    --tw-gradient-to: #7E40B9;
-  }
-
-  .xl\:hover\:to-violet-800:hover {
-    --tw-gradient-to: #653394;
-  }
-
-  .xl\:hover\:to-violet-900:hover {
-    --tw-gradient-to: #522A79;
-  }
-
-  .xl\:hover\:to-yellow-50:hover {
-    --tw-gradient-to: #FFFAF3;
-  }
-
-  .xl\:hover\:to-yellow-100:hover {
-    --tw-gradient-to: #FEF5E7;
-  }
-
-  .xl\:hover\:to-yellow-200:hover {
-    --tw-gradient-to: #FDE7C2;
-  }
-
-  .xl\:hover\:to-yellow-300:hover {
-    --tw-gradient-to: #FBD89D;
-  }
-
-  .xl\:hover\:to-yellow-400:hover {
-    --tw-gradient-to: #F8BB54;
-  }
-
-  .xl\:hover\:to-yellow-500:hover {
-    --tw-gradient-to: #F59E0B;
-  }
-
-  .xl\:hover\:to-yellow-600:hover {
-    --tw-gradient-to: #DD8E0A;
-  }
-
-  .xl\:hover\:to-yellow-700:hover {
-    --tw-gradient-to: #B87708;
-  }
-
-  .xl\:hover\:to-yellow-800:hover {
-    --tw-gradient-to: #935F07;
-  }
-
-  .xl\:hover\:to-yellow-900:hover {
-    --tw-gradient-to: #784D05;
-  }
-
-  .xl\:hover\:to-red-50:hover {
-    --tw-gradient-to: #FEF7F6;
-  }
-
-  .xl\:hover\:to-red-100:hover {
-    --tw-gradient-to: #FDEEEC;
-  }
-
-  .xl\:hover\:to-red-200:hover {
-    --tw-gradient-to: #FBD6D0;
-  }
-
-  .xl\:hover\:to-red-300:hover {
-    --tw-gradient-to: #F9BDB4;
-  }
-
-  .xl\:hover\:to-red-400:hover {
-    --tw-gradient-to: #F48B7C;
-  }
-
-  .xl\:hover\:to-red-500:hover {
-    --tw-gradient-to: #EF5844;
-  }
-
-  .xl\:hover\:to-red-600:hover {
-    --tw-gradient-to: #D7503D;
-  }
-
-  .xl\:hover\:to-red-700:hover {
-    --tw-gradient-to: #B34333;
-  }
-
-  .xl\:hover\:to-red-800:hover {
-    --tw-gradient-to: #8F3529;
-  }
-
-  .xl\:hover\:to-red-900:hover {
-    --tw-gradient-to: #752C21;
-  }
-
-  .xl\:hover\:to-green-50:hover {
-    --tw-gradient-to: #F4FDF7;
-  }
-
-  .xl\:hover\:to-green-100:hover {
-    --tw-gradient-to: #EAFAF0;
-  }
-
-  .xl\:hover\:to-green-200:hover {
-    --tw-gradient-to: #CAF4D9;
-  }
-
-  .xl\:hover\:to-green-300:hover {
-    --tw-gradient-to: #AAEDC3;
-  }
-
-  .xl\:hover\:to-green-400:hover {
-    --tw-gradient-to: #6ADF95;
-  }
-
-  .xl\:hover\:to-green-500:hover {
-    --tw-gradient-to: #2AD167;
-  }
-
-  .xl\:hover\:to-green-600:hover {
-    --tw-gradient-to: #26BC5E;
-  }
-
-  .xl\:hover\:to-green-700:hover {
-    --tw-gradient-to: #209D4E;
-  }
-
-  .xl\:hover\:to-green-800:hover {
-    --tw-gradient-to: #197D3E;
-  }
-
-  .xl\:hover\:to-green-900:hover {
-    --tw-gradient-to: #156633;
-  }
-
-  .xl\:hover\:to-blue-50:hover {
-    --tw-gradient-to: #F5F9FF;
-  }
-
-  .xl\:hover\:to-blue-100:hover {
-    --tw-gradient-to: #EBF3FE;
-  }
-
-  .xl\:hover\:to-blue-200:hover {
-    --tw-gradient-to: #CEE0FD;
-  }
-
-  .xl\:hover\:to-blue-300:hover {
-    --tw-gradient-to: #B1CDFB;
-  }
-
-  .xl\:hover\:to-blue-400:hover {
-    --tw-gradient-to: #76A8F9;
-  }
-
-  .xl\:hover\:to-blue-500:hover {
-    --tw-gradient-to: #3B82F6;
-  }
-
-  .xl\:hover\:to-blue-600:hover {
-    --tw-gradient-to: #3575DD;
-  }
-
-  .xl\:hover\:to-blue-700:hover {
-    --tw-gradient-to: #2C62B9;
-  }
-
-  .xl\:hover\:to-blue-800:hover {
-    --tw-gradient-to: #234E94;
-  }
-
-  .xl\:hover\:to-blue-900:hover {
-    --tw-gradient-to: #1D4079;
-  }
-
-  .xl\:hover\:to-gray-50:hover {
-    --tw-gradient-to: #f9fafb;
-  }
-
-  .xl\:hover\:to-gray-100:hover {
-    --tw-gradient-to: #f3f4f6;
-  }
-
-  .xl\:hover\:to-gray-200:hover {
-    --tw-gradient-to: #e5e7eb;
-  }
-
-  .xl\:hover\:to-gray-300:hover {
-    --tw-gradient-to: #d1d5db;
-  }
-
-  .xl\:hover\:to-gray-400:hover {
-    --tw-gradient-to: #9ca3af;
-  }
-
-  .xl\:hover\:to-gray-500:hover {
-    --tw-gradient-to: #6b7280;
-  }
-
-  .xl\:hover\:to-gray-600:hover {
-    --tw-gradient-to: #4b5563;
-  }
-
-  .xl\:hover\:to-gray-700:hover {
-    --tw-gradient-to: #374151;
-  }
-
-  .xl\:hover\:to-gray-800:hover {
-    --tw-gradient-to: #1f2937;
-  }
-
-  .xl\:hover\:to-gray-900:hover {
-    --tw-gradient-to: #111827;
-  }
-
-  .xl\:focus\:from-current:focus {
-    --tw-gradient-from: currentColor;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:focus\:from-transparent:focus {
-    --tw-gradient-from: transparent;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:focus\:from-black:focus {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:focus\:from-white:focus {
-    --tw-gradient-from: #fff;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:focus\:from-darkCoolGray-50:focus {
-    --tw-gradient-from: #F5F6F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .xl\:focus\:from-darkCoolGray-100:focus {
-    --tw-gradient-from: #EBEDEF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .xl\:focus\:from-darkCoolGray-200:focus {
-    --tw-gradient-from: #CED1D6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .xl\:focus\:from-darkCoolGray-300:focus {
-    --tw-gradient-from: #B0B5BD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .xl\:focus\:from-darkCoolGray-400:focus {
-    --tw-gradient-from: #757E8C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .xl\:focus\:from-darkCoolGray-500:focus {
-    --tw-gradient-from: #3A475B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .xl\:focus\:from-darkCoolGray-600:focus {
-    --tw-gradient-from: #344052;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .xl\:focus\:from-darkCoolGray-700:focus {
-    --tw-gradient-from: #2C3544;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .xl\:focus\:from-darkCoolGray-800:focus {
-    --tw-gradient-from: #232B37;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .xl\:focus\:from-darkCoolGray-900:focus {
-    --tw-gradient-from: #1C232D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .xl\:focus\:from-coolGray-50:focus {
-    --tw-gradient-from: #F7F8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .xl\:focus\:from-coolGray-100:focus {
-    --tw-gradient-from: #EEF0F3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .xl\:focus\:from-coolGray-200:focus {
-    --tw-gradient-from: #D5DAE1;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .xl\:focus\:from-coolGray-300:focus {
-    --tw-gradient-from: #BBC3CF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .xl\:focus\:from-coolGray-400:focus {
-    --tw-gradient-from: #8896AB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .xl\:focus\:from-coolGray-500:focus {
-    --tw-gradient-from: #556987;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .xl\:focus\:from-coolGray-600:focus {
-    --tw-gradient-from: #4D5F7A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .xl\:focus\:from-coolGray-700:focus {
-    --tw-gradient-from: #404F65;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .xl\:focus\:from-coolGray-800:focus {
-    --tw-gradient-from: #333F51;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .xl\:focus\:from-coolGray-900:focus {
-    --tw-gradient-from: #2A3342;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .xl\:focus\:from-indigo-50:focus {
-    --tw-gradient-from: #F8F6FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .xl\:focus\:from-indigo-100:focus {
-    --tw-gradient-from: #F0EEFF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .xl\:focus\:from-indigo-200:focus {
-    --tw-gradient-from: #DAD4FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .xl\:focus\:from-indigo-300:focus {
-    --tw-gradient-from: #C3B9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .xl\:focus\:from-indigo-400:focus {
-    --tw-gradient-from: #9685FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .xl\:focus\:from-indigo-500:focus {
-    --tw-gradient-from: #6951FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .xl\:focus\:from-indigo-600:focus {
-    --tw-gradient-from: #5F49E6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .xl\:focus\:from-indigo-700:focus {
-    --tw-gradient-from: #4F3DBF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .xl\:focus\:from-indigo-800:focus {
-    --tw-gradient-from: #3F3199;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .xl\:focus\:from-indigo-900:focus {
-    --tw-gradient-from: #33287D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .xl\:focus\:from-violet-50:focus {
-    --tw-gradient-from: #FBF7FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .xl\:focus\:from-violet-100:focus {
-    --tw-gradient-from: #F6EEFE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .xl\:focus\:from-violet-200:focus {
-    --tw-gradient-from: #E9D5FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .xl\:focus\:from-violet-300:focus {
-    --tw-gradient-from: #DCBBFC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .xl\:focus\:from-violet-400:focus {
-    --tw-gradient-from: #C288F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .xl\:focus\:from-violet-500:focus {
-    --tw-gradient-from: #A855F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .xl\:focus\:from-violet-600:focus {
-    --tw-gradient-from: #974DDE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .xl\:focus\:from-violet-700:focus {
-    --tw-gradient-from: #7E40B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .xl\:focus\:from-violet-800:focus {
-    --tw-gradient-from: #653394;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .xl\:focus\:from-violet-900:focus {
-    --tw-gradient-from: #522A79;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .xl\:focus\:from-yellow-50:focus {
-    --tw-gradient-from: #FFFAF3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .xl\:focus\:from-yellow-100:focus {
-    --tw-gradient-from: #FEF5E7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .xl\:focus\:from-yellow-200:focus {
-    --tw-gradient-from: #FDE7C2;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .xl\:focus\:from-yellow-300:focus {
-    --tw-gradient-from: #FBD89D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .xl\:focus\:from-yellow-400:focus {
-    --tw-gradient-from: #F8BB54;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .xl\:focus\:from-yellow-500:focus {
-    --tw-gradient-from: #F59E0B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .xl\:focus\:from-yellow-600:focus {
-    --tw-gradient-from: #DD8E0A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .xl\:focus\:from-yellow-700:focus {
-    --tw-gradient-from: #B87708;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .xl\:focus\:from-yellow-800:focus {
-    --tw-gradient-from: #935F07;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .xl\:focus\:from-yellow-900:focus {
-    --tw-gradient-from: #784D05;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .xl\:focus\:from-red-50:focus {
-    --tw-gradient-from: #FEF7F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .xl\:focus\:from-red-100:focus {
-    --tw-gradient-from: #FDEEEC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .xl\:focus\:from-red-200:focus {
-    --tw-gradient-from: #FBD6D0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .xl\:focus\:from-red-300:focus {
-    --tw-gradient-from: #F9BDB4;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .xl\:focus\:from-red-400:focus {
-    --tw-gradient-from: #F48B7C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .xl\:focus\:from-red-500:focus {
-    --tw-gradient-from: #EF5844;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .xl\:focus\:from-red-600:focus {
-    --tw-gradient-from: #D7503D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .xl\:focus\:from-red-700:focus {
-    --tw-gradient-from: #B34333;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .xl\:focus\:from-red-800:focus {
-    --tw-gradient-from: #8F3529;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .xl\:focus\:from-red-900:focus {
-    --tw-gradient-from: #752C21;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .xl\:focus\:from-green-50:focus {
-    --tw-gradient-from: #F4FDF7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .xl\:focus\:from-green-100:focus {
-    --tw-gradient-from: #EAFAF0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .xl\:focus\:from-green-200:focus {
-    --tw-gradient-from: #CAF4D9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .xl\:focus\:from-green-300:focus {
-    --tw-gradient-from: #AAEDC3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .xl\:focus\:from-green-400:focus {
-    --tw-gradient-from: #6ADF95;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .xl\:focus\:from-green-500:focus {
-    --tw-gradient-from: #2AD167;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .xl\:focus\:from-green-600:focus {
-    --tw-gradient-from: #26BC5E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .xl\:focus\:from-green-700:focus {
-    --tw-gradient-from: #209D4E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .xl\:focus\:from-green-800:focus {
-    --tw-gradient-from: #197D3E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .xl\:focus\:from-green-900:focus {
-    --tw-gradient-from: #156633;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .xl\:focus\:from-blue-50:focus {
-    --tw-gradient-from: #F5F9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .xl\:focus\:from-blue-100:focus {
-    --tw-gradient-from: #EBF3FE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .xl\:focus\:from-blue-200:focus {
-    --tw-gradient-from: #CEE0FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .xl\:focus\:from-blue-300:focus {
-    --tw-gradient-from: #B1CDFB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .xl\:focus\:from-blue-400:focus {
-    --tw-gradient-from: #76A8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .xl\:focus\:from-blue-500:focus {
-    --tw-gradient-from: #3B82F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .xl\:focus\:from-blue-600:focus {
-    --tw-gradient-from: #3575DD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .xl\:focus\:from-blue-700:focus {
-    --tw-gradient-from: #2C62B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .xl\:focus\:from-blue-800:focus {
-    --tw-gradient-from: #234E94;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .xl\:focus\:from-blue-900:focus {
-    --tw-gradient-from: #1D4079;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .xl\:focus\:from-gray-50:focus {
-    --tw-gradient-from: #f9fafb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .xl\:focus\:from-gray-100:focus {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .xl\:focus\:from-gray-200:focus {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .xl\:focus\:from-gray-300:focus {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .xl\:focus\:from-gray-400:focus {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .xl\:focus\:from-gray-500:focus {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .xl\:focus\:from-gray-600:focus {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .xl\:focus\:from-gray-700:focus {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .xl\:focus\:from-gray-800:focus {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .xl\:focus\:from-gray-900:focus {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .xl\:focus\:via-current:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:focus\:via-transparent:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:focus\:via-black:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:focus\:via-white:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:focus\:via-darkCoolGray-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .xl\:focus\:via-darkCoolGray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .xl\:focus\:via-darkCoolGray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .xl\:focus\:via-darkCoolGray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .xl\:focus\:via-darkCoolGray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .xl\:focus\:via-darkCoolGray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .xl\:focus\:via-darkCoolGray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .xl\:focus\:via-darkCoolGray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .xl\:focus\:via-darkCoolGray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .xl\:focus\:via-darkCoolGray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .xl\:focus\:via-coolGray-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .xl\:focus\:via-coolGray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .xl\:focus\:via-coolGray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .xl\:focus\:via-coolGray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .xl\:focus\:via-coolGray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .xl\:focus\:via-coolGray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .xl\:focus\:via-coolGray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .xl\:focus\:via-coolGray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .xl\:focus\:via-coolGray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .xl\:focus\:via-coolGray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .xl\:focus\:via-indigo-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .xl\:focus\:via-indigo-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .xl\:focus\:via-indigo-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .xl\:focus\:via-indigo-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .xl\:focus\:via-indigo-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .xl\:focus\:via-indigo-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .xl\:focus\:via-indigo-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .xl\:focus\:via-indigo-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .xl\:focus\:via-indigo-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .xl\:focus\:via-indigo-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .xl\:focus\:via-violet-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .xl\:focus\:via-violet-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .xl\:focus\:via-violet-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .xl\:focus\:via-violet-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .xl\:focus\:via-violet-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .xl\:focus\:via-violet-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .xl\:focus\:via-violet-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .xl\:focus\:via-violet-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .xl\:focus\:via-violet-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .xl\:focus\:via-violet-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .xl\:focus\:via-yellow-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .xl\:focus\:via-yellow-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .xl\:focus\:via-yellow-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .xl\:focus\:via-yellow-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .xl\:focus\:via-yellow-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .xl\:focus\:via-yellow-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .xl\:focus\:via-yellow-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .xl\:focus\:via-yellow-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .xl\:focus\:via-yellow-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .xl\:focus\:via-yellow-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .xl\:focus\:via-red-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .xl\:focus\:via-red-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .xl\:focus\:via-red-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .xl\:focus\:via-red-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .xl\:focus\:via-red-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .xl\:focus\:via-red-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .xl\:focus\:via-red-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .xl\:focus\:via-red-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .xl\:focus\:via-red-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .xl\:focus\:via-red-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .xl\:focus\:via-green-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .xl\:focus\:via-green-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .xl\:focus\:via-green-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .xl\:focus\:via-green-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .xl\:focus\:via-green-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .xl\:focus\:via-green-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .xl\:focus\:via-green-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .xl\:focus\:via-green-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .xl\:focus\:via-green-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .xl\:focus\:via-green-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .xl\:focus\:via-blue-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .xl\:focus\:via-blue-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .xl\:focus\:via-blue-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .xl\:focus\:via-blue-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .xl\:focus\:via-blue-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .xl\:focus\:via-blue-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .xl\:focus\:via-blue-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .xl\:focus\:via-blue-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .xl\:focus\:via-blue-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .xl\:focus\:via-blue-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .xl\:focus\:via-gray-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .xl\:focus\:via-gray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .xl\:focus\:via-gray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .xl\:focus\:via-gray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .xl\:focus\:via-gray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .xl\:focus\:via-gray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .xl\:focus\:via-gray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .xl\:focus\:via-gray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .xl\:focus\:via-gray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .xl\:focus\:via-gray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .xl\:focus\:to-current:focus {
-    --tw-gradient-to: currentColor;
-  }
-
-  .xl\:focus\:to-transparent:focus {
-    --tw-gradient-to: transparent;
-  }
-
-  .xl\:focus\:to-black:focus {
-    --tw-gradient-to: #000;
-  }
-
-  .xl\:focus\:to-white:focus {
-    --tw-gradient-to: #fff;
-  }
-
-  .xl\:focus\:to-darkCoolGray-50:focus {
-    --tw-gradient-to: #F5F6F7;
-  }
-
-  .xl\:focus\:to-darkCoolGray-100:focus {
-    --tw-gradient-to: #EBEDEF;
-  }
-
-  .xl\:focus\:to-darkCoolGray-200:focus {
-    --tw-gradient-to: #CED1D6;
-  }
-
-  .xl\:focus\:to-darkCoolGray-300:focus {
-    --tw-gradient-to: #B0B5BD;
-  }
-
-  .xl\:focus\:to-darkCoolGray-400:focus {
-    --tw-gradient-to: #757E8C;
-  }
-
-  .xl\:focus\:to-darkCoolGray-500:focus {
-    --tw-gradient-to: #3A475B;
-  }
-
-  .xl\:focus\:to-darkCoolGray-600:focus {
-    --tw-gradient-to: #344052;
-  }
-
-  .xl\:focus\:to-darkCoolGray-700:focus {
-    --tw-gradient-to: #2C3544;
-  }
-
-  .xl\:focus\:to-darkCoolGray-800:focus {
-    --tw-gradient-to: #232B37;
-  }
-
-  .xl\:focus\:to-darkCoolGray-900:focus {
-    --tw-gradient-to: #1C232D;
-  }
-
-  .xl\:focus\:to-coolGray-50:focus {
-    --tw-gradient-to: #F7F8F9;
-  }
-
-  .xl\:focus\:to-coolGray-100:focus {
-    --tw-gradient-to: #EEF0F3;
-  }
-
-  .xl\:focus\:to-coolGray-200:focus {
-    --tw-gradient-to: #D5DAE1;
-  }
-
-  .xl\:focus\:to-coolGray-300:focus {
-    --tw-gradient-to: #BBC3CF;
-  }
-
-  .xl\:focus\:to-coolGray-400:focus {
-    --tw-gradient-to: #8896AB;
-  }
-
-  .xl\:focus\:to-coolGray-500:focus {
-    --tw-gradient-to: #556987;
-  }
-
-  .xl\:focus\:to-coolGray-600:focus {
-    --tw-gradient-to: #4D5F7A;
-  }
-
-  .xl\:focus\:to-coolGray-700:focus {
-    --tw-gradient-to: #404F65;
-  }
-
-  .xl\:focus\:to-coolGray-800:focus {
-    --tw-gradient-to: #333F51;
-  }
-
-  .xl\:focus\:to-coolGray-900:focus {
-    --tw-gradient-to: #2A3342;
-  }
-
-  .xl\:focus\:to-indigo-50:focus {
-    --tw-gradient-to: #F8F6FF;
-  }
-
-  .xl\:focus\:to-indigo-100:focus {
-    --tw-gradient-to: #F0EEFF;
-  }
-
-  .xl\:focus\:to-indigo-200:focus {
-    --tw-gradient-to: #DAD4FF;
-  }
-
-  .xl\:focus\:to-indigo-300:focus {
-    --tw-gradient-to: #C3B9FF;
-  }
-
-  .xl\:focus\:to-indigo-400:focus {
-    --tw-gradient-to: #9685FF;
-  }
-
-  .xl\:focus\:to-indigo-500:focus {
-    --tw-gradient-to: #6951FF;
-  }
-
-  .xl\:focus\:to-indigo-600:focus {
-    --tw-gradient-to: #5F49E6;
-  }
-
-  .xl\:focus\:to-indigo-700:focus {
-    --tw-gradient-to: #4F3DBF;
-  }
-
-  .xl\:focus\:to-indigo-800:focus {
-    --tw-gradient-to: #3F3199;
-  }
-
-  .xl\:focus\:to-indigo-900:focus {
-    --tw-gradient-to: #33287D;
-  }
-
-  .xl\:focus\:to-violet-50:focus {
-    --tw-gradient-to: #FBF7FF;
-  }
-
-  .xl\:focus\:to-violet-100:focus {
-    --tw-gradient-to: #F6EEFE;
-  }
-
-  .xl\:focus\:to-violet-200:focus {
-    --tw-gradient-to: #E9D5FD;
-  }
-
-  .xl\:focus\:to-violet-300:focus {
-    --tw-gradient-to: #DCBBFC;
-  }
-
-  .xl\:focus\:to-violet-400:focus {
-    --tw-gradient-to: #C288F9;
-  }
-
-  .xl\:focus\:to-violet-500:focus {
-    --tw-gradient-to: #A855F7;
-  }
-
-  .xl\:focus\:to-violet-600:focus {
-    --tw-gradient-to: #974DDE;
-  }
-
-  .xl\:focus\:to-violet-700:focus {
-    --tw-gradient-to: #7E40B9;
-  }
-
-  .xl\:focus\:to-violet-800:focus {
-    --tw-gradient-to: #653394;
-  }
-
-  .xl\:focus\:to-violet-900:focus {
-    --tw-gradient-to: #522A79;
-  }
-
-  .xl\:focus\:to-yellow-50:focus {
-    --tw-gradient-to: #FFFAF3;
-  }
-
-  .xl\:focus\:to-yellow-100:focus {
-    --tw-gradient-to: #FEF5E7;
-  }
-
-  .xl\:focus\:to-yellow-200:focus {
-    --tw-gradient-to: #FDE7C2;
-  }
-
-  .xl\:focus\:to-yellow-300:focus {
-    --tw-gradient-to: #FBD89D;
-  }
-
-  .xl\:focus\:to-yellow-400:focus {
-    --tw-gradient-to: #F8BB54;
-  }
-
-  .xl\:focus\:to-yellow-500:focus {
-    --tw-gradient-to: #F59E0B;
-  }
-
-  .xl\:focus\:to-yellow-600:focus {
-    --tw-gradient-to: #DD8E0A;
-  }
-
-  .xl\:focus\:to-yellow-700:focus {
-    --tw-gradient-to: #B87708;
-  }
-
-  .xl\:focus\:to-yellow-800:focus {
-    --tw-gradient-to: #935F07;
-  }
-
-  .xl\:focus\:to-yellow-900:focus {
-    --tw-gradient-to: #784D05;
-  }
-
-  .xl\:focus\:to-red-50:focus {
-    --tw-gradient-to: #FEF7F6;
-  }
-
-  .xl\:focus\:to-red-100:focus {
-    --tw-gradient-to: #FDEEEC;
-  }
-
-  .xl\:focus\:to-red-200:focus {
-    --tw-gradient-to: #FBD6D0;
-  }
-
-  .xl\:focus\:to-red-300:focus {
-    --tw-gradient-to: #F9BDB4;
-  }
-
-  .xl\:focus\:to-red-400:focus {
-    --tw-gradient-to: #F48B7C;
-  }
-
-  .xl\:focus\:to-red-500:focus {
-    --tw-gradient-to: #EF5844;
-  }
-
-  .xl\:focus\:to-red-600:focus {
-    --tw-gradient-to: #D7503D;
-  }
-
-  .xl\:focus\:to-red-700:focus {
-    --tw-gradient-to: #B34333;
-  }
-
-  .xl\:focus\:to-red-800:focus {
-    --tw-gradient-to: #8F3529;
-  }
-
-  .xl\:focus\:to-red-900:focus {
-    --tw-gradient-to: #752C21;
-  }
-
-  .xl\:focus\:to-green-50:focus {
-    --tw-gradient-to: #F4FDF7;
-  }
-
-  .xl\:focus\:to-green-100:focus {
-    --tw-gradient-to: #EAFAF0;
-  }
-
-  .xl\:focus\:to-green-200:focus {
-    --tw-gradient-to: #CAF4D9;
-  }
-
-  .xl\:focus\:to-green-300:focus {
-    --tw-gradient-to: #AAEDC3;
-  }
-
-  .xl\:focus\:to-green-400:focus {
-    --tw-gradient-to: #6ADF95;
-  }
-
-  .xl\:focus\:to-green-500:focus {
-    --tw-gradient-to: #2AD167;
-  }
-
-  .xl\:focus\:to-green-600:focus {
-    --tw-gradient-to: #26BC5E;
-  }
-
-  .xl\:focus\:to-green-700:focus {
-    --tw-gradient-to: #209D4E;
-  }
-
-  .xl\:focus\:to-green-800:focus {
-    --tw-gradient-to: #197D3E;
-  }
-
-  .xl\:focus\:to-green-900:focus {
-    --tw-gradient-to: #156633;
-  }
-
-  .xl\:focus\:to-blue-50:focus {
-    --tw-gradient-to: #F5F9FF;
-  }
-
-  .xl\:focus\:to-blue-100:focus {
-    --tw-gradient-to: #EBF3FE;
-  }
-
-  .xl\:focus\:to-blue-200:focus {
-    --tw-gradient-to: #CEE0FD;
-  }
-
-  .xl\:focus\:to-blue-300:focus {
-    --tw-gradient-to: #B1CDFB;
-  }
-
-  .xl\:focus\:to-blue-400:focus {
-    --tw-gradient-to: #76A8F9;
-  }
-
-  .xl\:focus\:to-blue-500:focus {
-    --tw-gradient-to: #3B82F6;
-  }
-
-  .xl\:focus\:to-blue-600:focus {
-    --tw-gradient-to: #3575DD;
-  }
-
-  .xl\:focus\:to-blue-700:focus {
-    --tw-gradient-to: #2C62B9;
-  }
-
-  .xl\:focus\:to-blue-800:focus {
-    --tw-gradient-to: #234E94;
-  }
-
-  .xl\:focus\:to-blue-900:focus {
-    --tw-gradient-to: #1D4079;
-  }
-
-  .xl\:focus\:to-gray-50:focus {
-    --tw-gradient-to: #f9fafb;
-  }
-
-  .xl\:focus\:to-gray-100:focus {
-    --tw-gradient-to: #f3f4f6;
-  }
-
-  .xl\:focus\:to-gray-200:focus {
-    --tw-gradient-to: #e5e7eb;
-  }
-
-  .xl\:focus\:to-gray-300:focus {
-    --tw-gradient-to: #d1d5db;
-  }
-
-  .xl\:focus\:to-gray-400:focus {
-    --tw-gradient-to: #9ca3af;
-  }
-
-  .xl\:focus\:to-gray-500:focus {
-    --tw-gradient-to: #6b7280;
-  }
-
-  .xl\:focus\:to-gray-600:focus {
-    --tw-gradient-to: #4b5563;
-  }
-
-  .xl\:focus\:to-gray-700:focus {
-    --tw-gradient-to: #374151;
-  }
-
-  .xl\:focus\:to-gray-800:focus {
-    --tw-gradient-to: #1f2937;
-  }
-
-  .xl\:focus\:to-gray-900:focus {
-    --tw-gradient-to: #111827;
-  }
-
-  .xl\:bg-opacity-0 {
-    --tw-bg-opacity: 0;
-  }
-
-  .xl\:bg-opacity-5 {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .xl\:bg-opacity-10 {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .xl\:bg-opacity-20 {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .xl\:bg-opacity-25 {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .xl\:bg-opacity-30 {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .xl\:bg-opacity-40 {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .xl\:bg-opacity-50 {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .xl\:bg-opacity-60 {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .xl\:bg-opacity-70 {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .xl\:bg-opacity-75 {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .xl\:bg-opacity-80 {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .xl\:bg-opacity-90 {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .xl\:bg-opacity-95 {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .xl\:bg-opacity-100 {
-    --tw-bg-opacity: 1;
-  }
-
-  .group:hover .xl\:group-hover\:bg-opacity-0 {
-    --tw-bg-opacity: 0;
-  }
-
-  .group:hover .xl\:group-hover\:bg-opacity-5 {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .group:hover .xl\:group-hover\:bg-opacity-10 {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .group:hover .xl\:group-hover\:bg-opacity-20 {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .group:hover .xl\:group-hover\:bg-opacity-25 {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .group:hover .xl\:group-hover\:bg-opacity-30 {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .group:hover .xl\:group-hover\:bg-opacity-40 {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .group:hover .xl\:group-hover\:bg-opacity-50 {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .group:hover .xl\:group-hover\:bg-opacity-60 {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .group:hover .xl\:group-hover\:bg-opacity-70 {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .group:hover .xl\:group-hover\:bg-opacity-75 {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .group:hover .xl\:group-hover\:bg-opacity-80 {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .group:hover .xl\:group-hover\:bg-opacity-90 {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .group:hover .xl\:group-hover\:bg-opacity-95 {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .group:hover .xl\:group-hover\:bg-opacity-100 {
-    --tw-bg-opacity: 1;
-  }
-
-  .xl\:focus-within\:bg-opacity-0:focus-within {
-    --tw-bg-opacity: 0;
-  }
-
-  .xl\:focus-within\:bg-opacity-5:focus-within {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .xl\:focus-within\:bg-opacity-10:focus-within {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .xl\:focus-within\:bg-opacity-20:focus-within {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .xl\:focus-within\:bg-opacity-25:focus-within {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .xl\:focus-within\:bg-opacity-30:focus-within {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .xl\:focus-within\:bg-opacity-40:focus-within {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .xl\:focus-within\:bg-opacity-50:focus-within {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .xl\:focus-within\:bg-opacity-60:focus-within {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .xl\:focus-within\:bg-opacity-70:focus-within {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .xl\:focus-within\:bg-opacity-75:focus-within {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .xl\:focus-within\:bg-opacity-80:focus-within {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .xl\:focus-within\:bg-opacity-90:focus-within {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .xl\:focus-within\:bg-opacity-95:focus-within {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .xl\:focus-within\:bg-opacity-100:focus-within {
-    --tw-bg-opacity: 1;
-  }
-
-  .xl\:hover\:bg-opacity-0:hover {
-    --tw-bg-opacity: 0;
-  }
-
-  .xl\:hover\:bg-opacity-5:hover {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .xl\:hover\:bg-opacity-10:hover {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .xl\:hover\:bg-opacity-20:hover {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .xl\:hover\:bg-opacity-25:hover {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .xl\:hover\:bg-opacity-30:hover {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .xl\:hover\:bg-opacity-40:hover {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .xl\:hover\:bg-opacity-50:hover {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .xl\:hover\:bg-opacity-60:hover {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .xl\:hover\:bg-opacity-70:hover {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .xl\:hover\:bg-opacity-75:hover {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .xl\:hover\:bg-opacity-80:hover {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .xl\:hover\:bg-opacity-90:hover {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .xl\:hover\:bg-opacity-95:hover {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .xl\:hover\:bg-opacity-100:hover {
-    --tw-bg-opacity: 1;
-  }
-
-  .xl\:focus\:bg-opacity-0:focus {
-    --tw-bg-opacity: 0;
-  }
-
-  .xl\:focus\:bg-opacity-5:focus {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .xl\:focus\:bg-opacity-10:focus {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .xl\:focus\:bg-opacity-20:focus {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .xl\:focus\:bg-opacity-25:focus {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .xl\:focus\:bg-opacity-30:focus {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .xl\:focus\:bg-opacity-40:focus {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .xl\:focus\:bg-opacity-50:focus {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .xl\:focus\:bg-opacity-60:focus {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .xl\:focus\:bg-opacity-70:focus {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .xl\:focus\:bg-opacity-75:focus {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .xl\:focus\:bg-opacity-80:focus {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .xl\:focus\:bg-opacity-90:focus {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .xl\:focus\:bg-opacity-95:focus {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .xl\:focus\:bg-opacity-100:focus {
-    --tw-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-black {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .xl\:border-white {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:border-darkCoolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .xl\:border-darkCoolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .xl\:border-darkCoolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .xl\:border-darkCoolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .xl\:border-darkCoolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .xl\:border-darkCoolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .xl\:border-darkCoolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .xl\:border-darkCoolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .xl\:border-darkCoolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .xl\:border-darkCoolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .xl\:border-coolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .xl\:border-coolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .xl\:border-coolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .xl\:border-coolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .xl\:border-coolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .xl\:border-coolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .xl\:border-coolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .xl\:border-coolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .xl\:border-coolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .xl\:border-coolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .xl\:border-indigo-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:border-indigo-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:border-indigo-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:border-indigo-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:border-indigo-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:border-indigo-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:border-indigo-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .xl\:border-indigo-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .xl\:border-indigo-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .xl\:border-indigo-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .xl\:border-violet-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:border-violet-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .xl\:border-violet-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .xl\:border-violet-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .xl\:border-violet-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .xl\:border-violet-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .xl\:border-violet-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .xl\:border-violet-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .xl\:border-violet-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .xl\:border-violet-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .xl\:border-yellow-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .xl\:border-yellow-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .xl\:border-yellow-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .xl\:border-yellow-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .xl\:border-yellow-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .xl\:border-yellow-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .xl\:border-yellow-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .xl\:border-yellow-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .xl\:border-yellow-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .xl\:border-yellow-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .xl\:border-red-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .xl\:border-red-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .xl\:border-red-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .xl\:border-red-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .xl\:border-red-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .xl\:border-red-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .xl\:border-red-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .xl\:border-red-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .xl\:border-red-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .xl\:border-red-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .xl\:border-green-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .xl\:border-green-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .xl\:border-green-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .xl\:border-green-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .xl\:border-green-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .xl\:border-green-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .xl\:border-green-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .xl\:border-green-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .xl\:border-green-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .xl\:border-green-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .xl\:border-blue-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:border-blue-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .xl\:border-blue-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .xl\:border-blue-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .xl\:border-blue-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .xl\:border-blue-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .xl\:border-blue-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .xl\:border-blue-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .xl\:border-blue-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .xl\:border-blue-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .xl\:border-gray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .xl\:border-gray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .xl\:border-gray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .xl\:border-gray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .xl\:border-gray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .xl\:border-gray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .xl\:border-gray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .xl\:border-gray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .xl\:border-gray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .xl\:border-gray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-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-black {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-white {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-darkCoolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-darkCoolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-darkCoolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-darkCoolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-darkCoolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-darkCoolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-darkCoolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-darkCoolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-darkCoolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-darkCoolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-coolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-coolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-coolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-coolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-coolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-coolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-coolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-coolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-coolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-coolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-violet-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-violet-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-violet-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-violet-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-violet-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-violet-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-violet-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-violet-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-violet-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-violet-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-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-black:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-white:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-darkCoolGray-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-darkCoolGray-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-darkCoolGray-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-darkCoolGray-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-darkCoolGray-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-darkCoolGray-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-darkCoolGray-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-darkCoolGray-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-darkCoolGray-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-darkCoolGray-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-coolGray-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-coolGray-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-coolGray-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-coolGray-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-coolGray-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-coolGray-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-coolGray-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-coolGray-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-coolGray-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-coolGray-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-violet-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-violet-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-violet-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-violet-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-violet-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-violet-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-violet-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-violet-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-violet-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-violet-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-current:hover {
-    border-color: currentColor;
-  }
-
-  .xl\:hover\:border-transparent:hover {
-    border-color: transparent;
-  }
-
-  .xl\:hover\:border-black:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-white:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-darkCoolGray-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-darkCoolGray-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-darkCoolGray-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-darkCoolGray-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-darkCoolGray-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-darkCoolGray-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-darkCoolGray-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-darkCoolGray-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-darkCoolGray-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-darkCoolGray-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-coolGray-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-coolGray-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-coolGray-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-coolGray-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-coolGray-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-coolGray-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-coolGray-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-coolGray-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-coolGray-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-coolGray-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-violet-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-violet-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-violet-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-violet-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-violet-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-violet-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-violet-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-violet-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-violet-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-violet-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-red-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-red-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-red-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-red-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-red-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-red-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-red-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-red-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-red-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-red-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-green-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-green-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-green-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-green-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-green-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-green-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-green-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-green-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-green-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-green-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-blue-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-blue-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-blue-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-blue-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-blue-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-blue-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-blue-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-blue-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-blue-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-blue-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-gray-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-gray-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-gray-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-gray-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-gray-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-gray-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-gray-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-gray-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-gray-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .xl\:hover\:border-gray-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-current:focus {
-    border-color: currentColor;
-  }
-
-  .xl\:focus\:border-transparent:focus {
-    border-color: transparent;
-  }
-
-  .xl\:focus\:border-black:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-white:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-darkCoolGray-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-darkCoolGray-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-darkCoolGray-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-darkCoolGray-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-darkCoolGray-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-darkCoolGray-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-darkCoolGray-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-darkCoolGray-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-darkCoolGray-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-darkCoolGray-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-coolGray-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-coolGray-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-coolGray-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-coolGray-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-coolGray-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-coolGray-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-coolGray-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-coolGray-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-coolGray-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-coolGray-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-violet-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-violet-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-violet-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-violet-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-violet-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-violet-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-violet-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-violet-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-violet-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-violet-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-red-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-red-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-red-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-red-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-red-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-red-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-red-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-red-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-red-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-red-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-green-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-green-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-green-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-green-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-green-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-green-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-green-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-green-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-green-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-green-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-blue-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-blue-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-blue-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-blue-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-blue-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-blue-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-blue-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-blue-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-blue-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-blue-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-gray-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-gray-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-gray-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-gray-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-gray-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-gray-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-gray-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-gray-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-gray-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .xl\:focus\:border-gray-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .xl\:border-opacity-0 {
-    --tw-border-opacity: 0;
-  }
-
-  .xl\:border-opacity-5 {
-    --tw-border-opacity: 0.05;
-  }
-
-  .xl\:border-opacity-10 {
-    --tw-border-opacity: 0.1;
-  }
-
-  .xl\:border-opacity-20 {
-    --tw-border-opacity: 0.2;
-  }
-
-  .xl\:border-opacity-25 {
-    --tw-border-opacity: 0.25;
-  }
-
-  .xl\:border-opacity-30 {
-    --tw-border-opacity: 0.3;
-  }
-
-  .xl\:border-opacity-40 {
-    --tw-border-opacity: 0.4;
-  }
-
-  .xl\:border-opacity-50 {
-    --tw-border-opacity: 0.5;
-  }
-
-  .xl\:border-opacity-60 {
-    --tw-border-opacity: 0.6;
-  }
-
-  .xl\:border-opacity-70 {
-    --tw-border-opacity: 0.7;
-  }
-
-  .xl\:border-opacity-75 {
-    --tw-border-opacity: 0.75;
-  }
-
-  .xl\:border-opacity-80 {
-    --tw-border-opacity: 0.8;
-  }
-
-  .xl\:border-opacity-90 {
-    --tw-border-opacity: 0.9;
-  }
-
-  .xl\:border-opacity-95 {
-    --tw-border-opacity: 0.95;
-  }
-
-  .xl\:border-opacity-100 {
-    --tw-border-opacity: 1;
-  }
-
-  .group:hover .xl\:group-hover\:border-opacity-0 {
-    --tw-border-opacity: 0;
-  }
-
-  .group:hover .xl\:group-hover\:border-opacity-5 {
-    --tw-border-opacity: 0.05;
-  }
-
-  .group:hover .xl\:group-hover\:border-opacity-10 {
-    --tw-border-opacity: 0.1;
-  }
-
-  .group:hover .xl\:group-hover\:border-opacity-20 {
-    --tw-border-opacity: 0.2;
-  }
-
-  .group:hover .xl\:group-hover\:border-opacity-25 {
-    --tw-border-opacity: 0.25;
-  }
-
-  .group:hover .xl\:group-hover\:border-opacity-30 {
-    --tw-border-opacity: 0.3;
-  }
-
-  .group:hover .xl\:group-hover\:border-opacity-40 {
-    --tw-border-opacity: 0.4;
-  }
-
-  .group:hover .xl\:group-hover\:border-opacity-50 {
-    --tw-border-opacity: 0.5;
-  }
-
-  .group:hover .xl\:group-hover\:border-opacity-60 {
-    --tw-border-opacity: 0.6;
-  }
-
-  .group:hover .xl\:group-hover\:border-opacity-70 {
-    --tw-border-opacity: 0.7;
-  }
-
-  .group:hover .xl\:group-hover\:border-opacity-75 {
-    --tw-border-opacity: 0.75;
-  }
-
-  .group:hover .xl\:group-hover\:border-opacity-80 {
-    --tw-border-opacity: 0.8;
-  }
-
-  .group:hover .xl\:group-hover\:border-opacity-90 {
-    --tw-border-opacity: 0.9;
-  }
-
-  .group:hover .xl\:group-hover\:border-opacity-95 {
-    --tw-border-opacity: 0.95;
-  }
-
-  .group:hover .xl\:group-hover\:border-opacity-100 {
-    --tw-border-opacity: 1;
-  }
-
-  .xl\:focus-within\:border-opacity-0:focus-within {
-    --tw-border-opacity: 0;
-  }
-
-  .xl\:focus-within\:border-opacity-5:focus-within {
-    --tw-border-opacity: 0.05;
-  }
-
-  .xl\:focus-within\:border-opacity-10:focus-within {
-    --tw-border-opacity: 0.1;
-  }
-
-  .xl\:focus-within\:border-opacity-20:focus-within {
-    --tw-border-opacity: 0.2;
-  }
-
-  .xl\:focus-within\:border-opacity-25:focus-within {
-    --tw-border-opacity: 0.25;
-  }
-
-  .xl\:focus-within\:border-opacity-30:focus-within {
-    --tw-border-opacity: 0.3;
-  }
-
-  .xl\:focus-within\:border-opacity-40:focus-within {
-    --tw-border-opacity: 0.4;
-  }
-
-  .xl\:focus-within\:border-opacity-50:focus-within {
-    --tw-border-opacity: 0.5;
-  }
-
-  .xl\:focus-within\:border-opacity-60:focus-within {
-    --tw-border-opacity: 0.6;
-  }
-
-  .xl\:focus-within\:border-opacity-70:focus-within {
-    --tw-border-opacity: 0.7;
-  }
-
-  .xl\:focus-within\:border-opacity-75:focus-within {
-    --tw-border-opacity: 0.75;
-  }
-
-  .xl\:focus-within\:border-opacity-80:focus-within {
-    --tw-border-opacity: 0.8;
-  }
-
-  .xl\:focus-within\:border-opacity-90:focus-within {
-    --tw-border-opacity: 0.9;
-  }
-
-  .xl\:focus-within\:border-opacity-95:focus-within {
-    --tw-border-opacity: 0.95;
-  }
-
-  .xl\:focus-within\:border-opacity-100:focus-within {
-    --tw-border-opacity: 1;
-  }
-
-  .xl\:hover\:border-opacity-0:hover {
-    --tw-border-opacity: 0;
-  }
-
-  .xl\:hover\:border-opacity-5:hover {
-    --tw-border-opacity: 0.05;
-  }
-
-  .xl\:hover\:border-opacity-10:hover {
-    --tw-border-opacity: 0.1;
-  }
-
-  .xl\:hover\:border-opacity-20:hover {
-    --tw-border-opacity: 0.2;
-  }
-
-  .xl\:hover\:border-opacity-25:hover {
-    --tw-border-opacity: 0.25;
-  }
-
-  .xl\:hover\:border-opacity-30:hover {
-    --tw-border-opacity: 0.3;
-  }
-
-  .xl\:hover\:border-opacity-40:hover {
-    --tw-border-opacity: 0.4;
-  }
-
-  .xl\:hover\:border-opacity-50:hover {
-    --tw-border-opacity: 0.5;
-  }
-
-  .xl\:hover\:border-opacity-60:hover {
-    --tw-border-opacity: 0.6;
-  }
-
-  .xl\:hover\:border-opacity-70:hover {
-    --tw-border-opacity: 0.7;
-  }
-
-  .xl\:hover\:border-opacity-75:hover {
-    --tw-border-opacity: 0.75;
-  }
-
-  .xl\:hover\:border-opacity-80:hover {
-    --tw-border-opacity: 0.8;
-  }
-
-  .xl\:hover\:border-opacity-90:hover {
-    --tw-border-opacity: 0.9;
-  }
-
-  .xl\:hover\:border-opacity-95:hover {
-    --tw-border-opacity: 0.95;
-  }
-
-  .xl\:hover\:border-opacity-100:hover {
-    --tw-border-opacity: 1;
-  }
-
-  .xl\:focus\:border-opacity-0:focus {
-    --tw-border-opacity: 0;
-  }
-
-  .xl\:focus\:border-opacity-5:focus {
-    --tw-border-opacity: 0.05;
-  }
-
-  .xl\:focus\:border-opacity-10:focus {
-    --tw-border-opacity: 0.1;
-  }
-
-  .xl\:focus\:border-opacity-20:focus {
-    --tw-border-opacity: 0.2;
-  }
-
-  .xl\:focus\:border-opacity-25:focus {
-    --tw-border-opacity: 0.25;
-  }
-
-  .xl\:focus\:border-opacity-30:focus {
-    --tw-border-opacity: 0.3;
-  }
-
-  .xl\:focus\:border-opacity-40:focus {
-    --tw-border-opacity: 0.4;
-  }
-
-  .xl\:focus\:border-opacity-50:focus {
-    --tw-border-opacity: 0.5;
-  }
-
-  .xl\:focus\:border-opacity-60:focus {
-    --tw-border-opacity: 0.6;
-  }
-
-  .xl\:focus\:border-opacity-70:focus {
-    --tw-border-opacity: 0.7;
-  }
-
-  .xl\:focus\:border-opacity-75:focus {
-    --tw-border-opacity: 0.75;
-  }
-
-  .xl\:focus\:border-opacity-80:focus {
-    --tw-border-opacity: 0.8;
-  }
-
-  .xl\:focus\:border-opacity-90:focus {
-    --tw-border-opacity: 0.9;
-  }
-
-  .xl\:focus\:border-opacity-95:focus {
-    --tw-border-opacity: 0.95;
-  }
-
-  .xl\:focus\:border-opacity-100:focus {
-    --tw-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.675rem;
-  }
-
-  .xl\:rounded-2xl {
-    border-radius: 0.75rem;
-  }
-
-  .xl\:rounded-3xl {
-    border-radius: 0.875rem;
-  }
-
-  .xl\:rounded-4xl {
-    border-radius: 1rem;
-  }
-
-  .xl\:rounded-5xl {
-    border-radius: 1.25rem;
-  }
-
-  .xl\:rounded-6xl {
-    border-radius: 1.375rem;
-  }
-
-  .xl\:rounded-7xl {
-    border-radius: 1.5rem;
-  }
-
-  .xl\:rounded-8xl {
-    border-radius: 2rem;
-  }
-
-  .xl\:rounded-9xl {
-    border-radius: 2.25rem;
-  }
-
-  .xl\:rounded-10xl {
-    border-radius: 2.5rem;
-  }
-
-  .xl\:rounded-11xl {
-    border-radius: 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.675rem;
-    border-top-right-radius: 0.675rem;
-  }
-
-  .xl\:rounded-r-xl {
-    border-top-right-radius: 0.675rem;
-    border-bottom-right-radius: 0.675rem;
-  }
-
-  .xl\:rounded-b-xl {
-    border-bottom-right-radius: 0.675rem;
-    border-bottom-left-radius: 0.675rem;
-  }
-
-  .xl\:rounded-l-xl {
-    border-top-left-radius: 0.675rem;
-    border-bottom-left-radius: 0.675rem;
-  }
-
-  .xl\:rounded-t-2xl {
-    border-top-left-radius: 0.75rem;
-    border-top-right-radius: 0.75rem;
-  }
-
-  .xl\:rounded-r-2xl {
-    border-top-right-radius: 0.75rem;
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .xl\:rounded-b-2xl {
-    border-bottom-right-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .xl\:rounded-l-2xl {
-    border-top-left-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .xl\:rounded-t-3xl {
-    border-top-left-radius: 0.875rem;
-    border-top-right-radius: 0.875rem;
-  }
-
-  .xl\:rounded-r-3xl {
-    border-top-right-radius: 0.875rem;
-    border-bottom-right-radius: 0.875rem;
-  }
-
-  .xl\:rounded-b-3xl {
-    border-bottom-right-radius: 0.875rem;
-    border-bottom-left-radius: 0.875rem;
-  }
-
-  .xl\:rounded-l-3xl {
-    border-top-left-radius: 0.875rem;
-    border-bottom-left-radius: 0.875rem;
-  }
-
-  .xl\:rounded-t-4xl {
-    border-top-left-radius: 1rem;
-    border-top-right-radius: 1rem;
-  }
-
-  .xl\:rounded-r-4xl {
-    border-top-right-radius: 1rem;
-    border-bottom-right-radius: 1rem;
-  }
-
-  .xl\:rounded-b-4xl {
-    border-bottom-right-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .xl\:rounded-l-4xl {
-    border-top-left-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .xl\:rounded-t-5xl {
-    border-top-left-radius: 1.25rem;
-    border-top-right-radius: 1.25rem;
-  }
-
-  .xl\:rounded-r-5xl {
-    border-top-right-radius: 1.25rem;
-    border-bottom-right-radius: 1.25rem;
-  }
-
-  .xl\:rounded-b-5xl {
-    border-bottom-right-radius: 1.25rem;
-    border-bottom-left-radius: 1.25rem;
-  }
-
-  .xl\:rounded-l-5xl {
-    border-top-left-radius: 1.25rem;
-    border-bottom-left-radius: 1.25rem;
-  }
-
-  .xl\:rounded-t-6xl {
-    border-top-left-radius: 1.375rem;
-    border-top-right-radius: 1.375rem;
-  }
-
-  .xl\:rounded-r-6xl {
-    border-top-right-radius: 1.375rem;
-    border-bottom-right-radius: 1.375rem;
-  }
-
-  .xl\:rounded-b-6xl {
-    border-bottom-right-radius: 1.375rem;
-    border-bottom-left-radius: 1.375rem;
-  }
-
-  .xl\:rounded-l-6xl {
-    border-top-left-radius: 1.375rem;
-    border-bottom-left-radius: 1.375rem;
-  }
-
-  .xl\:rounded-t-7xl {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-
-  .xl\:rounded-r-7xl {
-    border-top-right-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .xl\:rounded-b-7xl {
-    border-bottom-right-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .xl\:rounded-l-7xl {
-    border-top-left-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .xl\:rounded-t-8xl {
-    border-top-left-radius: 2rem;
-    border-top-right-radius: 2rem;
-  }
-
-  .xl\:rounded-r-8xl {
-    border-top-right-radius: 2rem;
-    border-bottom-right-radius: 2rem;
-  }
-
-  .xl\:rounded-b-8xl {
-    border-bottom-right-radius: 2rem;
-    border-bottom-left-radius: 2rem;
-  }
-
-  .xl\:rounded-l-8xl {
-    border-top-left-radius: 2rem;
-    border-bottom-left-radius: 2rem;
-  }
-
-  .xl\:rounded-t-9xl {
-    border-top-left-radius: 2.25rem;
-    border-top-right-radius: 2.25rem;
-  }
-
-  .xl\:rounded-r-9xl {
-    border-top-right-radius: 2.25rem;
-    border-bottom-right-radius: 2.25rem;
-  }
-
-  .xl\:rounded-b-9xl {
-    border-bottom-right-radius: 2.25rem;
-    border-bottom-left-radius: 2.25rem;
-  }
-
-  .xl\:rounded-l-9xl {
-    border-top-left-radius: 2.25rem;
-    border-bottom-left-radius: 2.25rem;
-  }
-
-  .xl\:rounded-t-10xl {
-    border-top-left-radius: 2.5rem;
-    border-top-right-radius: 2.5rem;
-  }
-
-  .xl\:rounded-r-10xl {
-    border-top-right-radius: 2.5rem;
-    border-bottom-right-radius: 2.5rem;
-  }
-
-  .xl\:rounded-b-10xl {
-    border-bottom-right-radius: 2.5rem;
-    border-bottom-left-radius: 2.5rem;
-  }
-
-  .xl\:rounded-l-10xl {
-    border-top-left-radius: 2.5rem;
-    border-bottom-left-radius: 2.5rem;
-  }
-
-  .xl\:rounded-t-11xl {
-    border-top-left-radius: 5rem;
-    border-top-right-radius: 5rem;
-  }
-
-  .xl\:rounded-r-11xl {
-    border-top-right-radius: 5rem;
-    border-bottom-right-radius: 5rem;
-  }
-
-  .xl\:rounded-b-11xl {
-    border-bottom-right-radius: 5rem;
-    border-bottom-left-radius: 5rem;
-  }
-
-  .xl\:rounded-l-11xl {
-    border-top-left-radius: 5rem;
-    border-bottom-left-radius: 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.675rem;
-  }
-
-  .xl\:rounded-tr-xl {
-    border-top-right-radius: 0.675rem;
-  }
-
-  .xl\:rounded-br-xl {
-    border-bottom-right-radius: 0.675rem;
-  }
-
-  .xl\:rounded-bl-xl {
-    border-bottom-left-radius: 0.675rem;
-  }
-
-  .xl\:rounded-tl-2xl {
-    border-top-left-radius: 0.75rem;
-  }
-
-  .xl\:rounded-tr-2xl {
-    border-top-right-radius: 0.75rem;
-  }
-
-  .xl\:rounded-br-2xl {
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .xl\:rounded-bl-2xl {
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .xl\:rounded-tl-3xl {
-    border-top-left-radius: 0.875rem;
-  }
-
-  .xl\:rounded-tr-3xl {
-    border-top-right-radius: 0.875rem;
-  }
-
-  .xl\:rounded-br-3xl {
-    border-bottom-right-radius: 0.875rem;
-  }
-
-  .xl\:rounded-bl-3xl {
-    border-bottom-left-radius: 0.875rem;
-  }
-
-  .xl\:rounded-tl-4xl {
-    border-top-left-radius: 1rem;
-  }
-
-  .xl\:rounded-tr-4xl {
-    border-top-right-radius: 1rem;
-  }
-
-  .xl\:rounded-br-4xl {
-    border-bottom-right-radius: 1rem;
-  }
-
-  .xl\:rounded-bl-4xl {
-    border-bottom-left-radius: 1rem;
-  }
-
-  .xl\:rounded-tl-5xl {
-    border-top-left-radius: 1.25rem;
-  }
-
-  .xl\:rounded-tr-5xl {
-    border-top-right-radius: 1.25rem;
-  }
-
-  .xl\:rounded-br-5xl {
-    border-bottom-right-radius: 1.25rem;
-  }
-
-  .xl\:rounded-bl-5xl {
-    border-bottom-left-radius: 1.25rem;
-  }
-
-  .xl\:rounded-tl-6xl {
-    border-top-left-radius: 1.375rem;
-  }
-
-  .xl\:rounded-tr-6xl {
-    border-top-right-radius: 1.375rem;
-  }
-
-  .xl\:rounded-br-6xl {
-    border-bottom-right-radius: 1.375rem;
-  }
-
-  .xl\:rounded-bl-6xl {
-    border-bottom-left-radius: 1.375rem;
-  }
-
-  .xl\:rounded-tl-7xl {
-    border-top-left-radius: 1.5rem;
-  }
-
-  .xl\:rounded-tr-7xl {
-    border-top-right-radius: 1.5rem;
-  }
-
-  .xl\:rounded-br-7xl {
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .xl\:rounded-bl-7xl {
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .xl\:rounded-tl-8xl {
-    border-top-left-radius: 2rem;
-  }
-
-  .xl\:rounded-tr-8xl {
-    border-top-right-radius: 2rem;
-  }
-
-  .xl\:rounded-br-8xl {
-    border-bottom-right-radius: 2rem;
-  }
-
-  .xl\:rounded-bl-8xl {
-    border-bottom-left-radius: 2rem;
-  }
-
-  .xl\:rounded-tl-9xl {
-    border-top-left-radius: 2.25rem;
-  }
-
-  .xl\:rounded-tr-9xl {
-    border-top-right-radius: 2.25rem;
-  }
-
-  .xl\:rounded-br-9xl {
-    border-bottom-right-radius: 2.25rem;
-  }
-
-  .xl\:rounded-bl-9xl {
-    border-bottom-left-radius: 2.25rem;
-  }
-
-  .xl\:rounded-tl-10xl {
-    border-top-left-radius: 2.5rem;
-  }
-
-  .xl\:rounded-tr-10xl {
-    border-top-right-radius: 2.5rem;
-  }
-
-  .xl\:rounded-br-10xl {
-    border-bottom-right-radius: 2.5rem;
-  }
-
-  .xl\:rounded-bl-10xl {
-    border-bottom-left-radius: 2.5rem;
-  }
-
-  .xl\:rounded-tl-11xl {
-    border-top-left-radius: 5rem;
-  }
-
-  .xl\:rounded-tr-11xl {
-    border-top-right-radius: 5rem;
-  }
-
-  .xl\:rounded-br-11xl {
-    border-bottom-right-radius: 5rem;
-  }
-
-  .xl\:rounded-bl-11xl {
-    border-bottom-left-radius: 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 {
-    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-nowrap {
-    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\:clear-left {
-    clear: left;
-  }
-
-  .xl\:clear-right {
-    clear: right;
-  }
-
-  .xl\:clear-both {
-    clear: both;
-  }
-
-  .xl\:clear-none {
-    clear: none;
-  }
-
-  .xl\:font-body {
-    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  }
-
-  .xl\:font-heading {
-    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  }
-
-  .xl\:font-sans {
-    font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  }
-
-  .xl\:font-serif {
-    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
-  }
-
-  .xl\:font-mono {
-    font-family: ui-monospace, SFMono-Regular, 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\:h-0 {
-    height: 0px;
-  }
-
-  .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-14 {
-    height: 3.5rem;
-  }
-
-  .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-full {
-    height: 100%;
-  }
-
-  .xl\:h-screen {
-    height: 100vh;
-  }
-
-  .xl\:text-xxs {
-    font-size: 0.6875rem;
-  }
-
-  .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: 3.75rem;
-  }
-
-  .xl\:text-7xl {
-    font-size: 4.5rem;
-  }
-
-  .xl\:text-8xl {
-    font-size: 6rem;
-  }
-
-  .xl\:text-9xl {
-    font-size: 8rem;
-  }
-
-  .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: 0px;
-  }
-
-  .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-14 {
-    margin: 3.5rem;
-  }
-
-  .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-0 {
-    margin: 0px;
-  }
-
-  .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-14 {
-    margin: -3.5rem;
-  }
-
-  .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\:my-0 {
-    margin-top: 0px;
-    margin-bottom: 0px;
-  }
-
-  .xl\:mx-0 {
-    margin-left: 0px;
-    margin-right: 0px;
-  }
-
-  .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-14 {
-    margin-top: 3.5rem;
-    margin-bottom: 3.5rem;
-  }
-
-  .xl\:mx-14 {
-    margin-left: 3.5rem;
-    margin-right: 3.5rem;
-  }
-
-  .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-0 {
-    margin-top: 0px;
-    margin-bottom: 0px;
-  }
-
-  .xl\:-mx-0 {
-    margin-left: 0px;
-    margin-right: 0px;
-  }
-
-  .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-14 {
-    margin-top: -3.5rem;
-    margin-bottom: -3.5rem;
-  }
-
-  .xl\:-mx-14 {
-    margin-left: -3.5rem;
-    margin-right: -3.5rem;
-  }
-
-  .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\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .xl\:mr-0 {
-    margin-right: 0px;
-  }
-
-  .xl\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .xl\:ml-0 {
-    margin-left: 0px;
-  }
-
-  .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-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-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-0 {
-    margin-top: 0px;
-  }
-
-  .xl\:-mr-0 {
-    margin-right: 0px;
-  }
-
-  .xl\:-mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .xl\:-ml-0 {
-    margin-left: 0px;
-  }
-
-  .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-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-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\:max-h-full {
-    max-height: 100%;
-  }
-
-  .xl\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .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 {
-    max-width: -webkit-min-content;
-    max-width: -moz-min-content;
-    max-width: min-content;
-  }
-
-  .xl\:max-w-max {
-    max-width: -webkit-max-content;
-    max-width: -moz-max-content;
-    max-width: max-content;
-  }
-
-  .xl\:max-w-prose {
-    max-width: 65ch;
-  }
-
-  .xl\:min-h-0 {
-    min-height: 0;
-  }
-
-  .xl\:min-h-full {
-    min-height: 100%;
-  }
-
-  .xl\:min-h-screen {
-    min-height: 100vh;
-  }
-
-  .xl\:min-w-0 {
-    min-width: 0;
-  }
-
-  .xl\:min-w-full {
-    min-width: 100%;
-  }
-
-  .xl\:object-contain {
-    -o-object-fit: contain;
-       object-fit: contain;
-  }
-
-  .xl\:object-cover {
-    -o-object-fit: cover;
-       object-fit: cover;
-  }
-
-  .xl\:object-fill {
-    -o-object-fit: fill;
-       object-fit: fill;
-  }
-
-  .xl\:object-none {
-    -o-object-fit: none;
-       object-fit: none;
-  }
-
-  .xl\:object-scale-down {
-    -o-object-fit: scale-down;
-       object-fit: scale-down;
-  }
-
-  .xl\:object-bottom {
-    -o-object-position: bottom;
-       object-position: bottom;
-  }
-
-  .xl\:object-center {
-    -o-object-position: center;
-       object-position: center;
-  }
-
-  .xl\:object-left {
-    -o-object-position: left;
-       object-position: left;
-  }
-
-  .xl\:object-left-bottom {
-    -o-object-position: left bottom;
-       object-position: left bottom;
-  }
-
-  .xl\:object-left-top {
-    -o-object-position: left top;
-       object-position: left top;
-  }
-
-  .xl\:object-right {
-    -o-object-position: right;
-       object-position: right;
-  }
-
-  .xl\:object-right-bottom {
-    -o-object-position: right bottom;
-       object-position: right bottom;
-  }
-
-  .xl\:object-right-top {
-    -o-object-position: right top;
-       object-position: right top;
-  }
-
-  .xl\:object-top {
-    -o-object-position: top;
-       object-position: top;
-  }
-
-  .xl\:opacity-0 {
-    opacity: 0;
-  }
-
-  .xl\:opacity-5 {
-    opacity: 0.05;
-  }
-
-  .xl\:opacity-10 {
-    opacity: 0.1;
-  }
-
-  .xl\:opacity-20 {
-    opacity: 0.2;
-  }
-
-  .xl\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .xl\:opacity-30 {
-    opacity: 0.3;
-  }
-
-  .xl\:opacity-40 {
-    opacity: 0.4;
-  }
-
-  .xl\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .xl\:opacity-60 {
-    opacity: 0.6;
-  }
-
-  .xl\:opacity-70 {
-    opacity: 0.7;
-  }
-
-  .xl\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .xl\:opacity-80 {
-    opacity: 0.8;
-  }
-
-  .xl\:opacity-90 {
-    opacity: 0.9;
-  }
-
-  .xl\:opacity-95 {
-    opacity: 0.95;
-  }
-
-  .xl\:opacity-100 {
-    opacity: 1;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-0 {
-    opacity: 0;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-5 {
-    opacity: 0.05;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-10 {
-    opacity: 0.1;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-20 {
-    opacity: 0.2;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-30 {
-    opacity: 0.3;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-40 {
-    opacity: 0.4;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-60 {
-    opacity: 0.6;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-70 {
-    opacity: 0.7;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-80 {
-    opacity: 0.8;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-90 {
-    opacity: 0.9;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-95 {
-    opacity: 0.95;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-100 {
-    opacity: 1;
-  }
-
-  .xl\:focus-within\:opacity-0:focus-within {
-    opacity: 0;
-  }
-
-  .xl\:focus-within\:opacity-5:focus-within {
-    opacity: 0.05;
-  }
-
-  .xl\:focus-within\:opacity-10:focus-within {
-    opacity: 0.1;
-  }
-
-  .xl\:focus-within\:opacity-20:focus-within {
-    opacity: 0.2;
-  }
-
-  .xl\:focus-within\:opacity-25:focus-within {
-    opacity: 0.25;
-  }
-
-  .xl\:focus-within\:opacity-30:focus-within {
-    opacity: 0.3;
-  }
-
-  .xl\:focus-within\:opacity-40:focus-within {
-    opacity: 0.4;
-  }
-
-  .xl\:focus-within\:opacity-50:focus-within {
-    opacity: 0.5;
-  }
-
-  .xl\:focus-within\:opacity-60:focus-within {
-    opacity: 0.6;
-  }
-
-  .xl\:focus-within\:opacity-70:focus-within {
-    opacity: 0.7;
-  }
-
-  .xl\:focus-within\:opacity-75:focus-within {
-    opacity: 0.75;
-  }
-
-  .xl\:focus-within\:opacity-80:focus-within {
-    opacity: 0.8;
-  }
-
-  .xl\:focus-within\:opacity-90:focus-within {
-    opacity: 0.9;
-  }
-
-  .xl\:focus-within\:opacity-95:focus-within {
-    opacity: 0.95;
-  }
-
-  .xl\:focus-within\:opacity-100:focus-within {
-    opacity: 1;
-  }
-
-  .xl\:hover\:opacity-0:hover {
-    opacity: 0;
-  }
-
-  .xl\:hover\:opacity-5:hover {
-    opacity: 0.05;
-  }
-
-  .xl\:hover\:opacity-10:hover {
-    opacity: 0.1;
-  }
-
-  .xl\:hover\:opacity-20:hover {
-    opacity: 0.2;
-  }
-
-  .xl\:hover\:opacity-25:hover {
-    opacity: 0.25;
-  }
-
-  .xl\:hover\:opacity-30:hover {
-    opacity: 0.3;
-  }
-
-  .xl\:hover\:opacity-40:hover {
-    opacity: 0.4;
-  }
-
-  .xl\:hover\:opacity-50:hover {
-    opacity: 0.5;
-  }
-
-  .xl\:hover\:opacity-60:hover {
-    opacity: 0.6;
-  }
-
-  .xl\:hover\:opacity-70:hover {
-    opacity: 0.7;
-  }
-
-  .xl\:hover\:opacity-75:hover {
-    opacity: 0.75;
-  }
-
-  .xl\:hover\:opacity-80:hover {
-    opacity: 0.8;
-  }
-
-  .xl\:hover\:opacity-90:hover {
-    opacity: 0.9;
-  }
-
-  .xl\:hover\:opacity-95:hover {
-    opacity: 0.95;
-  }
-
-  .xl\:hover\:opacity-100:hover {
-    opacity: 1;
-  }
-
-  .xl\:focus\:opacity-0:focus {
-    opacity: 0;
-  }
-
-  .xl\:focus\:opacity-5:focus {
-    opacity: 0.05;
-  }
-
-  .xl\:focus\:opacity-10:focus {
-    opacity: 0.1;
-  }
-
-  .xl\:focus\:opacity-20:focus {
-    opacity: 0.2;
-  }
-
-  .xl\:focus\:opacity-25:focus {
-    opacity: 0.25;
-  }
-
-  .xl\:focus\:opacity-30:focus {
-    opacity: 0.3;
-  }
-
-  .xl\:focus\:opacity-40:focus {
-    opacity: 0.4;
-  }
-
-  .xl\:focus\:opacity-50:focus {
-    opacity: 0.5;
-  }
-
-  .xl\:focus\:opacity-60:focus {
-    opacity: 0.6;
-  }
-
-  .xl\:focus\:opacity-70:focus {
-    opacity: 0.7;
-  }
-
-  .xl\:focus\:opacity-75:focus {
-    opacity: 0.75;
-  }
-
-  .xl\:focus\:opacity-80:focus {
-    opacity: 0.8;
-  }
-
-  .xl\:focus\:opacity-90:focus {
-    opacity: 0.9;
-  }
-
-  .xl\:focus\:opacity-95:focus {
-    opacity: 0.95;
-  }
-
-  .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-within\:outline-none:focus-within {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .xl\:focus-within\:outline-white:focus-within {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .xl\:focus-within\:outline-black:focus-within {
-    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\: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: 0px;
-  }
-
-  .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-14 {
-    padding: 3.5rem;
-  }
-
-  .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\:py-0 {
-    padding-top: 0px;
-    padding-bottom: 0px;
-  }
-
-  .xl\:px-0 {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
-
-  .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-14 {
-    padding-top: 3.5rem;
-    padding-bottom: 3.5rem;
-  }
-
-  .xl\:px-14 {
-    padding-left: 3.5rem;
-    padding-right: 3.5rem;
-  }
-
-  .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\:pt-0 {
-    padding-top: 0px;
-  }
-
-  .xl\:pr-0 {
-    padding-right: 0px;
-  }
-
-  .xl\:pb-0 {
-    padding-bottom: 0px;
-  }
-
-  .xl\:pl-0 {
-    padding-left: 0px;
-  }
-
-  .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-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-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\:placeholder-current::-webkit-input-placeholder {
-    color: currentColor;
-  }
-
-  .xl\:placeholder-current::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .xl\:placeholder-current:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .xl\:placeholder-current::-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .xl\:placeholder-current::placeholder {
-    color: currentColor;
-  }
-
-  .xl\:placeholder-transparent::-webkit-input-placeholder {
-    color: transparent;
-  }
-
-  .xl\:placeholder-transparent::-moz-placeholder {
-    color: transparent;
-  }
-
-  .xl\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .xl\:placeholder-transparent::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .xl\:placeholder-transparent::placeholder {
-    color: transparent;
-  }
-
-  .xl\:placeholder-black::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-black::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-black:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-black::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-black::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-white::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-white::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-white:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-white::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-white::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-darkCoolGray-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-coolGray-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-violet-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-current:focus::-webkit-input-placeholder {
-    color: currentColor;
-  }
-
-  .xl\:focus\:placeholder-current:focus::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .xl\:focus\:placeholder-current:focus:-ms-input-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::-webkit-input-placeholder {
-    color: transparent;
-  }
-
-  .xl\:focus\:placeholder-transparent:focus::-moz-placeholder {
-    color: transparent;
-  }
-
-  .xl\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .xl\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .xl\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
-  }
-
-  .xl\:focus\:placeholder-black:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-black:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-black:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-black:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-white:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-white:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-white:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-white:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-darkCoolGray-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-coolGray-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-violet-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .xl\:placeholder-opacity-0::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .xl\:placeholder-opacity-0::-moz-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .xl\:placeholder-opacity-0:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .xl\:placeholder-opacity-0::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .xl\:placeholder-opacity-0::placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .xl\:placeholder-opacity-5::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .xl\:placeholder-opacity-5::-moz-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .xl\:placeholder-opacity-5:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .xl\:placeholder-opacity-5::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .xl\:placeholder-opacity-5::placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .xl\:placeholder-opacity-10::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .xl\:placeholder-opacity-10::-moz-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .xl\:placeholder-opacity-10:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .xl\:placeholder-opacity-10::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .xl\:placeholder-opacity-10::placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .xl\:placeholder-opacity-20::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .xl\:placeholder-opacity-20::-moz-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .xl\:placeholder-opacity-20:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .xl\:placeholder-opacity-20::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .xl\:placeholder-opacity-20::placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .xl\:placeholder-opacity-25::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .xl\:placeholder-opacity-25::-moz-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .xl\:placeholder-opacity-25:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .xl\:placeholder-opacity-25::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .xl\:placeholder-opacity-25::placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .xl\:placeholder-opacity-30::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .xl\:placeholder-opacity-30::-moz-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .xl\:placeholder-opacity-30:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .xl\:placeholder-opacity-30::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .xl\:placeholder-opacity-30::placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .xl\:placeholder-opacity-40::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .xl\:placeholder-opacity-40::-moz-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .xl\:placeholder-opacity-40:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .xl\:placeholder-opacity-40::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .xl\:placeholder-opacity-40::placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .xl\:placeholder-opacity-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .xl\:placeholder-opacity-50::-moz-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .xl\:placeholder-opacity-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .xl\:placeholder-opacity-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .xl\:placeholder-opacity-50::placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .xl\:placeholder-opacity-60::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .xl\:placeholder-opacity-60::-moz-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .xl\:placeholder-opacity-60:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .xl\:placeholder-opacity-60::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .xl\:placeholder-opacity-60::placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .xl\:placeholder-opacity-70::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .xl\:placeholder-opacity-70::-moz-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .xl\:placeholder-opacity-70:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .xl\:placeholder-opacity-70::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .xl\:placeholder-opacity-70::placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .xl\:placeholder-opacity-75::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .xl\:placeholder-opacity-75::-moz-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .xl\:placeholder-opacity-75:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .xl\:placeholder-opacity-75::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .xl\:placeholder-opacity-75::placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .xl\:placeholder-opacity-80::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .xl\:placeholder-opacity-80::-moz-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .xl\:placeholder-opacity-80:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .xl\:placeholder-opacity-80::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .xl\:placeholder-opacity-80::placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .xl\:placeholder-opacity-90::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .xl\:placeholder-opacity-90::-moz-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .xl\:placeholder-opacity-90:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .xl\:placeholder-opacity-90::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .xl\:placeholder-opacity-90::placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .xl\:placeholder-opacity-95::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .xl\:placeholder-opacity-95::-moz-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .xl\:placeholder-opacity-95:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .xl\:placeholder-opacity-95::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .xl\:placeholder-opacity-95::placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .xl\:placeholder-opacity-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .xl\:placeholder-opacity-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .xl\:placeholder-opacity-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .xl\:placeholder-opacity-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .xl\:placeholder-opacity-100::placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .xl\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .xl\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .xl\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .xl\:focus\:placeholder-opacity-0:focus::placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .xl\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .xl\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .xl\:focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .xl\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .xl\:focus\:placeholder-opacity-5:focus::placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .xl\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .xl\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .xl\:focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .xl\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .xl\:focus\:placeholder-opacity-10:focus::placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .xl\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .xl\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .xl\:focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .xl\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .xl\:focus\:placeholder-opacity-20:focus::placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .xl\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .xl\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .xl\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .xl\:focus\:placeholder-opacity-25:focus::placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .xl\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .xl\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .xl\:focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .xl\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .xl\:focus\:placeholder-opacity-30:focus::placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .xl\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .xl\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .xl\:focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .xl\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .xl\:focus\:placeholder-opacity-40:focus::placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .xl\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .xl\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .xl\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .xl\:focus\:placeholder-opacity-50:focus::placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .xl\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .xl\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .xl\:focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .xl\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .xl\:focus\:placeholder-opacity-60:focus::placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .xl\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .xl\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .xl\:focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .xl\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .xl\:focus\:placeholder-opacity-70:focus::placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .xl\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .xl\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .xl\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .xl\:focus\:placeholder-opacity-75:focus::placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .xl\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .xl\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .xl\:focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .xl\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .xl\:focus\:placeholder-opacity-80:focus::placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .xl\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .xl\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .xl\:focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .xl\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .xl\:focus\:placeholder-opacity-90:focus::placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .xl\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .xl\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .xl\:focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .xl\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .xl\:focus\:placeholder-opacity-95:focus::placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .xl\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .xl\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .xl\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .xl\:focus\:placeholder-opacity-100:focus::placeholder {
-    --tw-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: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-  }
-
-  .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-14 {
-    top: 3.5rem;
-    right: 3.5rem;
-    bottom: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .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-0 {
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-  }
-
-  .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-14 {
-    top: -3.5rem;
-    right: -3.5rem;
-    bottom: -3.5rem;
-    left: -3.5rem;
-  }
-
-  .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-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-full {
-    top: 100%;
-    right: 100%;
-    bottom: 100%;
-    left: 100%;
-  }
-
-  .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-full {
-    top: -100%;
-    right: -100%;
-    bottom: -100%;
-    left: -100%;
-  }
-
-  .xl\:inset-y-0 {
-    top: 0px;
-    bottom: 0px;
-  }
-
-  .xl\:inset-x-0 {
-    right: 0px;
-    left: 0px;
-  }
-
-  .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-14 {
-    top: 3.5rem;
-    bottom: 3.5rem;
-  }
-
-  .xl\:inset-x-14 {
-    right: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .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-0 {
-    top: 0px;
-    bottom: 0px;
-  }
-
-  .xl\:-inset-x-0 {
-    right: 0px;
-    left: 0px;
-  }
-
-  .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-14 {
-    top: -3.5rem;
-    bottom: -3.5rem;
-  }
-
-  .xl\:-inset-x-14 {
-    right: -3.5rem;
-    left: -3.5rem;
-  }
-
-  .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-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-full {
-    top: 100%;
-    bottom: 100%;
-  }
-
-  .xl\:inset-x-full {
-    right: 100%;
-    left: 100%;
-  }
-
-  .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-full {
-    top: -100%;
-    bottom: -100%;
-  }
-
-  .xl\:-inset-x-full {
-    right: -100%;
-    left: -100%;
-  }
-
-  .xl\:top-0 {
-    top: 0px;
-  }
-
-  .xl\:right-0 {
-    right: 0px;
-  }
-
-  .xl\:bottom-0 {
-    bottom: 0px;
-  }
-
-  .xl\:left-0 {
-    left: 0px;
-  }
-
-  .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-14 {
-    top: 3.5rem;
-  }
-
-  .xl\:right-14 {
-    right: 3.5rem;
-  }
-
-  .xl\:bottom-14 {
-    bottom: 3.5rem;
-  }
-
-  .xl\:left-14 {
-    left: 3.5rem;
-  }
-
-  .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-0 {
-    top: 0px;
-  }
-
-  .xl\:-right-0 {
-    right: 0px;
-  }
-
-  .xl\:-bottom-0 {
-    bottom: 0px;
-  }
-
-  .xl\:-left-0 {
-    left: 0px;
-  }
-
-  .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-14 {
-    top: -3.5rem;
-  }
-
-  .xl\:-right-14 {
-    right: -3.5rem;
-  }
-
-  .xl\:-bottom-14 {
-    bottom: -3.5rem;
-  }
-
-  .xl\:-left-14 {
-    left: -3.5rem;
-  }
-
-  .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-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-full {
-    top: 100%;
-  }
-
-  .xl\:right-full {
-    right: 100%;
-  }
-
-  .xl\:bottom-full {
-    bottom: 100%;
-  }
-
-  .xl\:left-full {
-    left: 100%;
-  }
-
-  .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-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-sm {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:shadow {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:shadow-md {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:shadow-lg {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:shadow-xl {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:shadow-2xl {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:shadow-3xl {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:shadow-inner {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:shadow-none {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .xl\:group-hover\:shadow-sm {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .xl\:group-hover\:shadow {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .xl\:group-hover\:shadow-md {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .xl\:group-hover\:shadow-lg {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .xl\:group-hover\:shadow-xl {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .xl\:group-hover\:shadow-2xl {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .xl\:group-hover\:shadow-3xl {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .xl\:group-hover\:shadow-inner {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .xl\:group-hover\:shadow-none {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus-within\:shadow-sm:focus-within {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus-within\:shadow:focus-within {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus-within\:shadow-md:focus-within {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus-within\:shadow-lg:focus-within {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus-within\:shadow-xl:focus-within {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus-within\:shadow-2xl:focus-within {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus-within\:shadow-3xl:focus-within {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus-within\:shadow-inner:focus-within {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus-within\:shadow-none:focus-within {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:hover\:shadow-sm:hover {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:hover\:shadow:hover {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:hover\:shadow-md:hover {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:hover\:shadow-lg:hover {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:hover\:shadow-xl:hover {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:hover\:shadow-2xl:hover {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:hover\:shadow-3xl:hover {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:hover\:shadow-inner:hover {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:hover\:shadow-none:hover {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus\:shadow-sm:focus {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus\:shadow:focus {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus\:shadow-md:focus {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus\:shadow-lg:focus {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus\:shadow-xl:focus {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus\:shadow-2xl:focus {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus\:shadow-3xl:focus {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus\:shadow-inner:focus {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:focus\:shadow-none:focus {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .xl\:ring-0 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:ring-1 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:ring-2 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:ring-4 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:ring-8 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:ring {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:ring-inset {
-    --tw-ring-inset: inset;
-  }
-
-  .xl\:focus-within\:ring-0:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:focus-within\:ring-1:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:focus-within\:ring-2:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:focus-within\:ring-4:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:focus-within\:ring-8:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:focus-within\:ring:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:focus-within\:ring-inset:focus-within {
-    --tw-ring-inset: inset;
-  }
-
-  .xl\:focus\:ring-0:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:focus\:ring-1:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:focus\:ring-2:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:focus\:ring-4:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:focus\:ring-8:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:focus\:ring:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .xl\:focus\:ring-inset:focus {
-    --tw-ring-inset: inset;
-  }
-
-  .xl\:ring-offset-current {
-    --tw-ring-offset-color: currentColor;
-  }
-
-  .xl\:ring-offset-transparent {
-    --tw-ring-offset-color: transparent;
-  }
-
-  .xl\:ring-offset-black {
-    --tw-ring-offset-color: #000;
-  }
-
-  .xl\:ring-offset-white {
-    --tw-ring-offset-color: #fff;
-  }
-
-  .xl\:ring-offset-darkCoolGray-50 {
-    --tw-ring-offset-color: #F5F6F7;
-  }
-
-  .xl\:ring-offset-darkCoolGray-100 {
-    --tw-ring-offset-color: #EBEDEF;
-  }
-
-  .xl\:ring-offset-darkCoolGray-200 {
-    --tw-ring-offset-color: #CED1D6;
-  }
-
-  .xl\:ring-offset-darkCoolGray-300 {
-    --tw-ring-offset-color: #B0B5BD;
-  }
-
-  .xl\:ring-offset-darkCoolGray-400 {
-    --tw-ring-offset-color: #757E8C;
-  }
-
-  .xl\:ring-offset-darkCoolGray-500 {
-    --tw-ring-offset-color: #3A475B;
-  }
-
-  .xl\:ring-offset-darkCoolGray-600 {
-    --tw-ring-offset-color: #344052;
-  }
-
-  .xl\:ring-offset-darkCoolGray-700 {
-    --tw-ring-offset-color: #2C3544;
-  }
-
-  .xl\:ring-offset-darkCoolGray-800 {
-    --tw-ring-offset-color: #232B37;
-  }
-
-  .xl\:ring-offset-darkCoolGray-900 {
-    --tw-ring-offset-color: #1C232D;
-  }
-
-  .xl\:ring-offset-coolGray-50 {
-    --tw-ring-offset-color: #F7F8F9;
-  }
-
-  .xl\:ring-offset-coolGray-100 {
-    --tw-ring-offset-color: #EEF0F3;
-  }
-
-  .xl\:ring-offset-coolGray-200 {
-    --tw-ring-offset-color: #D5DAE1;
-  }
-
-  .xl\:ring-offset-coolGray-300 {
-    --tw-ring-offset-color: #BBC3CF;
-  }
-
-  .xl\:ring-offset-coolGray-400 {
-    --tw-ring-offset-color: #8896AB;
-  }
-
-  .xl\:ring-offset-coolGray-500 {
-    --tw-ring-offset-color: #556987;
-  }
-
-  .xl\:ring-offset-coolGray-600 {
-    --tw-ring-offset-color: #4D5F7A;
-  }
-
-  .xl\:ring-offset-coolGray-700 {
-    --tw-ring-offset-color: #404F65;
-  }
-
-  .xl\:ring-offset-coolGray-800 {
-    --tw-ring-offset-color: #333F51;
-  }
-
-  .xl\:ring-offset-coolGray-900 {
-    --tw-ring-offset-color: #2A3342;
-  }
-
-  .xl\:ring-offset-indigo-50 {
-    --tw-ring-offset-color: #F8F6FF;
-  }
-
-  .xl\:ring-offset-indigo-100 {
-    --tw-ring-offset-color: #F0EEFF;
-  }
-
-  .xl\:ring-offset-indigo-200 {
-    --tw-ring-offset-color: #DAD4FF;
-  }
-
-  .xl\:ring-offset-indigo-300 {
-    --tw-ring-offset-color: #C3B9FF;
-  }
-
-  .xl\:ring-offset-indigo-400 {
-    --tw-ring-offset-color: #9685FF;
-  }
-
-  .xl\:ring-offset-indigo-500 {
-    --tw-ring-offset-color: #6951FF;
-  }
-
-  .xl\:ring-offset-indigo-600 {
-    --tw-ring-offset-color: #5F49E6;
-  }
-
-  .xl\:ring-offset-indigo-700 {
-    --tw-ring-offset-color: #4F3DBF;
-  }
-
-  .xl\:ring-offset-indigo-800 {
-    --tw-ring-offset-color: #3F3199;
-  }
-
-  .xl\:ring-offset-indigo-900 {
-    --tw-ring-offset-color: #33287D;
-  }
-
-  .xl\:ring-offset-violet-50 {
-    --tw-ring-offset-color: #FBF7FF;
-  }
-
-  .xl\:ring-offset-violet-100 {
-    --tw-ring-offset-color: #F6EEFE;
-  }
-
-  .xl\:ring-offset-violet-200 {
-    --tw-ring-offset-color: #E9D5FD;
-  }
-
-  .xl\:ring-offset-violet-300 {
-    --tw-ring-offset-color: #DCBBFC;
-  }
-
-  .xl\:ring-offset-violet-400 {
-    --tw-ring-offset-color: #C288F9;
-  }
-
-  .xl\:ring-offset-violet-500 {
-    --tw-ring-offset-color: #A855F7;
-  }
-
-  .xl\:ring-offset-violet-600 {
-    --tw-ring-offset-color: #974DDE;
-  }
-
-  .xl\:ring-offset-violet-700 {
-    --tw-ring-offset-color: #7E40B9;
-  }
-
-  .xl\:ring-offset-violet-800 {
-    --tw-ring-offset-color: #653394;
-  }
-
-  .xl\:ring-offset-violet-900 {
-    --tw-ring-offset-color: #522A79;
-  }
-
-  .xl\:ring-offset-yellow-50 {
-    --tw-ring-offset-color: #FFFAF3;
-  }
-
-  .xl\:ring-offset-yellow-100 {
-    --tw-ring-offset-color: #FEF5E7;
-  }
-
-  .xl\:ring-offset-yellow-200 {
-    --tw-ring-offset-color: #FDE7C2;
-  }
-
-  .xl\:ring-offset-yellow-300 {
-    --tw-ring-offset-color: #FBD89D;
-  }
-
-  .xl\:ring-offset-yellow-400 {
-    --tw-ring-offset-color: #F8BB54;
-  }
-
-  .xl\:ring-offset-yellow-500 {
-    --tw-ring-offset-color: #F59E0B;
-  }
-
-  .xl\:ring-offset-yellow-600 {
-    --tw-ring-offset-color: #DD8E0A;
-  }
-
-  .xl\:ring-offset-yellow-700 {
-    --tw-ring-offset-color: #B87708;
-  }
-
-  .xl\:ring-offset-yellow-800 {
-    --tw-ring-offset-color: #935F07;
-  }
-
-  .xl\:ring-offset-yellow-900 {
-    --tw-ring-offset-color: #784D05;
-  }
-
-  .xl\:ring-offset-red-50 {
-    --tw-ring-offset-color: #FEF7F6;
-  }
-
-  .xl\:ring-offset-red-100 {
-    --tw-ring-offset-color: #FDEEEC;
-  }
-
-  .xl\:ring-offset-red-200 {
-    --tw-ring-offset-color: #FBD6D0;
-  }
-
-  .xl\:ring-offset-red-300 {
-    --tw-ring-offset-color: #F9BDB4;
-  }
-
-  .xl\:ring-offset-red-400 {
-    --tw-ring-offset-color: #F48B7C;
-  }
-
-  .xl\:ring-offset-red-500 {
-    --tw-ring-offset-color: #EF5844;
-  }
-
-  .xl\:ring-offset-red-600 {
-    --tw-ring-offset-color: #D7503D;
-  }
-
-  .xl\:ring-offset-red-700 {
-    --tw-ring-offset-color: #B34333;
-  }
-
-  .xl\:ring-offset-red-800 {
-    --tw-ring-offset-color: #8F3529;
-  }
-
-  .xl\:ring-offset-red-900 {
-    --tw-ring-offset-color: #752C21;
-  }
-
-  .xl\:ring-offset-green-50 {
-    --tw-ring-offset-color: #F4FDF7;
-  }
-
-  .xl\:ring-offset-green-100 {
-    --tw-ring-offset-color: #EAFAF0;
-  }
-
-  .xl\:ring-offset-green-200 {
-    --tw-ring-offset-color: #CAF4D9;
-  }
-
-  .xl\:ring-offset-green-300 {
-    --tw-ring-offset-color: #AAEDC3;
-  }
-
-  .xl\:ring-offset-green-400 {
-    --tw-ring-offset-color: #6ADF95;
-  }
-
-  .xl\:ring-offset-green-500 {
-    --tw-ring-offset-color: #2AD167;
-  }
-
-  .xl\:ring-offset-green-600 {
-    --tw-ring-offset-color: #26BC5E;
-  }
-
-  .xl\:ring-offset-green-700 {
-    --tw-ring-offset-color: #209D4E;
-  }
-
-  .xl\:ring-offset-green-800 {
-    --tw-ring-offset-color: #197D3E;
-  }
-
-  .xl\:ring-offset-green-900 {
-    --tw-ring-offset-color: #156633;
-  }
-
-  .xl\:ring-offset-blue-50 {
-    --tw-ring-offset-color: #F5F9FF;
-  }
-
-  .xl\:ring-offset-blue-100 {
-    --tw-ring-offset-color: #EBF3FE;
-  }
-
-  .xl\:ring-offset-blue-200 {
-    --tw-ring-offset-color: #CEE0FD;
-  }
-
-  .xl\:ring-offset-blue-300 {
-    --tw-ring-offset-color: #B1CDFB;
-  }
-
-  .xl\:ring-offset-blue-400 {
-    --tw-ring-offset-color: #76A8F9;
-  }
-
-  .xl\:ring-offset-blue-500 {
-    --tw-ring-offset-color: #3B82F6;
-  }
-
-  .xl\:ring-offset-blue-600 {
-    --tw-ring-offset-color: #3575DD;
-  }
-
-  .xl\:ring-offset-blue-700 {
-    --tw-ring-offset-color: #2C62B9;
-  }
-
-  .xl\:ring-offset-blue-800 {
-    --tw-ring-offset-color: #234E94;
-  }
-
-  .xl\:ring-offset-blue-900 {
-    --tw-ring-offset-color: #1D4079;
-  }
-
-  .xl\:ring-offset-gray-50 {
-    --tw-ring-offset-color: #f9fafb;
-  }
-
-  .xl\:ring-offset-gray-100 {
-    --tw-ring-offset-color: #f3f4f6;
-  }
-
-  .xl\:ring-offset-gray-200 {
-    --tw-ring-offset-color: #e5e7eb;
-  }
-
-  .xl\:ring-offset-gray-300 {
-    --tw-ring-offset-color: #d1d5db;
-  }
-
-  .xl\:ring-offset-gray-400 {
-    --tw-ring-offset-color: #9ca3af;
-  }
-
-  .xl\:ring-offset-gray-500 {
-    --tw-ring-offset-color: #6b7280;
-  }
-
-  .xl\:ring-offset-gray-600 {
-    --tw-ring-offset-color: #4b5563;
-  }
-
-  .xl\:ring-offset-gray-700 {
-    --tw-ring-offset-color: #374151;
-  }
-
-  .xl\:ring-offset-gray-800 {
-    --tw-ring-offset-color: #1f2937;
-  }
-
-  .xl\:ring-offset-gray-900 {
-    --tw-ring-offset-color: #111827;
-  }
-
-  .xl\:focus-within\:ring-offset-current:focus-within {
-    --tw-ring-offset-color: currentColor;
-  }
-
-  .xl\:focus-within\:ring-offset-transparent:focus-within {
-    --tw-ring-offset-color: transparent;
-  }
-
-  .xl\:focus-within\:ring-offset-black:focus-within {
-    --tw-ring-offset-color: #000;
-  }
-
-  .xl\:focus-within\:ring-offset-white:focus-within {
-    --tw-ring-offset-color: #fff;
-  }
-
-  .xl\:focus-within\:ring-offset-darkCoolGray-50:focus-within {
-    --tw-ring-offset-color: #F5F6F7;
-  }
-
-  .xl\:focus-within\:ring-offset-darkCoolGray-100:focus-within {
-    --tw-ring-offset-color: #EBEDEF;
-  }
-
-  .xl\:focus-within\:ring-offset-darkCoolGray-200:focus-within {
-    --tw-ring-offset-color: #CED1D6;
-  }
-
-  .xl\:focus-within\:ring-offset-darkCoolGray-300:focus-within {
-    --tw-ring-offset-color: #B0B5BD;
-  }
-
-  .xl\:focus-within\:ring-offset-darkCoolGray-400:focus-within {
-    --tw-ring-offset-color: #757E8C;
-  }
-
-  .xl\:focus-within\:ring-offset-darkCoolGray-500:focus-within {
-    --tw-ring-offset-color: #3A475B;
-  }
-
-  .xl\:focus-within\:ring-offset-darkCoolGray-600:focus-within {
-    --tw-ring-offset-color: #344052;
-  }
-
-  .xl\:focus-within\:ring-offset-darkCoolGray-700:focus-within {
-    --tw-ring-offset-color: #2C3544;
-  }
-
-  .xl\:focus-within\:ring-offset-darkCoolGray-800:focus-within {
-    --tw-ring-offset-color: #232B37;
-  }
-
-  .xl\:focus-within\:ring-offset-darkCoolGray-900:focus-within {
-    --tw-ring-offset-color: #1C232D;
-  }
-
-  .xl\:focus-within\:ring-offset-coolGray-50:focus-within {
-    --tw-ring-offset-color: #F7F8F9;
-  }
-
-  .xl\:focus-within\:ring-offset-coolGray-100:focus-within {
-    --tw-ring-offset-color: #EEF0F3;
-  }
-
-  .xl\:focus-within\:ring-offset-coolGray-200:focus-within {
-    --tw-ring-offset-color: #D5DAE1;
-  }
-
-  .xl\:focus-within\:ring-offset-coolGray-300:focus-within {
-    --tw-ring-offset-color: #BBC3CF;
-  }
-
-  .xl\:focus-within\:ring-offset-coolGray-400:focus-within {
-    --tw-ring-offset-color: #8896AB;
-  }
-
-  .xl\:focus-within\:ring-offset-coolGray-500:focus-within {
-    --tw-ring-offset-color: #556987;
-  }
-
-  .xl\:focus-within\:ring-offset-coolGray-600:focus-within {
-    --tw-ring-offset-color: #4D5F7A;
-  }
-
-  .xl\:focus-within\:ring-offset-coolGray-700:focus-within {
-    --tw-ring-offset-color: #404F65;
-  }
-
-  .xl\:focus-within\:ring-offset-coolGray-800:focus-within {
-    --tw-ring-offset-color: #333F51;
-  }
-
-  .xl\:focus-within\:ring-offset-coolGray-900:focus-within {
-    --tw-ring-offset-color: #2A3342;
-  }
-
-  .xl\:focus-within\:ring-offset-indigo-50:focus-within {
-    --tw-ring-offset-color: #F8F6FF;
-  }
-
-  .xl\:focus-within\:ring-offset-indigo-100:focus-within {
-    --tw-ring-offset-color: #F0EEFF;
-  }
-
-  .xl\:focus-within\:ring-offset-indigo-200:focus-within {
-    --tw-ring-offset-color: #DAD4FF;
-  }
-
-  .xl\:focus-within\:ring-offset-indigo-300:focus-within {
-    --tw-ring-offset-color: #C3B9FF;
-  }
-
-  .xl\:focus-within\:ring-offset-indigo-400:focus-within {
-    --tw-ring-offset-color: #9685FF;
-  }
-
-  .xl\:focus-within\:ring-offset-indigo-500:focus-within {
-    --tw-ring-offset-color: #6951FF;
-  }
-
-  .xl\:focus-within\:ring-offset-indigo-600:focus-within {
-    --tw-ring-offset-color: #5F49E6;
-  }
-
-  .xl\:focus-within\:ring-offset-indigo-700:focus-within {
-    --tw-ring-offset-color: #4F3DBF;
-  }
-
-  .xl\:focus-within\:ring-offset-indigo-800:focus-within {
-    --tw-ring-offset-color: #3F3199;
-  }
-
-  .xl\:focus-within\:ring-offset-indigo-900:focus-within {
-    --tw-ring-offset-color: #33287D;
-  }
-
-  .xl\:focus-within\:ring-offset-violet-50:focus-within {
-    --tw-ring-offset-color: #FBF7FF;
-  }
-
-  .xl\:focus-within\:ring-offset-violet-100:focus-within {
-    --tw-ring-offset-color: #F6EEFE;
-  }
-
-  .xl\:focus-within\:ring-offset-violet-200:focus-within {
-    --tw-ring-offset-color: #E9D5FD;
-  }
-
-  .xl\:focus-within\:ring-offset-violet-300:focus-within {
-    --tw-ring-offset-color: #DCBBFC;
-  }
-
-  .xl\:focus-within\:ring-offset-violet-400:focus-within {
-    --tw-ring-offset-color: #C288F9;
-  }
-
-  .xl\:focus-within\:ring-offset-violet-500:focus-within {
-    --tw-ring-offset-color: #A855F7;
-  }
-
-  .xl\:focus-within\:ring-offset-violet-600:focus-within {
-    --tw-ring-offset-color: #974DDE;
-  }
-
-  .xl\:focus-within\:ring-offset-violet-700:focus-within {
-    --tw-ring-offset-color: #7E40B9;
-  }
-
-  .xl\:focus-within\:ring-offset-violet-800:focus-within {
-    --tw-ring-offset-color: #653394;
-  }
-
-  .xl\:focus-within\:ring-offset-violet-900:focus-within {
-    --tw-ring-offset-color: #522A79;
-  }
-
-  .xl\:focus-within\:ring-offset-yellow-50:focus-within {
-    --tw-ring-offset-color: #FFFAF3;
-  }
-
-  .xl\:focus-within\:ring-offset-yellow-100:focus-within {
-    --tw-ring-offset-color: #FEF5E7;
-  }
-
-  .xl\:focus-within\:ring-offset-yellow-200:focus-within {
-    --tw-ring-offset-color: #FDE7C2;
-  }
-
-  .xl\:focus-within\:ring-offset-yellow-300:focus-within {
-    --tw-ring-offset-color: #FBD89D;
-  }
-
-  .xl\:focus-within\:ring-offset-yellow-400:focus-within {
-    --tw-ring-offset-color: #F8BB54;
-  }
-
-  .xl\:focus-within\:ring-offset-yellow-500:focus-within {
-    --tw-ring-offset-color: #F59E0B;
-  }
-
-  .xl\:focus-within\:ring-offset-yellow-600:focus-within {
-    --tw-ring-offset-color: #DD8E0A;
-  }
-
-  .xl\:focus-within\:ring-offset-yellow-700:focus-within {
-    --tw-ring-offset-color: #B87708;
-  }
-
-  .xl\:focus-within\:ring-offset-yellow-800:focus-within {
-    --tw-ring-offset-color: #935F07;
-  }
-
-  .xl\:focus-within\:ring-offset-yellow-900:focus-within {
-    --tw-ring-offset-color: #784D05;
-  }
-
-  .xl\:focus-within\:ring-offset-red-50:focus-within {
-    --tw-ring-offset-color: #FEF7F6;
-  }
-
-  .xl\:focus-within\:ring-offset-red-100:focus-within {
-    --tw-ring-offset-color: #FDEEEC;
-  }
-
-  .xl\:focus-within\:ring-offset-red-200:focus-within {
-    --tw-ring-offset-color: #FBD6D0;
-  }
-
-  .xl\:focus-within\:ring-offset-red-300:focus-within {
-    --tw-ring-offset-color: #F9BDB4;
-  }
-
-  .xl\:focus-within\:ring-offset-red-400:focus-within {
-    --tw-ring-offset-color: #F48B7C;
-  }
-
-  .xl\:focus-within\:ring-offset-red-500:focus-within {
-    --tw-ring-offset-color: #EF5844;
-  }
-
-  .xl\:focus-within\:ring-offset-red-600:focus-within {
-    --tw-ring-offset-color: #D7503D;
-  }
-
-  .xl\:focus-within\:ring-offset-red-700:focus-within {
-    --tw-ring-offset-color: #B34333;
-  }
-
-  .xl\:focus-within\:ring-offset-red-800:focus-within {
-    --tw-ring-offset-color: #8F3529;
-  }
-
-  .xl\:focus-within\:ring-offset-red-900:focus-within {
-    --tw-ring-offset-color: #752C21;
-  }
-
-  .xl\:focus-within\:ring-offset-green-50:focus-within {
-    --tw-ring-offset-color: #F4FDF7;
-  }
-
-  .xl\:focus-within\:ring-offset-green-100:focus-within {
-    --tw-ring-offset-color: #EAFAF0;
-  }
-
-  .xl\:focus-within\:ring-offset-green-200:focus-within {
-    --tw-ring-offset-color: #CAF4D9;
-  }
-
-  .xl\:focus-within\:ring-offset-green-300:focus-within {
-    --tw-ring-offset-color: #AAEDC3;
-  }
-
-  .xl\:focus-within\:ring-offset-green-400:focus-within {
-    --tw-ring-offset-color: #6ADF95;
-  }
-
-  .xl\:focus-within\:ring-offset-green-500:focus-within {
-    --tw-ring-offset-color: #2AD167;
-  }
-
-  .xl\:focus-within\:ring-offset-green-600:focus-within {
-    --tw-ring-offset-color: #26BC5E;
-  }
-
-  .xl\:focus-within\:ring-offset-green-700:focus-within {
-    --tw-ring-offset-color: #209D4E;
-  }
-
-  .xl\:focus-within\:ring-offset-green-800:focus-within {
-    --tw-ring-offset-color: #197D3E;
-  }
-
-  .xl\:focus-within\:ring-offset-green-900:focus-within {
-    --tw-ring-offset-color: #156633;
-  }
-
-  .xl\:focus-within\:ring-offset-blue-50:focus-within {
-    --tw-ring-offset-color: #F5F9FF;
-  }
-
-  .xl\:focus-within\:ring-offset-blue-100:focus-within {
-    --tw-ring-offset-color: #EBF3FE;
-  }
-
-  .xl\:focus-within\:ring-offset-blue-200:focus-within {
-    --tw-ring-offset-color: #CEE0FD;
-  }
-
-  .xl\:focus-within\:ring-offset-blue-300:focus-within {
-    --tw-ring-offset-color: #B1CDFB;
-  }
-
-  .xl\:focus-within\:ring-offset-blue-400:focus-within {
-    --tw-ring-offset-color: #76A8F9;
-  }
-
-  .xl\:focus-within\:ring-offset-blue-500:focus-within {
-    --tw-ring-offset-color: #3B82F6;
-  }
-
-  .xl\:focus-within\:ring-offset-blue-600:focus-within {
-    --tw-ring-offset-color: #3575DD;
-  }
-
-  .xl\:focus-within\:ring-offset-blue-700:focus-within {
-    --tw-ring-offset-color: #2C62B9;
-  }
-
-  .xl\:focus-within\:ring-offset-blue-800:focus-within {
-    --tw-ring-offset-color: #234E94;
-  }
-
-  .xl\:focus-within\:ring-offset-blue-900:focus-within {
-    --tw-ring-offset-color: #1D4079;
-  }
-
-  .xl\:focus-within\:ring-offset-gray-50:focus-within {
-    --tw-ring-offset-color: #f9fafb;
-  }
-
-  .xl\:focus-within\:ring-offset-gray-100:focus-within {
-    --tw-ring-offset-color: #f3f4f6;
-  }
-
-  .xl\:focus-within\:ring-offset-gray-200:focus-within {
-    --tw-ring-offset-color: #e5e7eb;
-  }
-
-  .xl\:focus-within\:ring-offset-gray-300:focus-within {
-    --tw-ring-offset-color: #d1d5db;
-  }
-
-  .xl\:focus-within\:ring-offset-gray-400:focus-within {
-    --tw-ring-offset-color: #9ca3af;
-  }
-
-  .xl\:focus-within\:ring-offset-gray-500:focus-within {
-    --tw-ring-offset-color: #6b7280;
-  }
-
-  .xl\:focus-within\:ring-offset-gray-600:focus-within {
-    --tw-ring-offset-color: #4b5563;
-  }
-
-  .xl\:focus-within\:ring-offset-gray-700:focus-within {
-    --tw-ring-offset-color: #374151;
-  }
-
-  .xl\:focus-within\:ring-offset-gray-800:focus-within {
-    --tw-ring-offset-color: #1f2937;
-  }
-
-  .xl\:focus-within\:ring-offset-gray-900:focus-within {
-    --tw-ring-offset-color: #111827;
-  }
-
-  .xl\:focus\:ring-offset-current:focus {
-    --tw-ring-offset-color: currentColor;
-  }
-
-  .xl\:focus\:ring-offset-transparent:focus {
-    --tw-ring-offset-color: transparent;
-  }
-
-  .xl\:focus\:ring-offset-black:focus {
-    --tw-ring-offset-color: #000;
-  }
-
-  .xl\:focus\:ring-offset-white:focus {
-    --tw-ring-offset-color: #fff;
-  }
-
-  .xl\:focus\:ring-offset-darkCoolGray-50:focus {
-    --tw-ring-offset-color: #F5F6F7;
-  }
-
-  .xl\:focus\:ring-offset-darkCoolGray-100:focus {
-    --tw-ring-offset-color: #EBEDEF;
-  }
-
-  .xl\:focus\:ring-offset-darkCoolGray-200:focus {
-    --tw-ring-offset-color: #CED1D6;
-  }
-
-  .xl\:focus\:ring-offset-darkCoolGray-300:focus {
-    --tw-ring-offset-color: #B0B5BD;
-  }
-
-  .xl\:focus\:ring-offset-darkCoolGray-400:focus {
-    --tw-ring-offset-color: #757E8C;
-  }
-
-  .xl\:focus\:ring-offset-darkCoolGray-500:focus {
-    --tw-ring-offset-color: #3A475B;
-  }
-
-  .xl\:focus\:ring-offset-darkCoolGray-600:focus {
-    --tw-ring-offset-color: #344052;
-  }
-
-  .xl\:focus\:ring-offset-darkCoolGray-700:focus {
-    --tw-ring-offset-color: #2C3544;
-  }
-
-  .xl\:focus\:ring-offset-darkCoolGray-800:focus {
-    --tw-ring-offset-color: #232B37;
-  }
-
-  .xl\:focus\:ring-offset-darkCoolGray-900:focus {
-    --tw-ring-offset-color: #1C232D;
-  }
-
-  .xl\:focus\:ring-offset-coolGray-50:focus {
-    --tw-ring-offset-color: #F7F8F9;
-  }
-
-  .xl\:focus\:ring-offset-coolGray-100:focus {
-    --tw-ring-offset-color: #EEF0F3;
-  }
-
-  .xl\:focus\:ring-offset-coolGray-200:focus {
-    --tw-ring-offset-color: #D5DAE1;
-  }
-
-  .xl\:focus\:ring-offset-coolGray-300:focus {
-    --tw-ring-offset-color: #BBC3CF;
-  }
-
-  .xl\:focus\:ring-offset-coolGray-400:focus {
-    --tw-ring-offset-color: #8896AB;
-  }
-
-  .xl\:focus\:ring-offset-coolGray-500:focus {
-    --tw-ring-offset-color: #556987;
-  }
-
-  .xl\:focus\:ring-offset-coolGray-600:focus {
-    --tw-ring-offset-color: #4D5F7A;
-  }
-
-  .xl\:focus\:ring-offset-coolGray-700:focus {
-    --tw-ring-offset-color: #404F65;
-  }
-
-  .xl\:focus\:ring-offset-coolGray-800:focus {
-    --tw-ring-offset-color: #333F51;
-  }
-
-  .xl\:focus\:ring-offset-coolGray-900:focus {
-    --tw-ring-offset-color: #2A3342;
-  }
-
-  .xl\:focus\:ring-offset-indigo-50:focus {
-    --tw-ring-offset-color: #F8F6FF;
-  }
-
-  .xl\:focus\:ring-offset-indigo-100:focus {
-    --tw-ring-offset-color: #F0EEFF;
-  }
-
-  .xl\:focus\:ring-offset-indigo-200:focus {
-    --tw-ring-offset-color: #DAD4FF;
-  }
-
-  .xl\:focus\:ring-offset-indigo-300:focus {
-    --tw-ring-offset-color: #C3B9FF;
-  }
-
-  .xl\:focus\:ring-offset-indigo-400:focus {
-    --tw-ring-offset-color: #9685FF;
-  }
-
-  .xl\:focus\:ring-offset-indigo-500:focus {
-    --tw-ring-offset-color: #6951FF;
-  }
-
-  .xl\:focus\:ring-offset-indigo-600:focus {
-    --tw-ring-offset-color: #5F49E6;
-  }
-
-  .xl\:focus\:ring-offset-indigo-700:focus {
-    --tw-ring-offset-color: #4F3DBF;
-  }
-
-  .xl\:focus\:ring-offset-indigo-800:focus {
-    --tw-ring-offset-color: #3F3199;
-  }
-
-  .xl\:focus\:ring-offset-indigo-900:focus {
-    --tw-ring-offset-color: #33287D;
-  }
-
-  .xl\:focus\:ring-offset-violet-50:focus {
-    --tw-ring-offset-color: #FBF7FF;
-  }
-
-  .xl\:focus\:ring-offset-violet-100:focus {
-    --tw-ring-offset-color: #F6EEFE;
-  }
-
-  .xl\:focus\:ring-offset-violet-200:focus {
-    --tw-ring-offset-color: #E9D5FD;
-  }
-
-  .xl\:focus\:ring-offset-violet-300:focus {
-    --tw-ring-offset-color: #DCBBFC;
-  }
-
-  .xl\:focus\:ring-offset-violet-400:focus {
-    --tw-ring-offset-color: #C288F9;
-  }
-
-  .xl\:focus\:ring-offset-violet-500:focus {
-    --tw-ring-offset-color: #A855F7;
-  }
-
-  .xl\:focus\:ring-offset-violet-600:focus {
-    --tw-ring-offset-color: #974DDE;
-  }
-
-  .xl\:focus\:ring-offset-violet-700:focus {
-    --tw-ring-offset-color: #7E40B9;
-  }
-
-  .xl\:focus\:ring-offset-violet-800:focus {
-    --tw-ring-offset-color: #653394;
-  }
-
-  .xl\:focus\:ring-offset-violet-900:focus {
-    --tw-ring-offset-color: #522A79;
-  }
-
-  .xl\:focus\:ring-offset-yellow-50:focus {
-    --tw-ring-offset-color: #FFFAF3;
-  }
-
-  .xl\:focus\:ring-offset-yellow-100:focus {
-    --tw-ring-offset-color: #FEF5E7;
-  }
-
-  .xl\:focus\:ring-offset-yellow-200:focus {
-    --tw-ring-offset-color: #FDE7C2;
-  }
-
-  .xl\:focus\:ring-offset-yellow-300:focus {
-    --tw-ring-offset-color: #FBD89D;
-  }
-
-  .xl\:focus\:ring-offset-yellow-400:focus {
-    --tw-ring-offset-color: #F8BB54;
-  }
-
-  .xl\:focus\:ring-offset-yellow-500:focus {
-    --tw-ring-offset-color: #F59E0B;
-  }
-
-  .xl\:focus\:ring-offset-yellow-600:focus {
-    --tw-ring-offset-color: #DD8E0A;
-  }
-
-  .xl\:focus\:ring-offset-yellow-700:focus {
-    --tw-ring-offset-color: #B87708;
-  }
-
-  .xl\:focus\:ring-offset-yellow-800:focus {
-    --tw-ring-offset-color: #935F07;
-  }
-
-  .xl\:focus\:ring-offset-yellow-900:focus {
-    --tw-ring-offset-color: #784D05;
-  }
-
-  .xl\:focus\:ring-offset-red-50:focus {
-    --tw-ring-offset-color: #FEF7F6;
-  }
-
-  .xl\:focus\:ring-offset-red-100:focus {
-    --tw-ring-offset-color: #FDEEEC;
-  }
-
-  .xl\:focus\:ring-offset-red-200:focus {
-    --tw-ring-offset-color: #FBD6D0;
-  }
-
-  .xl\:focus\:ring-offset-red-300:focus {
-    --tw-ring-offset-color: #F9BDB4;
-  }
-
-  .xl\:focus\:ring-offset-red-400:focus {
-    --tw-ring-offset-color: #F48B7C;
-  }
-
-  .xl\:focus\:ring-offset-red-500:focus {
-    --tw-ring-offset-color: #EF5844;
-  }
-
-  .xl\:focus\:ring-offset-red-600:focus {
-    --tw-ring-offset-color: #D7503D;
-  }
-
-  .xl\:focus\:ring-offset-red-700:focus {
-    --tw-ring-offset-color: #B34333;
-  }
-
-  .xl\:focus\:ring-offset-red-800:focus {
-    --tw-ring-offset-color: #8F3529;
-  }
-
-  .xl\:focus\:ring-offset-red-900:focus {
-    --tw-ring-offset-color: #752C21;
-  }
-
-  .xl\:focus\:ring-offset-green-50:focus {
-    --tw-ring-offset-color: #F4FDF7;
-  }
-
-  .xl\:focus\:ring-offset-green-100:focus {
-    --tw-ring-offset-color: #EAFAF0;
-  }
-
-  .xl\:focus\:ring-offset-green-200:focus {
-    --tw-ring-offset-color: #CAF4D9;
-  }
-
-  .xl\:focus\:ring-offset-green-300:focus {
-    --tw-ring-offset-color: #AAEDC3;
-  }
-
-  .xl\:focus\:ring-offset-green-400:focus {
-    --tw-ring-offset-color: #6ADF95;
-  }
-
-  .xl\:focus\:ring-offset-green-500:focus {
-    --tw-ring-offset-color: #2AD167;
-  }
-
-  .xl\:focus\:ring-offset-green-600:focus {
-    --tw-ring-offset-color: #26BC5E;
-  }
-
-  .xl\:focus\:ring-offset-green-700:focus {
-    --tw-ring-offset-color: #209D4E;
-  }
-
-  .xl\:focus\:ring-offset-green-800:focus {
-    --tw-ring-offset-color: #197D3E;
-  }
-
-  .xl\:focus\:ring-offset-green-900:focus {
-    --tw-ring-offset-color: #156633;
-  }
-
-  .xl\:focus\:ring-offset-blue-50:focus {
-    --tw-ring-offset-color: #F5F9FF;
-  }
-
-  .xl\:focus\:ring-offset-blue-100:focus {
-    --tw-ring-offset-color: #EBF3FE;
-  }
-
-  .xl\:focus\:ring-offset-blue-200:focus {
-    --tw-ring-offset-color: #CEE0FD;
-  }
-
-  .xl\:focus\:ring-offset-blue-300:focus {
-    --tw-ring-offset-color: #B1CDFB;
-  }
-
-  .xl\:focus\:ring-offset-blue-400:focus {
-    --tw-ring-offset-color: #76A8F9;
-  }
-
-  .xl\:focus\:ring-offset-blue-500:focus {
-    --tw-ring-offset-color: #3B82F6;
-  }
-
-  .xl\:focus\:ring-offset-blue-600:focus {
-    --tw-ring-offset-color: #3575DD;
-  }
-
-  .xl\:focus\:ring-offset-blue-700:focus {
-    --tw-ring-offset-color: #2C62B9;
-  }
-
-  .xl\:focus\:ring-offset-blue-800:focus {
-    --tw-ring-offset-color: #234E94;
-  }
-
-  .xl\:focus\:ring-offset-blue-900:focus {
-    --tw-ring-offset-color: #1D4079;
-  }
-
-  .xl\:focus\:ring-offset-gray-50:focus {
-    --tw-ring-offset-color: #f9fafb;
-  }
-
-  .xl\:focus\:ring-offset-gray-100:focus {
-    --tw-ring-offset-color: #f3f4f6;
-  }
-
-  .xl\:focus\:ring-offset-gray-200:focus {
-    --tw-ring-offset-color: #e5e7eb;
-  }
-
-  .xl\:focus\:ring-offset-gray-300:focus {
-    --tw-ring-offset-color: #d1d5db;
-  }
-
-  .xl\:focus\:ring-offset-gray-400:focus {
-    --tw-ring-offset-color: #9ca3af;
-  }
-
-  .xl\:focus\:ring-offset-gray-500:focus {
-    --tw-ring-offset-color: #6b7280;
-  }
-
-  .xl\:focus\:ring-offset-gray-600:focus {
-    --tw-ring-offset-color: #4b5563;
-  }
-
-  .xl\:focus\:ring-offset-gray-700:focus {
-    --tw-ring-offset-color: #374151;
-  }
-
-  .xl\:focus\:ring-offset-gray-800:focus {
-    --tw-ring-offset-color: #1f2937;
-  }
-
-  .xl\:focus\:ring-offset-gray-900:focus {
-    --tw-ring-offset-color: #111827;
-  }
-
-  .xl\:ring-offset-0 {
-    --tw-ring-offset-width: 0px;
-  }
-
-  .xl\:ring-offset-1 {
-    --tw-ring-offset-width: 1px;
-  }
-
-  .xl\:ring-offset-2 {
-    --tw-ring-offset-width: 2px;
-  }
-
-  .xl\:ring-offset-4 {
-    --tw-ring-offset-width: 4px;
-  }
-
-  .xl\:ring-offset-8 {
-    --tw-ring-offset-width: 8px;
-  }
-
-  .xl\:focus-within\:ring-offset-0:focus-within {
-    --tw-ring-offset-width: 0px;
-  }
-
-  .xl\:focus-within\:ring-offset-1:focus-within {
-    --tw-ring-offset-width: 1px;
-  }
-
-  .xl\:focus-within\:ring-offset-2:focus-within {
-    --tw-ring-offset-width: 2px;
-  }
-
-  .xl\:focus-within\:ring-offset-4:focus-within {
-    --tw-ring-offset-width: 4px;
-  }
-
-  .xl\:focus-within\:ring-offset-8:focus-within {
-    --tw-ring-offset-width: 8px;
-  }
-
-  .xl\:focus\:ring-offset-0:focus {
-    --tw-ring-offset-width: 0px;
-  }
-
-  .xl\:focus\:ring-offset-1:focus {
-    --tw-ring-offset-width: 1px;
-  }
-
-  .xl\:focus\:ring-offset-2:focus {
-    --tw-ring-offset-width: 2px;
-  }
-
-  .xl\:focus\:ring-offset-4:focus {
-    --tw-ring-offset-width: 4px;
-  }
-
-  .xl\:focus\:ring-offset-8:focus {
-    --tw-ring-offset-width: 8px;
-  }
-
-  .xl\:ring-current {
-    --tw-ring-color: currentColor;
-  }
-
-  .xl\:ring-transparent {
-    --tw-ring-color: transparent;
-  }
-
-  .xl\:ring-black {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-white {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-darkCoolGray-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-darkCoolGray-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-darkCoolGray-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-darkCoolGray-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-darkCoolGray-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-darkCoolGray-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-darkCoolGray-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-darkCoolGray-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-darkCoolGray-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-darkCoolGray-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-coolGray-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-coolGray-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-coolGray-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-coolGray-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-coolGray-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-coolGray-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-coolGray-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-coolGray-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-coolGray-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-coolGray-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-indigo-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-indigo-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-indigo-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-indigo-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-indigo-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-indigo-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-indigo-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-indigo-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-indigo-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-indigo-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-violet-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-violet-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-violet-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-violet-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-violet-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-violet-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-violet-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-violet-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-violet-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-violet-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-yellow-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-yellow-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-yellow-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-yellow-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-yellow-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-yellow-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-yellow-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-yellow-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-yellow-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-yellow-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-red-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-red-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-red-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-red-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-red-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-red-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-red-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-red-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-red-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-red-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-green-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-green-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-green-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-green-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-green-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-green-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-green-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-green-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-green-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-green-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-blue-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-blue-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-blue-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-blue-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-blue-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-blue-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-blue-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-blue-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-blue-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-blue-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-gray-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-gray-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-gray-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-gray-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-gray-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-gray-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-gray-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-gray-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-gray-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-gray-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-current:focus-within {
-    --tw-ring-color: currentColor;
-  }
-
-  .xl\:focus-within\:ring-transparent:focus-within {
-    --tw-ring-color: transparent;
-  }
-
-  .xl\:focus-within\:ring-black:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-white:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-darkCoolGray-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-darkCoolGray-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-darkCoolGray-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-darkCoolGray-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-darkCoolGray-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-darkCoolGray-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-darkCoolGray-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-darkCoolGray-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-darkCoolGray-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-darkCoolGray-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-coolGray-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-coolGray-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-coolGray-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-coolGray-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-coolGray-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-coolGray-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-coolGray-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-coolGray-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-coolGray-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-coolGray-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-indigo-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-indigo-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-indigo-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-indigo-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-indigo-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-indigo-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-indigo-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-indigo-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-indigo-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-indigo-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-violet-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-violet-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-violet-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-violet-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-violet-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-violet-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-violet-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-violet-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-violet-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-violet-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-yellow-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-yellow-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-yellow-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-yellow-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-yellow-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-yellow-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-yellow-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-yellow-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-yellow-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-yellow-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-red-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-red-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-red-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-red-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-red-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-red-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-red-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-red-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-red-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-red-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-green-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-green-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-green-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-green-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-green-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-green-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-green-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-green-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-green-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-green-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-blue-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-blue-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-blue-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-blue-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-blue-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-blue-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-blue-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-blue-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-blue-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-blue-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-gray-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-gray-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-gray-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-gray-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-gray-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-gray-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-gray-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-gray-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-gray-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus-within\:ring-gray-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-current:focus {
-    --tw-ring-color: currentColor;
-  }
-
-  .xl\:focus\:ring-transparent:focus {
-    --tw-ring-color: transparent;
-  }
-
-  .xl\:focus\:ring-black:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-white:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-darkCoolGray-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-darkCoolGray-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-darkCoolGray-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-darkCoolGray-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-darkCoolGray-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-darkCoolGray-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-darkCoolGray-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-darkCoolGray-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-darkCoolGray-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-darkCoolGray-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-coolGray-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-coolGray-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-coolGray-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-coolGray-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-coolGray-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-coolGray-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-coolGray-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-coolGray-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-coolGray-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-coolGray-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-indigo-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-indigo-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-indigo-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-indigo-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-indigo-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-indigo-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-indigo-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-indigo-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-indigo-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-indigo-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-violet-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-violet-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-violet-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-violet-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-violet-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-violet-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-violet-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-violet-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-violet-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-violet-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-yellow-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-yellow-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-yellow-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-yellow-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-yellow-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-yellow-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-yellow-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-yellow-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-yellow-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-yellow-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-red-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-red-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-red-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-red-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-red-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-red-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-red-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-red-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-red-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-red-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-green-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-green-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-green-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-green-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-green-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-green-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-green-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-green-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-green-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-green-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-blue-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-blue-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-blue-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-blue-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-blue-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-blue-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-blue-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-blue-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-blue-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-blue-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-gray-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-gray-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-gray-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-gray-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-gray-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-gray-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-gray-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-gray-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-gray-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-  }
-
-  .xl\:focus\:ring-gray-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-  }
-
-  .xl\:ring-opacity-0 {
-    --tw-ring-opacity: 0;
-  }
-
-  .xl\:ring-opacity-5 {
-    --tw-ring-opacity: 0.05;
-  }
-
-  .xl\:ring-opacity-10 {
-    --tw-ring-opacity: 0.1;
-  }
-
-  .xl\:ring-opacity-20 {
-    --tw-ring-opacity: 0.2;
-  }
-
-  .xl\:ring-opacity-25 {
-    --tw-ring-opacity: 0.25;
-  }
-
-  .xl\:ring-opacity-30 {
-    --tw-ring-opacity: 0.3;
-  }
-
-  .xl\:ring-opacity-40 {
-    --tw-ring-opacity: 0.4;
-  }
-
-  .xl\:ring-opacity-50 {
-    --tw-ring-opacity: 0.5;
-  }
-
-  .xl\:ring-opacity-60 {
-    --tw-ring-opacity: 0.6;
-  }
-
-  .xl\:ring-opacity-70 {
-    --tw-ring-opacity: 0.7;
-  }
-
-  .xl\:ring-opacity-75 {
-    --tw-ring-opacity: 0.75;
-  }
-
-  .xl\:ring-opacity-80 {
-    --tw-ring-opacity: 0.8;
-  }
-
-  .xl\:ring-opacity-90 {
-    --tw-ring-opacity: 0.9;
-  }
-
-  .xl\:ring-opacity-95 {
-    --tw-ring-opacity: 0.95;
-  }
-
-  .xl\:ring-opacity-100 {
-    --tw-ring-opacity: 1;
-  }
-
-  .xl\:focus-within\:ring-opacity-0:focus-within {
-    --tw-ring-opacity: 0;
-  }
-
-  .xl\:focus-within\:ring-opacity-5:focus-within {
-    --tw-ring-opacity: 0.05;
-  }
-
-  .xl\:focus-within\:ring-opacity-10:focus-within {
-    --tw-ring-opacity: 0.1;
-  }
-
-  .xl\:focus-within\:ring-opacity-20:focus-within {
-    --tw-ring-opacity: 0.2;
-  }
-
-  .xl\:focus-within\:ring-opacity-25:focus-within {
-    --tw-ring-opacity: 0.25;
-  }
-
-  .xl\:focus-within\:ring-opacity-30:focus-within {
-    --tw-ring-opacity: 0.3;
-  }
-
-  .xl\:focus-within\:ring-opacity-40:focus-within {
-    --tw-ring-opacity: 0.4;
-  }
-
-  .xl\:focus-within\:ring-opacity-50:focus-within {
-    --tw-ring-opacity: 0.5;
-  }
-
-  .xl\:focus-within\:ring-opacity-60:focus-within {
-    --tw-ring-opacity: 0.6;
-  }
-
-  .xl\:focus-within\:ring-opacity-70:focus-within {
-    --tw-ring-opacity: 0.7;
-  }
-
-  .xl\:focus-within\:ring-opacity-75:focus-within {
-    --tw-ring-opacity: 0.75;
-  }
-
-  .xl\:focus-within\:ring-opacity-80:focus-within {
-    --tw-ring-opacity: 0.8;
-  }
-
-  .xl\:focus-within\:ring-opacity-90:focus-within {
-    --tw-ring-opacity: 0.9;
-  }
-
-  .xl\:focus-within\:ring-opacity-95:focus-within {
-    --tw-ring-opacity: 0.95;
-  }
-
-  .xl\:focus-within\:ring-opacity-100:focus-within {
-    --tw-ring-opacity: 1;
-  }
-
-  .xl\:focus\:ring-opacity-0:focus {
-    --tw-ring-opacity: 0;
-  }
-
-  .xl\:focus\:ring-opacity-5:focus {
-    --tw-ring-opacity: 0.05;
-  }
-
-  .xl\:focus\:ring-opacity-10:focus {
-    --tw-ring-opacity: 0.1;
-  }
-
-  .xl\:focus\:ring-opacity-20:focus {
-    --tw-ring-opacity: 0.2;
-  }
-
-  .xl\:focus\:ring-opacity-25:focus {
-    --tw-ring-opacity: 0.25;
-  }
-
-  .xl\:focus\:ring-opacity-30:focus {
-    --tw-ring-opacity: 0.3;
-  }
-
-  .xl\:focus\:ring-opacity-40:focus {
-    --tw-ring-opacity: 0.4;
-  }
-
-  .xl\:focus\:ring-opacity-50:focus {
-    --tw-ring-opacity: 0.5;
-  }
-
-  .xl\:focus\:ring-opacity-60:focus {
-    --tw-ring-opacity: 0.6;
-  }
-
-  .xl\:focus\:ring-opacity-70:focus {
-    --tw-ring-opacity: 0.7;
-  }
-
-  .xl\:focus\:ring-opacity-75:focus {
-    --tw-ring-opacity: 0.75;
-  }
-
-  .xl\:focus\:ring-opacity-80:focus {
-    --tw-ring-opacity: 0.8;
-  }
-
-  .xl\:focus\:ring-opacity-90:focus {
-    --tw-ring-opacity: 0.9;
-  }
-
-  .xl\:focus\:ring-opacity-95:focus {
-    --tw-ring-opacity: 0.95;
-  }
-
-  .xl\:focus\:ring-opacity-100:focus {
-    --tw-ring-opacity: 1;
-  }
-
-  .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-black {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .xl\:text-white {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:text-darkCoolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .xl\:text-darkCoolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .xl\:text-darkCoolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .xl\:text-darkCoolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .xl\:text-darkCoolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .xl\:text-darkCoolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .xl\:text-darkCoolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .xl\:text-darkCoolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .xl\:text-darkCoolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .xl\:text-darkCoolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .xl\:text-coolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .xl\:text-coolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .xl\:text-coolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .xl\:text-coolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .xl\:text-coolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .xl\:text-coolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .xl\:text-coolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .xl\:text-coolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .xl\:text-coolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .xl\:text-coolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .xl\:text-indigo-50 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:text-indigo-100 {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:text-indigo-200 {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:text-indigo-300 {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:text-indigo-400 {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:text-indigo-500 {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:text-indigo-600 {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .xl\:text-indigo-700 {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .xl\:text-indigo-800 {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .xl\:text-indigo-900 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .xl\:text-violet-50 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:text-violet-100 {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .xl\:text-violet-200 {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .xl\:text-violet-300 {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .xl\:text-violet-400 {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .xl\:text-violet-500 {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .xl\:text-violet-600 {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .xl\:text-violet-700 {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .xl\:text-violet-800 {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .xl\:text-violet-900 {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .xl\:text-yellow-50 {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .xl\:text-yellow-100 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .xl\:text-yellow-200 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .xl\:text-yellow-300 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .xl\:text-yellow-400 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .xl\:text-yellow-500 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .xl\:text-yellow-600 {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .xl\:text-yellow-700 {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .xl\:text-yellow-800 {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .xl\:text-yellow-900 {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .xl\:text-red-50 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .xl\:text-red-100 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .xl\:text-red-200 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .xl\:text-red-300 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .xl\:text-red-400 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .xl\:text-red-500 {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .xl\:text-red-600 {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .xl\:text-red-700 {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .xl\:text-red-800 {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .xl\:text-red-900 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .xl\:text-green-50 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .xl\:text-green-100 {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .xl\:text-green-200 {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .xl\:text-green-300 {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .xl\:text-green-400 {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .xl\:text-green-500 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .xl\:text-green-600 {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .xl\:text-green-700 {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .xl\:text-green-800 {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .xl\:text-green-900 {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .xl\:text-blue-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:text-blue-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .xl\:text-blue-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .xl\:text-blue-300 {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .xl\:text-blue-400 {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .xl\:text-blue-500 {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .xl\:text-blue-600 {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .xl\:text-blue-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .xl\:text-blue-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .xl\:text-blue-900 {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .xl\:text-gray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .xl\:text-gray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .xl\:text-gray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .xl\:text-gray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .xl\:text-gray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .xl\:text-gray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .xl\:text-gray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .xl\:text-gray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .xl\:text-gray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .xl\:text-gray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .xl\:text-body {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-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-black {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-white {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-darkCoolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-darkCoolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-darkCoolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-darkCoolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-darkCoolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-darkCoolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-darkCoolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-darkCoolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-darkCoolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-darkCoolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-coolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-coolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-coolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-coolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-coolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-coolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-coolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-coolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-coolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-coolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-50 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-100 {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-200 {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-300 {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-400 {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-500 {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-600 {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-700 {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-800 {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-900 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-violet-50 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-violet-100 {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-violet-200 {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-violet-300 {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-violet-400 {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-violet-500 {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-violet-600 {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-violet-700 {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-violet-800 {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-violet-900 {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-50 {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-100 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-200 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-300 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-400 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-500 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-600 {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-700 {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-800 {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-900 {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-50 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-100 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-200 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-300 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-400 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-500 {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-600 {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-700 {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-800 {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-900 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-50 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-100 {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-200 {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-300 {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-400 {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-500 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-600 {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-700 {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-800 {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-900 {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-300 {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-400 {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-500 {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-600 {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-900 {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-body {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-current:focus-within {
-    color: currentColor;
-  }
-
-  .xl\:focus-within\:text-transparent:focus-within {
-    color: transparent;
-  }
-
-  .xl\:focus-within\:text-black:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-white:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-darkCoolGray-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-darkCoolGray-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-darkCoolGray-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-darkCoolGray-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-darkCoolGray-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-darkCoolGray-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-darkCoolGray-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-darkCoolGray-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-darkCoolGray-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-darkCoolGray-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-coolGray-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-coolGray-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-coolGray-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-coolGray-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-coolGray-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-coolGray-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-coolGray-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-coolGray-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-coolGray-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-coolGray-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-violet-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-violet-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-violet-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-violet-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-violet-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-violet-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-violet-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-violet-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-violet-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-violet-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .xl\:focus-within\:text-body:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-current:hover {
-    color: currentColor;
-  }
-
-  .xl\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .xl\:hover\:text-black:hover {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-white:hover {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-darkCoolGray-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-darkCoolGray-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-darkCoolGray-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-darkCoolGray-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-darkCoolGray-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-darkCoolGray-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-darkCoolGray-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-darkCoolGray-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-darkCoolGray-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-darkCoolGray-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-coolGray-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-coolGray-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-coolGray-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-coolGray-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-coolGray-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-coolGray-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-coolGray-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-coolGray-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-coolGray-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-coolGray-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-violet-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-violet-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-violet-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-violet-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-violet-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-violet-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-violet-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-violet-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-violet-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-violet-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-red-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-red-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-red-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-red-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-red-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-red-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-red-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-red-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-red-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-red-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-green-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-green-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-green-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-green-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-green-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-green-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-green-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-green-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-green-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-green-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-blue-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-blue-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-blue-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-blue-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-blue-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-blue-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-blue-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-blue-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-blue-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-blue-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-gray-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-gray-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-gray-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-gray-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-gray-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-gray-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-gray-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-gray-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-gray-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-gray-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .xl\:hover\:text-body:hover {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-current:focus {
-    color: currentColor;
-  }
-
-  .xl\:focus\:text-transparent:focus {
-    color: transparent;
-  }
-
-  .xl\:focus\:text-black:focus {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-white:focus {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-darkCoolGray-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-darkCoolGray-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-darkCoolGray-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-darkCoolGray-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-darkCoolGray-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-darkCoolGray-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-darkCoolGray-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-darkCoolGray-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-darkCoolGray-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-darkCoolGray-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-coolGray-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-coolGray-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-coolGray-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-coolGray-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-coolGray-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-coolGray-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-coolGray-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-coolGray-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-coolGray-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-coolGray-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-violet-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-violet-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-violet-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-violet-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-violet-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-violet-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-violet-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-violet-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-violet-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-violet-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-red-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-red-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-red-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-red-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-red-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-red-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-red-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-red-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-red-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-red-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-green-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-green-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-green-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-green-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-green-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-green-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-green-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-green-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-green-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-green-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-blue-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-blue-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-blue-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-blue-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-blue-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-blue-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-blue-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-blue-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-blue-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-blue-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-gray-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-gray-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-gray-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-gray-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-gray-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-gray-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-gray-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-gray-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-gray-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-gray-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .xl\:focus\:text-body:focus {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .xl\:text-opacity-0 {
-    --tw-text-opacity: 0;
-  }
-
-  .xl\:text-opacity-5 {
-    --tw-text-opacity: 0.05;
-  }
-
-  .xl\:text-opacity-10 {
-    --tw-text-opacity: 0.1;
-  }
-
-  .xl\:text-opacity-20 {
-    --tw-text-opacity: 0.2;
-  }
-
-  .xl\:text-opacity-25 {
-    --tw-text-opacity: 0.25;
-  }
-
-  .xl\:text-opacity-30 {
-    --tw-text-opacity: 0.3;
-  }
-
-  .xl\:text-opacity-40 {
-    --tw-text-opacity: 0.4;
-  }
-
-  .xl\:text-opacity-50 {
-    --tw-text-opacity: 0.5;
-  }
-
-  .xl\:text-opacity-60 {
-    --tw-text-opacity: 0.6;
-  }
-
-  .xl\:text-opacity-70 {
-    --tw-text-opacity: 0.7;
-  }
-
-  .xl\:text-opacity-75 {
-    --tw-text-opacity: 0.75;
-  }
-
-  .xl\:text-opacity-80 {
-    --tw-text-opacity: 0.8;
-  }
-
-  .xl\:text-opacity-90 {
-    --tw-text-opacity: 0.9;
-  }
-
-  .xl\:text-opacity-95 {
-    --tw-text-opacity: 0.95;
-  }
-
-  .xl\:text-opacity-100 {
-    --tw-text-opacity: 1;
-  }
-
-  .group:hover .xl\:group-hover\:text-opacity-0 {
-    --tw-text-opacity: 0;
-  }
-
-  .group:hover .xl\:group-hover\:text-opacity-5 {
-    --tw-text-opacity: 0.05;
-  }
-
-  .group:hover .xl\:group-hover\:text-opacity-10 {
-    --tw-text-opacity: 0.1;
-  }
-
-  .group:hover .xl\:group-hover\:text-opacity-20 {
-    --tw-text-opacity: 0.2;
-  }
-
-  .group:hover .xl\:group-hover\:text-opacity-25 {
-    --tw-text-opacity: 0.25;
-  }
-
-  .group:hover .xl\:group-hover\:text-opacity-30 {
-    --tw-text-opacity: 0.3;
-  }
-
-  .group:hover .xl\:group-hover\:text-opacity-40 {
-    --tw-text-opacity: 0.4;
-  }
-
-  .group:hover .xl\:group-hover\:text-opacity-50 {
-    --tw-text-opacity: 0.5;
-  }
-
-  .group:hover .xl\:group-hover\:text-opacity-60 {
-    --tw-text-opacity: 0.6;
-  }
-
-  .group:hover .xl\:group-hover\:text-opacity-70 {
-    --tw-text-opacity: 0.7;
-  }
-
-  .group:hover .xl\:group-hover\:text-opacity-75 {
-    --tw-text-opacity: 0.75;
-  }
-
-  .group:hover .xl\:group-hover\:text-opacity-80 {
-    --tw-text-opacity: 0.8;
-  }
-
-  .group:hover .xl\:group-hover\:text-opacity-90 {
-    --tw-text-opacity: 0.9;
-  }
-
-  .group:hover .xl\:group-hover\:text-opacity-95 {
-    --tw-text-opacity: 0.95;
-  }
-
-  .group:hover .xl\:group-hover\:text-opacity-100 {
-    --tw-text-opacity: 1;
-  }
-
-  .xl\:focus-within\:text-opacity-0:focus-within {
-    --tw-text-opacity: 0;
-  }
-
-  .xl\:focus-within\:text-opacity-5:focus-within {
-    --tw-text-opacity: 0.05;
-  }
-
-  .xl\:focus-within\:text-opacity-10:focus-within {
-    --tw-text-opacity: 0.1;
-  }
-
-  .xl\:focus-within\:text-opacity-20:focus-within {
-    --tw-text-opacity: 0.2;
-  }
-
-  .xl\:focus-within\:text-opacity-25:focus-within {
-    --tw-text-opacity: 0.25;
-  }
-
-  .xl\:focus-within\:text-opacity-30:focus-within {
-    --tw-text-opacity: 0.3;
-  }
-
-  .xl\:focus-within\:text-opacity-40:focus-within {
-    --tw-text-opacity: 0.4;
-  }
-
-  .xl\:focus-within\:text-opacity-50:focus-within {
-    --tw-text-opacity: 0.5;
-  }
-
-  .xl\:focus-within\:text-opacity-60:focus-within {
-    --tw-text-opacity: 0.6;
-  }
-
-  .xl\:focus-within\:text-opacity-70:focus-within {
-    --tw-text-opacity: 0.7;
-  }
-
-  .xl\:focus-within\:text-opacity-75:focus-within {
-    --tw-text-opacity: 0.75;
-  }
-
-  .xl\:focus-within\:text-opacity-80:focus-within {
-    --tw-text-opacity: 0.8;
-  }
-
-  .xl\:focus-within\:text-opacity-90:focus-within {
-    --tw-text-opacity: 0.9;
-  }
-
-  .xl\:focus-within\:text-opacity-95:focus-within {
-    --tw-text-opacity: 0.95;
-  }
-
-  .xl\:focus-within\:text-opacity-100:focus-within {
-    --tw-text-opacity: 1;
-  }
-
-  .xl\:hover\:text-opacity-0:hover {
-    --tw-text-opacity: 0;
-  }
-
-  .xl\:hover\:text-opacity-5:hover {
-    --tw-text-opacity: 0.05;
-  }
-
-  .xl\:hover\:text-opacity-10:hover {
-    --tw-text-opacity: 0.1;
-  }
-
-  .xl\:hover\:text-opacity-20:hover {
-    --tw-text-opacity: 0.2;
-  }
-
-  .xl\:hover\:text-opacity-25:hover {
-    --tw-text-opacity: 0.25;
-  }
-
-  .xl\:hover\:text-opacity-30:hover {
-    --tw-text-opacity: 0.3;
-  }
-
-  .xl\:hover\:text-opacity-40:hover {
-    --tw-text-opacity: 0.4;
-  }
-
-  .xl\:hover\:text-opacity-50:hover {
-    --tw-text-opacity: 0.5;
-  }
-
-  .xl\:hover\:text-opacity-60:hover {
-    --tw-text-opacity: 0.6;
-  }
-
-  .xl\:hover\:text-opacity-70:hover {
-    --tw-text-opacity: 0.7;
-  }
-
-  .xl\:hover\:text-opacity-75:hover {
-    --tw-text-opacity: 0.75;
-  }
-
-  .xl\:hover\:text-opacity-80:hover {
-    --tw-text-opacity: 0.8;
-  }
-
-  .xl\:hover\:text-opacity-90:hover {
-    --tw-text-opacity: 0.9;
-  }
-
-  .xl\:hover\:text-opacity-95:hover {
-    --tw-text-opacity: 0.95;
-  }
-
-  .xl\:hover\:text-opacity-100:hover {
-    --tw-text-opacity: 1;
-  }
-
-  .xl\:focus\:text-opacity-0:focus {
-    --tw-text-opacity: 0;
-  }
-
-  .xl\:focus\:text-opacity-5:focus {
-    --tw-text-opacity: 0.05;
-  }
-
-  .xl\:focus\:text-opacity-10:focus {
-    --tw-text-opacity: 0.1;
-  }
-
-  .xl\:focus\:text-opacity-20:focus {
-    --tw-text-opacity: 0.2;
-  }
-
-  .xl\:focus\:text-opacity-25:focus {
-    --tw-text-opacity: 0.25;
-  }
-
-  .xl\:focus\:text-opacity-30:focus {
-    --tw-text-opacity: 0.3;
-  }
-
-  .xl\:focus\:text-opacity-40:focus {
-    --tw-text-opacity: 0.4;
-  }
-
-  .xl\:focus\:text-opacity-50:focus {
-    --tw-text-opacity: 0.5;
-  }
-
-  .xl\:focus\:text-opacity-60:focus {
-    --tw-text-opacity: 0.6;
-  }
-
-  .xl\:focus\:text-opacity-70:focus {
-    --tw-text-opacity: 0.7;
-  }
-
-  .xl\:focus\:text-opacity-75:focus {
-    --tw-text-opacity: 0.75;
-  }
-
-  .xl\:focus\:text-opacity-80:focus {
-    --tw-text-opacity: 0.8;
-  }
-
-  .xl\:focus\:text-opacity-90:focus {
-    --tw-text-opacity: 0.9;
-  }
-
-  .xl\:focus\:text-opacity-95:focus {
-    --tw-text-opacity: 0.95;
-  }
-
-  .xl\:focus\:text-opacity-100:focus {
-    --tw-text-opacity: 1;
-  }
-
-  .xl\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .xl\:overflow-ellipsis {
-    text-overflow: ellipsis;
-  }
-
-  .xl\:overflow-clip {
-    text-overflow: clip;
-  }
-
-  .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;
-  }
-
-  .xl\:focus-within\:underline:focus-within {
-    text-decoration: underline;
-  }
-
-  .xl\:focus-within\:line-through:focus-within {
-    text-decoration: line-through;
-  }
-
-  .xl\:focus-within\:no-underline:focus-within {
-    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 {
-    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
-    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
-    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
-    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
-    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
-    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
-  }
-
-  .xl\:normal-nums {
-    font-variant-numeric: normal;
-  }
-
-  .xl\:ordinal {
-    --tw-ordinal: ordinal;
-  }
-
-  .xl\:slashed-zero {
-    --tw-slashed-zero: slashed-zero;
-  }
-
-  .xl\:lining-nums {
-    --tw-numeric-figure: lining-nums;
-  }
-
-  .xl\:oldstyle-nums {
-    --tw-numeric-figure: oldstyle-nums;
-  }
-
-  .xl\:proportional-nums {
-    --tw-numeric-spacing: proportional-nums;
-  }
-
-  .xl\:tabular-nums {
-    --tw-numeric-spacing: tabular-nums;
-  }
-
-  .xl\:diagonal-fractions {
-    --tw-numeric-fraction: diagonal-fractions;
-  }
-
-  .xl\:stacked-fractions {
-    --tw-numeric-fraction: stacked-fractions;
-  }
-
-  .xl\:tracking-tighter {
-    letter-spacing: -0.02em;
-  }
-
-  .xl\:tracking-tight {
-    letter-spacing: -1px;
-  }
-
-  .xl\:tracking-normal {
-    letter-spacing: 0em;
-  }
-
-  .xl\:tracking-wide {
-    letter-spacing: 0.03em;
-  }
-
-  .xl\:tracking-wider {
-    letter-spacing: 0.08em;
-  }
-
-  .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-nowrap {
-    white-space: nowrap;
-  }
-
-  .xl\:whitespace-pre {
-    white-space: pre;
-  }
-
-  .xl\:whitespace-pre-line {
-    white-space: pre-line;
-  }
-
-  .xl\:whitespace-pre-wrap {
-    white-space: pre-wrap;
-  }
-
-  .xl\:break-normal {
-    overflow-wrap: normal;
-    word-break: normal;
-  }
-
-  .xl\:break-words {
-    overflow-wrap: break-word;
-  }
-
-  .xl\:break-all {
-    word-break: break-all;
-  }
-
-  .xl\:w-0 {
-    width: 0px;
-  }
-
-  .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-14 {
-    width: 3.5rem;
-  }
-
-  .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\: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 {
-    gap: 0px;
-  }
-
-  .xl\:gap-1 {
-    gap: 0.25rem;
-  }
-
-  .xl\:gap-2 {
-    gap: 0.5rem;
-  }
-
-  .xl\:gap-3 {
-    gap: 0.75rem;
-  }
-
-  .xl\:gap-4 {
-    gap: 1rem;
-  }
-
-  .xl\:gap-5 {
-    gap: 1.25rem;
-  }
-
-  .xl\:gap-6 {
-    gap: 1.5rem;
-  }
-
-  .xl\:gap-7 {
-    gap: 1.75rem;
-  }
-
-  .xl\:gap-8 {
-    gap: 2rem;
-  }
-
-  .xl\:gap-9 {
-    gap: 2.25rem;
-  }
-
-  .xl\:gap-10 {
-    gap: 2.5rem;
-  }
-
-  .xl\:gap-11 {
-    gap: 2.75rem;
-  }
-
-  .xl\:gap-12 {
-    gap: 3rem;
-  }
-
-  .xl\:gap-14 {
-    gap: 3.5rem;
-  }
-
-  .xl\:gap-16 {
-    gap: 4rem;
-  }
-
-  .xl\:gap-20 {
-    gap: 5rem;
-  }
-
-  .xl\:gap-24 {
-    gap: 6rem;
-  }
-
-  .xl\:gap-28 {
-    gap: 7rem;
-  }
-
-  .xl\:gap-32 {
-    gap: 8rem;
-  }
-
-  .xl\:gap-36 {
-    gap: 9rem;
-  }
-
-  .xl\:gap-40 {
-    gap: 10rem;
-  }
-
-  .xl\:gap-44 {
-    gap: 11rem;
-  }
-
-  .xl\:gap-48 {
-    gap: 12rem;
-  }
-
-  .xl\:gap-52 {
-    gap: 13rem;
-  }
-
-  .xl\:gap-56 {
-    gap: 14rem;
-  }
-
-  .xl\:gap-60 {
-    gap: 15rem;
-  }
-
-  .xl\:gap-64 {
-    gap: 16rem;
-  }
-
-  .xl\:gap-72 {
-    gap: 18rem;
-  }
-
-  .xl\:gap-80 {
-    gap: 20rem;
-  }
-
-  .xl\:gap-96 {
-    gap: 24rem;
-  }
-
-  .xl\:gap-px {
-    gap: 1px;
-  }
-
-  .xl\:gap-0\.5 {
-    gap: 0.125rem;
-  }
-
-  .xl\:gap-1\.5 {
-    gap: 0.375rem;
-  }
-
-  .xl\:gap-2\.5 {
-    gap: 0.625rem;
-  }
-
-  .xl\:gap-3\.5 {
-    gap: 0.875rem;
-  }
-
-  .xl\:gap-x-0 {
-    -moz-column-gap: 0px;
-         column-gap: 0px;
-  }
-
-  .xl\:gap-x-1 {
-    -moz-column-gap: 0.25rem;
-         column-gap: 0.25rem;
-  }
-
-  .xl\:gap-x-2 {
-    -moz-column-gap: 0.5rem;
-         column-gap: 0.5rem;
-  }
-
-  .xl\:gap-x-3 {
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem;
-  }
-
-  .xl\:gap-x-4 {
-    -moz-column-gap: 1rem;
-         column-gap: 1rem;
-  }
-
-  .xl\:gap-x-5 {
-    -moz-column-gap: 1.25rem;
-         column-gap: 1.25rem;
-  }
-
-  .xl\:gap-x-6 {
-    -moz-column-gap: 1.5rem;
-         column-gap: 1.5rem;
-  }
-
-  .xl\:gap-x-7 {
-    -moz-column-gap: 1.75rem;
-         column-gap: 1.75rem;
-  }
-
-  .xl\:gap-x-8 {
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
-  }
-
-  .xl\:gap-x-9 {
-    -moz-column-gap: 2.25rem;
-         column-gap: 2.25rem;
-  }
-
-  .xl\:gap-x-10 {
-    -moz-column-gap: 2.5rem;
-         column-gap: 2.5rem;
-  }
-
-  .xl\:gap-x-11 {
-    -moz-column-gap: 2.75rem;
-         column-gap: 2.75rem;
-  }
-
-  .xl\:gap-x-12 {
-    -moz-column-gap: 3rem;
-         column-gap: 3rem;
-  }
-
-  .xl\:gap-x-14 {
-    -moz-column-gap: 3.5rem;
-         column-gap: 3.5rem;
-  }
-
-  .xl\:gap-x-16 {
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
-  }
-
-  .xl\:gap-x-20 {
-    -moz-column-gap: 5rem;
-         column-gap: 5rem;
-  }
-
-  .xl\:gap-x-24 {
-    -moz-column-gap: 6rem;
-         column-gap: 6rem;
-  }
-
-  .xl\:gap-x-28 {
-    -moz-column-gap: 7rem;
-         column-gap: 7rem;
-  }
-
-  .xl\:gap-x-32 {
-    -moz-column-gap: 8rem;
-         column-gap: 8rem;
-  }
-
-  .xl\:gap-x-36 {
-    -moz-column-gap: 9rem;
-         column-gap: 9rem;
-  }
-
-  .xl\:gap-x-40 {
-    -moz-column-gap: 10rem;
-         column-gap: 10rem;
-  }
-
-  .xl\:gap-x-44 {
-    -moz-column-gap: 11rem;
-         column-gap: 11rem;
-  }
-
-  .xl\:gap-x-48 {
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .xl\:gap-x-52 {
-    -moz-column-gap: 13rem;
-         column-gap: 13rem;
-  }
-
-  .xl\:gap-x-56 {
-    -moz-column-gap: 14rem;
-         column-gap: 14rem;
-  }
-
-  .xl\:gap-x-60 {
-    -moz-column-gap: 15rem;
-         column-gap: 15rem;
-  }
-
-  .xl\:gap-x-64 {
-    -moz-column-gap: 16rem;
-         column-gap: 16rem;
-  }
-
-  .xl\:gap-x-72 {
-    -moz-column-gap: 18rem;
-         column-gap: 18rem;
-  }
-
-  .xl\:gap-x-80 {
-    -moz-column-gap: 20rem;
-         column-gap: 20rem;
-  }
-
-  .xl\:gap-x-96 {
-    -moz-column-gap: 24rem;
-         column-gap: 24rem;
-  }
-
-  .xl\:gap-x-px {
-    -moz-column-gap: 1px;
-         column-gap: 1px;
-  }
-
-  .xl\:gap-x-0\.5 {
-    -moz-column-gap: 0.125rem;
-         column-gap: 0.125rem;
-  }
-
-  .xl\:gap-x-1\.5 {
-    -moz-column-gap: 0.375rem;
-         column-gap: 0.375rem;
-  }
-
-  .xl\:gap-x-2\.5 {
-    -moz-column-gap: 0.625rem;
-         column-gap: 0.625rem;
-  }
-
-  .xl\:gap-x-3\.5 {
-    -moz-column-gap: 0.875rem;
-         column-gap: 0.875rem;
-  }
-
-  .xl\:gap-y-0 {
-    row-gap: 0px;
-  }
-
-  .xl\:gap-y-1 {
-    row-gap: 0.25rem;
-  }
-
-  .xl\:gap-y-2 {
-    row-gap: 0.5rem;
-  }
-
-  .xl\:gap-y-3 {
-    row-gap: 0.75rem;
-  }
-
-  .xl\:gap-y-4 {
-    row-gap: 1rem;
-  }
-
-  .xl\:gap-y-5 {
-    row-gap: 1.25rem;
-  }
-
-  .xl\:gap-y-6 {
-    row-gap: 1.5rem;
-  }
-
-  .xl\:gap-y-7 {
-    row-gap: 1.75rem;
-  }
-
-  .xl\:gap-y-8 {
-    row-gap: 2rem;
-  }
-
-  .xl\:gap-y-9 {
-    row-gap: 2.25rem;
-  }
-
-  .xl\:gap-y-10 {
-    row-gap: 2.5rem;
-  }
-
-  .xl\:gap-y-11 {
-    row-gap: 2.75rem;
-  }
-
-  .xl\:gap-y-12 {
-    row-gap: 3rem;
-  }
-
-  .xl\:gap-y-14 {
-    row-gap: 3.5rem;
-  }
-
-  .xl\:gap-y-16 {
-    row-gap: 4rem;
-  }
-
-  .xl\:gap-y-20 {
-    row-gap: 5rem;
-  }
-
-  .xl\:gap-y-24 {
-    row-gap: 6rem;
-  }
-
-  .xl\:gap-y-28 {
-    row-gap: 7rem;
-  }
-
-  .xl\:gap-y-32 {
-    row-gap: 8rem;
-  }
-
-  .xl\:gap-y-36 {
-    row-gap: 9rem;
-  }
-
-  .xl\:gap-y-40 {
-    row-gap: 10rem;
-  }
-
-  .xl\:gap-y-44 {
-    row-gap: 11rem;
-  }
-
-  .xl\:gap-y-48 {
-    row-gap: 12rem;
-  }
-
-  .xl\:gap-y-52 {
-    row-gap: 13rem;
-  }
-
-  .xl\:gap-y-56 {
-    row-gap: 14rem;
-  }
-
-  .xl\:gap-y-60 {
-    row-gap: 15rem;
-  }
-
-  .xl\:gap-y-64 {
-    row-gap: 16rem;
-  }
-
-  .xl\:gap-y-72 {
-    row-gap: 18rem;
-  }
-
-  .xl\:gap-y-80 {
-    row-gap: 20rem;
-  }
-
-  .xl\:gap-y-96 {
-    row-gap: 24rem;
-  }
-
-  .xl\:gap-y-px {
-    row-gap: 1px;
-  }
-
-  .xl\:gap-y-0\.5 {
-    row-gap: 0.125rem;
-  }
-
-  .xl\:gap-y-1\.5 {
-    row-gap: 0.375rem;
-  }
-
-  .xl\:gap-y-2\.5 {
-    row-gap: 0.625rem;
-  }
-
-  .xl\:gap-y-3\.5 {
-    row-gap: 0.875rem;
-  }
-
-  .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 {
-    --tw-translate-x: 0;
-    --tw-translate-y: 0;
-    --tw-rotate: 0;
-    --tw-skew-x: 0;
-    --tw-skew-y: 0;
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
-
-  .xl\:transform-gpu {
-    --tw-translate-x: 0;
-    --tw-translate-y: 0;
-    --tw-rotate: 0;
-    --tw-skew-x: 0;
-    --tw-skew-y: 0;
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-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 {
-    --tw-scale-x: 0;
-    --tw-scale-y: 0;
-  }
-
-  .xl\:scale-50 {
-    --tw-scale-x: .5;
-    --tw-scale-y: .5;
-  }
-
-  .xl\:scale-75 {
-    --tw-scale-x: .75;
-    --tw-scale-y: .75;
-  }
-
-  .xl\:scale-90 {
-    --tw-scale-x: .9;
-    --tw-scale-y: .9;
-  }
-
-  .xl\:scale-95 {
-    --tw-scale-x: .95;
-    --tw-scale-y: .95;
-  }
-
-  .xl\:scale-100 {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-  }
-
-  .xl\:scale-105 {
-    --tw-scale-x: 1.05;
-    --tw-scale-y: 1.05;
-  }
-
-  .xl\:scale-110 {
-    --tw-scale-x: 1.1;
-    --tw-scale-y: 1.1;
-  }
-
-  .xl\:scale-125 {
-    --tw-scale-x: 1.25;
-    --tw-scale-y: 1.25;
-  }
-
-  .xl\:scale-150 {
-    --tw-scale-x: 1.5;
-    --tw-scale-y: 1.5;
-  }
-
-  .xl\:scale-x-0 {
-    --tw-scale-x: 0;
-  }
-
-  .xl\:scale-x-50 {
-    --tw-scale-x: .5;
-  }
-
-  .xl\:scale-x-75 {
-    --tw-scale-x: .75;
-  }
-
-  .xl\:scale-x-90 {
-    --tw-scale-x: .9;
-  }
-
-  .xl\:scale-x-95 {
-    --tw-scale-x: .95;
-  }
-
-  .xl\:scale-x-100 {
-    --tw-scale-x: 1;
-  }
-
-  .xl\:scale-x-105 {
-    --tw-scale-x: 1.05;
-  }
-
-  .xl\:scale-x-110 {
-    --tw-scale-x: 1.1;
-  }
-
-  .xl\:scale-x-125 {
-    --tw-scale-x: 1.25;
-  }
-
-  .xl\:scale-x-150 {
-    --tw-scale-x: 1.5;
-  }
-
-  .xl\:scale-y-0 {
-    --tw-scale-y: 0;
-  }
-
-  .xl\:scale-y-50 {
-    --tw-scale-y: .5;
-  }
-
-  .xl\:scale-y-75 {
-    --tw-scale-y: .75;
-  }
-
-  .xl\:scale-y-90 {
-    --tw-scale-y: .9;
-  }
-
-  .xl\:scale-y-95 {
-    --tw-scale-y: .95;
-  }
-
-  .xl\:scale-y-100 {
-    --tw-scale-y: 1;
-  }
-
-  .xl\:scale-y-105 {
-    --tw-scale-y: 1.05;
-  }
-
-  .xl\:scale-y-110 {
-    --tw-scale-y: 1.1;
-  }
-
-  .xl\:scale-y-125 {
-    --tw-scale-y: 1.25;
-  }
-
-  .xl\:scale-y-150 {
-    --tw-scale-y: 1.5;
-  }
-
-  .xl\:hover\:scale-0:hover {
-    --tw-scale-x: 0;
-    --tw-scale-y: 0;
-  }
-
-  .xl\:hover\:scale-50:hover {
-    --tw-scale-x: .5;
-    --tw-scale-y: .5;
-  }
-
-  .xl\:hover\:scale-75:hover {
-    --tw-scale-x: .75;
-    --tw-scale-y: .75;
-  }
-
-  .xl\:hover\:scale-90:hover {
-    --tw-scale-x: .9;
-    --tw-scale-y: .9;
-  }
-
-  .xl\:hover\:scale-95:hover {
-    --tw-scale-x: .95;
-    --tw-scale-y: .95;
-  }
-
-  .xl\:hover\:scale-100:hover {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-  }
-
-  .xl\:hover\:scale-105:hover {
-    --tw-scale-x: 1.05;
-    --tw-scale-y: 1.05;
-  }
-
-  .xl\:hover\:scale-110:hover {
-    --tw-scale-x: 1.1;
-    --tw-scale-y: 1.1;
-  }
-
-  .xl\:hover\:scale-125:hover {
-    --tw-scale-x: 1.25;
-    --tw-scale-y: 1.25;
-  }
-
-  .xl\:hover\:scale-150:hover {
-    --tw-scale-x: 1.5;
-    --tw-scale-y: 1.5;
-  }
-
-  .xl\:hover\:scale-x-0:hover {
-    --tw-scale-x: 0;
-  }
-
-  .xl\:hover\:scale-x-50:hover {
-    --tw-scale-x: .5;
-  }
-
-  .xl\:hover\:scale-x-75:hover {
-    --tw-scale-x: .75;
-  }
-
-  .xl\:hover\:scale-x-90:hover {
-    --tw-scale-x: .9;
-  }
-
-  .xl\:hover\:scale-x-95:hover {
-    --tw-scale-x: .95;
-  }
-
-  .xl\:hover\:scale-x-100:hover {
-    --tw-scale-x: 1;
-  }
-
-  .xl\:hover\:scale-x-105:hover {
-    --tw-scale-x: 1.05;
-  }
-
-  .xl\:hover\:scale-x-110:hover {
-    --tw-scale-x: 1.1;
-  }
-
-  .xl\:hover\:scale-x-125:hover {
-    --tw-scale-x: 1.25;
-  }
-
-  .xl\:hover\:scale-x-150:hover {
-    --tw-scale-x: 1.5;
-  }
-
-  .xl\:hover\:scale-y-0:hover {
-    --tw-scale-y: 0;
-  }
-
-  .xl\:hover\:scale-y-50:hover {
-    --tw-scale-y: .5;
-  }
-
-  .xl\:hover\:scale-y-75:hover {
-    --tw-scale-y: .75;
-  }
-
-  .xl\:hover\:scale-y-90:hover {
-    --tw-scale-y: .9;
-  }
-
-  .xl\:hover\:scale-y-95:hover {
-    --tw-scale-y: .95;
-  }
-
-  .xl\:hover\:scale-y-100:hover {
-    --tw-scale-y: 1;
-  }
-
-  .xl\:hover\:scale-y-105:hover {
-    --tw-scale-y: 1.05;
-  }
-
-  .xl\:hover\:scale-y-110:hover {
-    --tw-scale-y: 1.1;
-  }
-
-  .xl\:hover\:scale-y-125:hover {
-    --tw-scale-y: 1.25;
-  }
-
-  .xl\:hover\:scale-y-150:hover {
-    --tw-scale-y: 1.5;
-  }
-
-  .xl\:focus\:scale-0:focus {
-    --tw-scale-x: 0;
-    --tw-scale-y: 0;
-  }
-
-  .xl\:focus\:scale-50:focus {
-    --tw-scale-x: .5;
-    --tw-scale-y: .5;
-  }
-
-  .xl\:focus\:scale-75:focus {
-    --tw-scale-x: .75;
-    --tw-scale-y: .75;
-  }
-
-  .xl\:focus\:scale-90:focus {
-    --tw-scale-x: .9;
-    --tw-scale-y: .9;
-  }
-
-  .xl\:focus\:scale-95:focus {
-    --tw-scale-x: .95;
-    --tw-scale-y: .95;
-  }
-
-  .xl\:focus\:scale-100:focus {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-  }
-
-  .xl\:focus\:scale-105:focus {
-    --tw-scale-x: 1.05;
-    --tw-scale-y: 1.05;
-  }
-
-  .xl\:focus\:scale-110:focus {
-    --tw-scale-x: 1.1;
-    --tw-scale-y: 1.1;
-  }
-
-  .xl\:focus\:scale-125:focus {
-    --tw-scale-x: 1.25;
-    --tw-scale-y: 1.25;
-  }
-
-  .xl\:focus\:scale-150:focus {
-    --tw-scale-x: 1.5;
-    --tw-scale-y: 1.5;
-  }
-
-  .xl\:focus\:scale-x-0:focus {
-    --tw-scale-x: 0;
-  }
-
-  .xl\:focus\:scale-x-50:focus {
-    --tw-scale-x: .5;
-  }
-
-  .xl\:focus\:scale-x-75:focus {
-    --tw-scale-x: .75;
-  }
-
-  .xl\:focus\:scale-x-90:focus {
-    --tw-scale-x: .9;
-  }
-
-  .xl\:focus\:scale-x-95:focus {
-    --tw-scale-x: .95;
-  }
-
-  .xl\:focus\:scale-x-100:focus {
-    --tw-scale-x: 1;
-  }
-
-  .xl\:focus\:scale-x-105:focus {
-    --tw-scale-x: 1.05;
-  }
-
-  .xl\:focus\:scale-x-110:focus {
-    --tw-scale-x: 1.1;
-  }
-
-  .xl\:focus\:scale-x-125:focus {
-    --tw-scale-x: 1.25;
-  }
-
-  .xl\:focus\:scale-x-150:focus {
-    --tw-scale-x: 1.5;
-  }
-
-  .xl\:focus\:scale-y-0:focus {
-    --tw-scale-y: 0;
-  }
-
-  .xl\:focus\:scale-y-50:focus {
-    --tw-scale-y: .5;
-  }
-
-  .xl\:focus\:scale-y-75:focus {
-    --tw-scale-y: .75;
-  }
-
-  .xl\:focus\:scale-y-90:focus {
-    --tw-scale-y: .9;
-  }
-
-  .xl\:focus\:scale-y-95:focus {
-    --tw-scale-y: .95;
-  }
-
-  .xl\:focus\:scale-y-100:focus {
-    --tw-scale-y: 1;
-  }
-
-  .xl\:focus\:scale-y-105:focus {
-    --tw-scale-y: 1.05;
-  }
-
-  .xl\:focus\:scale-y-110:focus {
-    --tw-scale-y: 1.1;
-  }
-
-  .xl\:focus\:scale-y-125:focus {
-    --tw-scale-y: 1.25;
-  }
-
-  .xl\:focus\:scale-y-150:focus {
-    --tw-scale-y: 1.5;
-  }
-
-  .xl\:rotate-0 {
-    --tw-rotate: 0deg;
-  }
-
-  .xl\:rotate-1 {
-    --tw-rotate: 1deg;
-  }
-
-  .xl\:rotate-2 {
-    --tw-rotate: 2deg;
-  }
-
-  .xl\:rotate-3 {
-    --tw-rotate: 3deg;
-  }
-
-  .xl\:rotate-6 {
-    --tw-rotate: 6deg;
-  }
-
-  .xl\:rotate-12 {
-    --tw-rotate: 12deg;
-  }
-
-  .xl\:rotate-45 {
-    --tw-rotate: 45deg;
-  }
-
-  .xl\:rotate-90 {
-    --tw-rotate: 90deg;
-  }
-
-  .xl\:rotate-180 {
-    --tw-rotate: 180deg;
-  }
-
-  .xl\:-rotate-180 {
-    --tw-rotate: -180deg;
-  }
-
-  .xl\:-rotate-90 {
-    --tw-rotate: -90deg;
-  }
-
-  .xl\:-rotate-45 {
-    --tw-rotate: -45deg;
-  }
-
-  .xl\:-rotate-12 {
-    --tw-rotate: -12deg;
-  }
-
-  .xl\:-rotate-6 {
-    --tw-rotate: -6deg;
-  }
-
-  .xl\:-rotate-3 {
-    --tw-rotate: -3deg;
-  }
-
-  .xl\:-rotate-2 {
-    --tw-rotate: -2deg;
-  }
-
-  .xl\:-rotate-1 {
-    --tw-rotate: -1deg;
-  }
-
-  .xl\:hover\:rotate-0:hover {
-    --tw-rotate: 0deg;
-  }
-
-  .xl\:hover\:rotate-1:hover {
-    --tw-rotate: 1deg;
-  }
-
-  .xl\:hover\:rotate-2:hover {
-    --tw-rotate: 2deg;
-  }
-
-  .xl\:hover\:rotate-3:hover {
-    --tw-rotate: 3deg;
-  }
-
-  .xl\:hover\:rotate-6:hover {
-    --tw-rotate: 6deg;
-  }
-
-  .xl\:hover\:rotate-12:hover {
-    --tw-rotate: 12deg;
-  }
-
-  .xl\:hover\:rotate-45:hover {
-    --tw-rotate: 45deg;
-  }
-
-  .xl\:hover\:rotate-90:hover {
-    --tw-rotate: 90deg;
-  }
-
-  .xl\:hover\:rotate-180:hover {
-    --tw-rotate: 180deg;
-  }
-
-  .xl\:hover\:-rotate-180:hover {
-    --tw-rotate: -180deg;
-  }
-
-  .xl\:hover\:-rotate-90:hover {
-    --tw-rotate: -90deg;
-  }
-
-  .xl\:hover\:-rotate-45:hover {
-    --tw-rotate: -45deg;
-  }
-
-  .xl\:hover\:-rotate-12:hover {
-    --tw-rotate: -12deg;
-  }
-
-  .xl\:hover\:-rotate-6:hover {
-    --tw-rotate: -6deg;
-  }
-
-  .xl\:hover\:-rotate-3:hover {
-    --tw-rotate: -3deg;
-  }
-
-  .xl\:hover\:-rotate-2:hover {
-    --tw-rotate: -2deg;
-  }
-
-  .xl\:hover\:-rotate-1:hover {
-    --tw-rotate: -1deg;
-  }
-
-  .xl\:focus\:rotate-0:focus {
-    --tw-rotate: 0deg;
-  }
-
-  .xl\:focus\:rotate-1:focus {
-    --tw-rotate: 1deg;
-  }
-
-  .xl\:focus\:rotate-2:focus {
-    --tw-rotate: 2deg;
-  }
-
-  .xl\:focus\:rotate-3:focus {
-    --tw-rotate: 3deg;
-  }
-
-  .xl\:focus\:rotate-6:focus {
-    --tw-rotate: 6deg;
-  }
-
-  .xl\:focus\:rotate-12:focus {
-    --tw-rotate: 12deg;
-  }
-
-  .xl\:focus\:rotate-45:focus {
-    --tw-rotate: 45deg;
-  }
-
-  .xl\:focus\:rotate-90:focus {
-    --tw-rotate: 90deg;
-  }
-
-  .xl\:focus\:rotate-180:focus {
-    --tw-rotate: 180deg;
-  }
-
-  .xl\:focus\:-rotate-180:focus {
-    --tw-rotate: -180deg;
-  }
-
-  .xl\:focus\:-rotate-90:focus {
-    --tw-rotate: -90deg;
-  }
-
-  .xl\:focus\:-rotate-45:focus {
-    --tw-rotate: -45deg;
-  }
-
-  .xl\:focus\:-rotate-12:focus {
-    --tw-rotate: -12deg;
-  }
-
-  .xl\:focus\:-rotate-6:focus {
-    --tw-rotate: -6deg;
-  }
-
-  .xl\:focus\:-rotate-3:focus {
-    --tw-rotate: -3deg;
-  }
-
-  .xl\:focus\:-rotate-2:focus {
-    --tw-rotate: -2deg;
-  }
-
-  .xl\:focus\:-rotate-1:focus {
-    --tw-rotate: -1deg;
-  }
-
-  .xl\:translate-x-0 {
-    --tw-translate-x: 0px;
-  }
-
-  .xl\:translate-x-1 {
-    --tw-translate-x: 0.25rem;
-  }
-
-  .xl\:translate-x-2 {
-    --tw-translate-x: 0.5rem;
-  }
-
-  .xl\:translate-x-3 {
-    --tw-translate-x: 0.75rem;
-  }
-
-  .xl\:translate-x-4 {
-    --tw-translate-x: 1rem;
-  }
-
-  .xl\:translate-x-5 {
-    --tw-translate-x: 1.25rem;
-  }
-
-  .xl\:translate-x-6 {
-    --tw-translate-x: 1.5rem;
-  }
-
-  .xl\:translate-x-7 {
-    --tw-translate-x: 1.75rem;
-  }
-
-  .xl\:translate-x-8 {
-    --tw-translate-x: 2rem;
-  }
-
-  .xl\:translate-x-9 {
-    --tw-translate-x: 2.25rem;
-  }
-
-  .xl\:translate-x-10 {
-    --tw-translate-x: 2.5rem;
-  }
-
-  .xl\:translate-x-11 {
-    --tw-translate-x: 2.75rem;
-  }
-
-  .xl\:translate-x-12 {
-    --tw-translate-x: 3rem;
-  }
-
-  .xl\:translate-x-14 {
-    --tw-translate-x: 3.5rem;
-  }
-
-  .xl\:translate-x-16 {
-    --tw-translate-x: 4rem;
-  }
-
-  .xl\:translate-x-20 {
-    --tw-translate-x: 5rem;
-  }
-
-  .xl\:translate-x-24 {
-    --tw-translate-x: 6rem;
-  }
-
-  .xl\:translate-x-28 {
-    --tw-translate-x: 7rem;
-  }
-
-  .xl\:translate-x-32 {
-    --tw-translate-x: 8rem;
-  }
-
-  .xl\:translate-x-36 {
-    --tw-translate-x: 9rem;
-  }
-
-  .xl\:translate-x-40 {
-    --tw-translate-x: 10rem;
-  }
-
-  .xl\:translate-x-44 {
-    --tw-translate-x: 11rem;
-  }
-
-  .xl\:translate-x-48 {
-    --tw-translate-x: 12rem;
-  }
-
-  .xl\:translate-x-52 {
-    --tw-translate-x: 13rem;
-  }
-
-  .xl\:translate-x-56 {
-    --tw-translate-x: 14rem;
-  }
-
-  .xl\:translate-x-60 {
-    --tw-translate-x: 15rem;
-  }
-
-  .xl\:translate-x-64 {
-    --tw-translate-x: 16rem;
-  }
-
-  .xl\:translate-x-72 {
-    --tw-translate-x: 18rem;
-  }
-
-  .xl\:translate-x-80 {
-    --tw-translate-x: 20rem;
-  }
-
-  .xl\:translate-x-96 {
-    --tw-translate-x: 24rem;
-  }
-
-  .xl\:translate-x-px {
-    --tw-translate-x: 1px;
-  }
-
-  .xl\:translate-x-0\.5 {
-    --tw-translate-x: 0.125rem;
-  }
-
-  .xl\:translate-x-1\.5 {
-    --tw-translate-x: 0.375rem;
-  }
-
-  .xl\:translate-x-2\.5 {
-    --tw-translate-x: 0.625rem;
-  }
-
-  .xl\:translate-x-3\.5 {
-    --tw-translate-x: 0.875rem;
-  }
-
-  .xl\:-translate-x-0 {
-    --tw-translate-x: 0px;
-  }
-
-  .xl\:-translate-x-1 {
-    --tw-translate-x: -0.25rem;
-  }
-
-  .xl\:-translate-x-2 {
-    --tw-translate-x: -0.5rem;
-  }
-
-  .xl\:-translate-x-3 {
-    --tw-translate-x: -0.75rem;
-  }
-
-  .xl\:-translate-x-4 {
-    --tw-translate-x: -1rem;
-  }
-
-  .xl\:-translate-x-5 {
-    --tw-translate-x: -1.25rem;
-  }
-
-  .xl\:-translate-x-6 {
-    --tw-translate-x: -1.5rem;
-  }
-
-  .xl\:-translate-x-7 {
-    --tw-translate-x: -1.75rem;
-  }
-
-  .xl\:-translate-x-8 {
-    --tw-translate-x: -2rem;
-  }
-
-  .xl\:-translate-x-9 {
-    --tw-translate-x: -2.25rem;
-  }
-
-  .xl\:-translate-x-10 {
-    --tw-translate-x: -2.5rem;
-  }
-
-  .xl\:-translate-x-11 {
-    --tw-translate-x: -2.75rem;
-  }
-
-  .xl\:-translate-x-12 {
-    --tw-translate-x: -3rem;
-  }
-
-  .xl\:-translate-x-14 {
-    --tw-translate-x: -3.5rem;
-  }
-
-  .xl\:-translate-x-16 {
-    --tw-translate-x: -4rem;
-  }
-
-  .xl\:-translate-x-20 {
-    --tw-translate-x: -5rem;
-  }
-
-  .xl\:-translate-x-24 {
-    --tw-translate-x: -6rem;
-  }
-
-  .xl\:-translate-x-28 {
-    --tw-translate-x: -7rem;
-  }
-
-  .xl\:-translate-x-32 {
-    --tw-translate-x: -8rem;
-  }
-
-  .xl\:-translate-x-36 {
-    --tw-translate-x: -9rem;
-  }
-
-  .xl\:-translate-x-40 {
-    --tw-translate-x: -10rem;
-  }
-
-  .xl\:-translate-x-44 {
-    --tw-translate-x: -11rem;
-  }
-
-  .xl\:-translate-x-48 {
-    --tw-translate-x: -12rem;
-  }
-
-  .xl\:-translate-x-52 {
-    --tw-translate-x: -13rem;
-  }
-
-  .xl\:-translate-x-56 {
-    --tw-translate-x: -14rem;
-  }
-
-  .xl\:-translate-x-60 {
-    --tw-translate-x: -15rem;
-  }
-
-  .xl\:-translate-x-64 {
-    --tw-translate-x: -16rem;
-  }
-
-  .xl\:-translate-x-72 {
-    --tw-translate-x: -18rem;
-  }
-
-  .xl\:-translate-x-80 {
-    --tw-translate-x: -20rem;
-  }
-
-  .xl\:-translate-x-96 {
-    --tw-translate-x: -24rem;
-  }
-
-  .xl\:-translate-x-px {
-    --tw-translate-x: -1px;
-  }
-
-  .xl\:-translate-x-0\.5 {
-    --tw-translate-x: -0.125rem;
-  }
-
-  .xl\:-translate-x-1\.5 {
-    --tw-translate-x: -0.375rem;
-  }
-
-  .xl\:-translate-x-2\.5 {
-    --tw-translate-x: -0.625rem;
-  }
-
-  .xl\:-translate-x-3\.5 {
-    --tw-translate-x: -0.875rem;
-  }
-
-  .xl\:translate-x-1\/2 {
-    --tw-translate-x: 50%;
-  }
-
-  .xl\:translate-x-1\/3 {
-    --tw-translate-x: 33.333333%;
-  }
-
-  .xl\:translate-x-2\/3 {
-    --tw-translate-x: 66.666667%;
-  }
-
-  .xl\:translate-x-1\/4 {
-    --tw-translate-x: 25%;
-  }
-
-  .xl\:translate-x-2\/4 {
-    --tw-translate-x: 50%;
-  }
-
-  .xl\:translate-x-3\/4 {
-    --tw-translate-x: 75%;
-  }
-
-  .xl\:translate-x-full {
-    --tw-translate-x: 100%;
-  }
-
-  .xl\:-translate-x-1\/2 {
-    --tw-translate-x: -50%;
-  }
-
-  .xl\:-translate-x-1\/3 {
-    --tw-translate-x: -33.333333%;
-  }
-
-  .xl\:-translate-x-2\/3 {
-    --tw-translate-x: -66.666667%;
-  }
-
-  .xl\:-translate-x-1\/4 {
-    --tw-translate-x: -25%;
-  }
-
-  .xl\:-translate-x-2\/4 {
-    --tw-translate-x: -50%;
-  }
-
-  .xl\:-translate-x-3\/4 {
-    --tw-translate-x: -75%;
-  }
-
-  .xl\:-translate-x-full {
-    --tw-translate-x: -100%;
-  }
-
-  .xl\:translate-y-0 {
-    --tw-translate-y: 0px;
-  }
-
-  .xl\:translate-y-1 {
-    --tw-translate-y: 0.25rem;
-  }
-
-  .xl\:translate-y-2 {
-    --tw-translate-y: 0.5rem;
-  }
-
-  .xl\:translate-y-3 {
-    --tw-translate-y: 0.75rem;
-  }
-
-  .xl\:translate-y-4 {
-    --tw-translate-y: 1rem;
-  }
-
-  .xl\:translate-y-5 {
-    --tw-translate-y: 1.25rem;
-  }
-
-  .xl\:translate-y-6 {
-    --tw-translate-y: 1.5rem;
-  }
-
-  .xl\:translate-y-7 {
-    --tw-translate-y: 1.75rem;
-  }
-
-  .xl\:translate-y-8 {
-    --tw-translate-y: 2rem;
-  }
-
-  .xl\:translate-y-9 {
-    --tw-translate-y: 2.25rem;
-  }
-
-  .xl\:translate-y-10 {
-    --tw-translate-y: 2.5rem;
-  }
-
-  .xl\:translate-y-11 {
-    --tw-translate-y: 2.75rem;
-  }
-
-  .xl\:translate-y-12 {
-    --tw-translate-y: 3rem;
-  }
-
-  .xl\:translate-y-14 {
-    --tw-translate-y: 3.5rem;
-  }
-
-  .xl\:translate-y-16 {
-    --tw-translate-y: 4rem;
-  }
-
-  .xl\:translate-y-20 {
-    --tw-translate-y: 5rem;
-  }
-
-  .xl\:translate-y-24 {
-    --tw-translate-y: 6rem;
-  }
-
-  .xl\:translate-y-28 {
-    --tw-translate-y: 7rem;
-  }
-
-  .xl\:translate-y-32 {
-    --tw-translate-y: 8rem;
-  }
-
-  .xl\:translate-y-36 {
-    --tw-translate-y: 9rem;
-  }
-
-  .xl\:translate-y-40 {
-    --tw-translate-y: 10rem;
-  }
-
-  .xl\:translate-y-44 {
-    --tw-translate-y: 11rem;
-  }
-
-  .xl\:translate-y-48 {
-    --tw-translate-y: 12rem;
-  }
-
-  .xl\:translate-y-52 {
-    --tw-translate-y: 13rem;
-  }
-
-  .xl\:translate-y-56 {
-    --tw-translate-y: 14rem;
-  }
-
-  .xl\:translate-y-60 {
-    --tw-translate-y: 15rem;
-  }
-
-  .xl\:translate-y-64 {
-    --tw-translate-y: 16rem;
-  }
-
-  .xl\:translate-y-72 {
-    --tw-translate-y: 18rem;
-  }
-
-  .xl\:translate-y-80 {
-    --tw-translate-y: 20rem;
-  }
-
-  .xl\:translate-y-96 {
-    --tw-translate-y: 24rem;
-  }
-
-  .xl\:translate-y-px {
-    --tw-translate-y: 1px;
-  }
-
-  .xl\:translate-y-0\.5 {
-    --tw-translate-y: 0.125rem;
-  }
-
-  .xl\:translate-y-1\.5 {
-    --tw-translate-y: 0.375rem;
-  }
-
-  .xl\:translate-y-2\.5 {
-    --tw-translate-y: 0.625rem;
-  }
-
-  .xl\:translate-y-3\.5 {
-    --tw-translate-y: 0.875rem;
-  }
-
-  .xl\:-translate-y-0 {
-    --tw-translate-y: 0px;
-  }
-
-  .xl\:-translate-y-1 {
-    --tw-translate-y: -0.25rem;
-  }
-
-  .xl\:-translate-y-2 {
-    --tw-translate-y: -0.5rem;
-  }
-
-  .xl\:-translate-y-3 {
-    --tw-translate-y: -0.75rem;
-  }
-
-  .xl\:-translate-y-4 {
-    --tw-translate-y: -1rem;
-  }
-
-  .xl\:-translate-y-5 {
-    --tw-translate-y: -1.25rem;
-  }
-
-  .xl\:-translate-y-6 {
-    --tw-translate-y: -1.5rem;
-  }
-
-  .xl\:-translate-y-7 {
-    --tw-translate-y: -1.75rem;
-  }
-
-  .xl\:-translate-y-8 {
-    --tw-translate-y: -2rem;
-  }
-
-  .xl\:-translate-y-9 {
-    --tw-translate-y: -2.25rem;
-  }
-
-  .xl\:-translate-y-10 {
-    --tw-translate-y: -2.5rem;
-  }
-
-  .xl\:-translate-y-11 {
-    --tw-translate-y: -2.75rem;
-  }
-
-  .xl\:-translate-y-12 {
-    --tw-translate-y: -3rem;
-  }
-
-  .xl\:-translate-y-14 {
-    --tw-translate-y: -3.5rem;
-  }
-
-  .xl\:-translate-y-16 {
-    --tw-translate-y: -4rem;
-  }
-
-  .xl\:-translate-y-20 {
-    --tw-translate-y: -5rem;
-  }
-
-  .xl\:-translate-y-24 {
-    --tw-translate-y: -6rem;
-  }
-
-  .xl\:-translate-y-28 {
-    --tw-translate-y: -7rem;
-  }
-
-  .xl\:-translate-y-32 {
-    --tw-translate-y: -8rem;
-  }
-
-  .xl\:-translate-y-36 {
-    --tw-translate-y: -9rem;
-  }
-
-  .xl\:-translate-y-40 {
-    --tw-translate-y: -10rem;
-  }
-
-  .xl\:-translate-y-44 {
-    --tw-translate-y: -11rem;
-  }
-
-  .xl\:-translate-y-48 {
-    --tw-translate-y: -12rem;
-  }
-
-  .xl\:-translate-y-52 {
-    --tw-translate-y: -13rem;
-  }
-
-  .xl\:-translate-y-56 {
-    --tw-translate-y: -14rem;
-  }
-
-  .xl\:-translate-y-60 {
-    --tw-translate-y: -15rem;
-  }
-
-  .xl\:-translate-y-64 {
-    --tw-translate-y: -16rem;
-  }
-
-  .xl\:-translate-y-72 {
-    --tw-translate-y: -18rem;
-  }
-
-  .xl\:-translate-y-80 {
-    --tw-translate-y: -20rem;
-  }
-
-  .xl\:-translate-y-96 {
-    --tw-translate-y: -24rem;
-  }
-
-  .xl\:-translate-y-px {
-    --tw-translate-y: -1px;
-  }
-
-  .xl\:-translate-y-0\.5 {
-    --tw-translate-y: -0.125rem;
-  }
-
-  .xl\:-translate-y-1\.5 {
-    --tw-translate-y: -0.375rem;
-  }
-
-  .xl\:-translate-y-2\.5 {
-    --tw-translate-y: -0.625rem;
-  }
-
-  .xl\:-translate-y-3\.5 {
-    --tw-translate-y: -0.875rem;
-  }
-
-  .xl\:translate-y-1\/2 {
-    --tw-translate-y: 50%;
-  }
-
-  .xl\:translate-y-1\/3 {
-    --tw-translate-y: 33.333333%;
-  }
-
-  .xl\:translate-y-2\/3 {
-    --tw-translate-y: 66.666667%;
-  }
-
-  .xl\:translate-y-1\/4 {
-    --tw-translate-y: 25%;
-  }
-
-  .xl\:translate-y-2\/4 {
-    --tw-translate-y: 50%;
-  }
-
-  .xl\:translate-y-3\/4 {
-    --tw-translate-y: 75%;
-  }
-
-  .xl\:translate-y-full {
-    --tw-translate-y: 100%;
-  }
-
-  .xl\:-translate-y-1\/2 {
-    --tw-translate-y: -50%;
-  }
-
-  .xl\:-translate-y-1\/3 {
-    --tw-translate-y: -33.333333%;
-  }
-
-  .xl\:-translate-y-2\/3 {
-    --tw-translate-y: -66.666667%;
-  }
-
-  .xl\:-translate-y-1\/4 {
-    --tw-translate-y: -25%;
-  }
-
-  .xl\:-translate-y-2\/4 {
-    --tw-translate-y: -50%;
-  }
-
-  .xl\:-translate-y-3\/4 {
-    --tw-translate-y: -75%;
-  }
-
-  .xl\:-translate-y-full {
-    --tw-translate-y: -100%;
-  }
-
-  .xl\:hover\:translate-x-0:hover {
-    --tw-translate-x: 0px;
-  }
-
-  .xl\:hover\:translate-x-1:hover {
-    --tw-translate-x: 0.25rem;
-  }
-
-  .xl\:hover\:translate-x-2:hover {
-    --tw-translate-x: 0.5rem;
-  }
-
-  .xl\:hover\:translate-x-3:hover {
-    --tw-translate-x: 0.75rem;
-  }
-
-  .xl\:hover\:translate-x-4:hover {
-    --tw-translate-x: 1rem;
-  }
-
-  .xl\:hover\:translate-x-5:hover {
-    --tw-translate-x: 1.25rem;
-  }
-
-  .xl\:hover\:translate-x-6:hover {
-    --tw-translate-x: 1.5rem;
-  }
-
-  .xl\:hover\:translate-x-7:hover {
-    --tw-translate-x: 1.75rem;
-  }
-
-  .xl\:hover\:translate-x-8:hover {
-    --tw-translate-x: 2rem;
-  }
-
-  .xl\:hover\:translate-x-9:hover {
-    --tw-translate-x: 2.25rem;
-  }
-
-  .xl\:hover\:translate-x-10:hover {
-    --tw-translate-x: 2.5rem;
-  }
-
-  .xl\:hover\:translate-x-11:hover {
-    --tw-translate-x: 2.75rem;
-  }
-
-  .xl\:hover\:translate-x-12:hover {
-    --tw-translate-x: 3rem;
-  }
-
-  .xl\:hover\:translate-x-14:hover {
-    --tw-translate-x: 3.5rem;
-  }
-
-  .xl\:hover\:translate-x-16:hover {
-    --tw-translate-x: 4rem;
-  }
-
-  .xl\:hover\:translate-x-20:hover {
-    --tw-translate-x: 5rem;
-  }
-
-  .xl\:hover\:translate-x-24:hover {
-    --tw-translate-x: 6rem;
-  }
-
-  .xl\:hover\:translate-x-28:hover {
-    --tw-translate-x: 7rem;
-  }
-
-  .xl\:hover\:translate-x-32:hover {
-    --tw-translate-x: 8rem;
-  }
-
-  .xl\:hover\:translate-x-36:hover {
-    --tw-translate-x: 9rem;
-  }
-
-  .xl\:hover\:translate-x-40:hover {
-    --tw-translate-x: 10rem;
-  }
-
-  .xl\:hover\:translate-x-44:hover {
-    --tw-translate-x: 11rem;
-  }
-
-  .xl\:hover\:translate-x-48:hover {
-    --tw-translate-x: 12rem;
-  }
-
-  .xl\:hover\:translate-x-52:hover {
-    --tw-translate-x: 13rem;
-  }
-
-  .xl\:hover\:translate-x-56:hover {
-    --tw-translate-x: 14rem;
-  }
-
-  .xl\:hover\:translate-x-60:hover {
-    --tw-translate-x: 15rem;
-  }
-
-  .xl\:hover\:translate-x-64:hover {
-    --tw-translate-x: 16rem;
-  }
-
-  .xl\:hover\:translate-x-72:hover {
-    --tw-translate-x: 18rem;
-  }
-
-  .xl\:hover\:translate-x-80:hover {
-    --tw-translate-x: 20rem;
-  }
-
-  .xl\:hover\:translate-x-96:hover {
-    --tw-translate-x: 24rem;
-  }
-
-  .xl\:hover\:translate-x-px:hover {
-    --tw-translate-x: 1px;
-  }
-
-  .xl\:hover\:translate-x-0\.5:hover {
-    --tw-translate-x: 0.125rem;
-  }
-
-  .xl\:hover\:translate-x-1\.5:hover {
-    --tw-translate-x: 0.375rem;
-  }
-
-  .xl\:hover\:translate-x-2\.5:hover {
-    --tw-translate-x: 0.625rem;
-  }
-
-  .xl\:hover\:translate-x-3\.5:hover {
-    --tw-translate-x: 0.875rem;
-  }
-
-  .xl\:hover\:-translate-x-0:hover {
-    --tw-translate-x: 0px;
-  }
-
-  .xl\:hover\:-translate-x-1:hover {
-    --tw-translate-x: -0.25rem;
-  }
-
-  .xl\:hover\:-translate-x-2:hover {
-    --tw-translate-x: -0.5rem;
-  }
-
-  .xl\:hover\:-translate-x-3:hover {
-    --tw-translate-x: -0.75rem;
-  }
-
-  .xl\:hover\:-translate-x-4:hover {
-    --tw-translate-x: -1rem;
-  }
-
-  .xl\:hover\:-translate-x-5:hover {
-    --tw-translate-x: -1.25rem;
-  }
-
-  .xl\:hover\:-translate-x-6:hover {
-    --tw-translate-x: -1.5rem;
-  }
-
-  .xl\:hover\:-translate-x-7:hover {
-    --tw-translate-x: -1.75rem;
-  }
-
-  .xl\:hover\:-translate-x-8:hover {
-    --tw-translate-x: -2rem;
-  }
-
-  .xl\:hover\:-translate-x-9:hover {
-    --tw-translate-x: -2.25rem;
-  }
-
-  .xl\:hover\:-translate-x-10:hover {
-    --tw-translate-x: -2.5rem;
-  }
-
-  .xl\:hover\:-translate-x-11:hover {
-    --tw-translate-x: -2.75rem;
-  }
-
-  .xl\:hover\:-translate-x-12:hover {
-    --tw-translate-x: -3rem;
-  }
-
-  .xl\:hover\:-translate-x-14:hover {
-    --tw-translate-x: -3.5rem;
-  }
-
-  .xl\:hover\:-translate-x-16:hover {
-    --tw-translate-x: -4rem;
-  }
-
-  .xl\:hover\:-translate-x-20:hover {
-    --tw-translate-x: -5rem;
-  }
-
-  .xl\:hover\:-translate-x-24:hover {
-    --tw-translate-x: -6rem;
-  }
-
-  .xl\:hover\:-translate-x-28:hover {
-    --tw-translate-x: -7rem;
-  }
-
-  .xl\:hover\:-translate-x-32:hover {
-    --tw-translate-x: -8rem;
-  }
-
-  .xl\:hover\:-translate-x-36:hover {
-    --tw-translate-x: -9rem;
-  }
-
-  .xl\:hover\:-translate-x-40:hover {
-    --tw-translate-x: -10rem;
-  }
-
-  .xl\:hover\:-translate-x-44:hover {
-    --tw-translate-x: -11rem;
-  }
-
-  .xl\:hover\:-translate-x-48:hover {
-    --tw-translate-x: -12rem;
-  }
-
-  .xl\:hover\:-translate-x-52:hover {
-    --tw-translate-x: -13rem;
-  }
-
-  .xl\:hover\:-translate-x-56:hover {
-    --tw-translate-x: -14rem;
-  }
-
-  .xl\:hover\:-translate-x-60:hover {
-    --tw-translate-x: -15rem;
-  }
-
-  .xl\:hover\:-translate-x-64:hover {
-    --tw-translate-x: -16rem;
-  }
-
-  .xl\:hover\:-translate-x-72:hover {
-    --tw-translate-x: -18rem;
-  }
-
-  .xl\:hover\:-translate-x-80:hover {
-    --tw-translate-x: -20rem;
-  }
-
-  .xl\:hover\:-translate-x-96:hover {
-    --tw-translate-x: -24rem;
-  }
-
-  .xl\:hover\:-translate-x-px:hover {
-    --tw-translate-x: -1px;
-  }
-
-  .xl\:hover\:-translate-x-0\.5:hover {
-    --tw-translate-x: -0.125rem;
-  }
-
-  .xl\:hover\:-translate-x-1\.5:hover {
-    --tw-translate-x: -0.375rem;
-  }
-
-  .xl\:hover\:-translate-x-2\.5:hover {
-    --tw-translate-x: -0.625rem;
-  }
-
-  .xl\:hover\:-translate-x-3\.5:hover {
-    --tw-translate-x: -0.875rem;
-  }
-
-  .xl\:hover\:translate-x-1\/2:hover {
-    --tw-translate-x: 50%;
-  }
-
-  .xl\:hover\:translate-x-1\/3:hover {
-    --tw-translate-x: 33.333333%;
-  }
-
-  .xl\:hover\:translate-x-2\/3:hover {
-    --tw-translate-x: 66.666667%;
-  }
-
-  .xl\:hover\:translate-x-1\/4:hover {
-    --tw-translate-x: 25%;
-  }
-
-  .xl\:hover\:translate-x-2\/4:hover {
-    --tw-translate-x: 50%;
-  }
-
-  .xl\:hover\:translate-x-3\/4:hover {
-    --tw-translate-x: 75%;
-  }
-
-  .xl\:hover\:translate-x-full:hover {
-    --tw-translate-x: 100%;
-  }
-
-  .xl\:hover\:-translate-x-1\/2:hover {
-    --tw-translate-x: -50%;
-  }
-
-  .xl\:hover\:-translate-x-1\/3:hover {
-    --tw-translate-x: -33.333333%;
-  }
-
-  .xl\:hover\:-translate-x-2\/3:hover {
-    --tw-translate-x: -66.666667%;
-  }
-
-  .xl\:hover\:-translate-x-1\/4:hover {
-    --tw-translate-x: -25%;
-  }
-
-  .xl\:hover\:-translate-x-2\/4:hover {
-    --tw-translate-x: -50%;
-  }
-
-  .xl\:hover\:-translate-x-3\/4:hover {
-    --tw-translate-x: -75%;
-  }
-
-  .xl\:hover\:-translate-x-full:hover {
-    --tw-translate-x: -100%;
-  }
-
-  .xl\:hover\:translate-y-0:hover {
-    --tw-translate-y: 0px;
-  }
-
-  .xl\:hover\:translate-y-1:hover {
-    --tw-translate-y: 0.25rem;
-  }
-
-  .xl\:hover\:translate-y-2:hover {
-    --tw-translate-y: 0.5rem;
-  }
-
-  .xl\:hover\:translate-y-3:hover {
-    --tw-translate-y: 0.75rem;
-  }
-
-  .xl\:hover\:translate-y-4:hover {
-    --tw-translate-y: 1rem;
-  }
-
-  .xl\:hover\:translate-y-5:hover {
-    --tw-translate-y: 1.25rem;
-  }
-
-  .xl\:hover\:translate-y-6:hover {
-    --tw-translate-y: 1.5rem;
-  }
-
-  .xl\:hover\:translate-y-7:hover {
-    --tw-translate-y: 1.75rem;
-  }
-
-  .xl\:hover\:translate-y-8:hover {
-    --tw-translate-y: 2rem;
-  }
-
-  .xl\:hover\:translate-y-9:hover {
-    --tw-translate-y: 2.25rem;
-  }
-
-  .xl\:hover\:translate-y-10:hover {
-    --tw-translate-y: 2.5rem;
-  }
-
-  .xl\:hover\:translate-y-11:hover {
-    --tw-translate-y: 2.75rem;
-  }
-
-  .xl\:hover\:translate-y-12:hover {
-    --tw-translate-y: 3rem;
-  }
-
-  .xl\:hover\:translate-y-14:hover {
-    --tw-translate-y: 3.5rem;
-  }
-
-  .xl\:hover\:translate-y-16:hover {
-    --tw-translate-y: 4rem;
-  }
-
-  .xl\:hover\:translate-y-20:hover {
-    --tw-translate-y: 5rem;
-  }
-
-  .xl\:hover\:translate-y-24:hover {
-    --tw-translate-y: 6rem;
-  }
-
-  .xl\:hover\:translate-y-28:hover {
-    --tw-translate-y: 7rem;
-  }
-
-  .xl\:hover\:translate-y-32:hover {
-    --tw-translate-y: 8rem;
-  }
-
-  .xl\:hover\:translate-y-36:hover {
-    --tw-translate-y: 9rem;
-  }
-
-  .xl\:hover\:translate-y-40:hover {
-    --tw-translate-y: 10rem;
-  }
-
-  .xl\:hover\:translate-y-44:hover {
-    --tw-translate-y: 11rem;
-  }
-
-  .xl\:hover\:translate-y-48:hover {
-    --tw-translate-y: 12rem;
-  }
-
-  .xl\:hover\:translate-y-52:hover {
-    --tw-translate-y: 13rem;
-  }
-
-  .xl\:hover\:translate-y-56:hover {
-    --tw-translate-y: 14rem;
-  }
-
-  .xl\:hover\:translate-y-60:hover {
-    --tw-translate-y: 15rem;
-  }
-
-  .xl\:hover\:translate-y-64:hover {
-    --tw-translate-y: 16rem;
-  }
-
-  .xl\:hover\:translate-y-72:hover {
-    --tw-translate-y: 18rem;
-  }
-
-  .xl\:hover\:translate-y-80:hover {
-    --tw-translate-y: 20rem;
-  }
-
-  .xl\:hover\:translate-y-96:hover {
-    --tw-translate-y: 24rem;
-  }
-
-  .xl\:hover\:translate-y-px:hover {
-    --tw-translate-y: 1px;
-  }
-
-  .xl\:hover\:translate-y-0\.5:hover {
-    --tw-translate-y: 0.125rem;
-  }
-
-  .xl\:hover\:translate-y-1\.5:hover {
-    --tw-translate-y: 0.375rem;
-  }
-
-  .xl\:hover\:translate-y-2\.5:hover {
-    --tw-translate-y: 0.625rem;
-  }
-
-  .xl\:hover\:translate-y-3\.5:hover {
-    --tw-translate-y: 0.875rem;
-  }
-
-  .xl\:hover\:-translate-y-0:hover {
-    --tw-translate-y: 0px;
-  }
-
-  .xl\:hover\:-translate-y-1:hover {
-    --tw-translate-y: -0.25rem;
-  }
-
-  .xl\:hover\:-translate-y-2:hover {
-    --tw-translate-y: -0.5rem;
-  }
-
-  .xl\:hover\:-translate-y-3:hover {
-    --tw-translate-y: -0.75rem;
-  }
-
-  .xl\:hover\:-translate-y-4:hover {
-    --tw-translate-y: -1rem;
-  }
-
-  .xl\:hover\:-translate-y-5:hover {
-    --tw-translate-y: -1.25rem;
-  }
-
-  .xl\:hover\:-translate-y-6:hover {
-    --tw-translate-y: -1.5rem;
-  }
-
-  .xl\:hover\:-translate-y-7:hover {
-    --tw-translate-y: -1.75rem;
-  }
-
-  .xl\:hover\:-translate-y-8:hover {
-    --tw-translate-y: -2rem;
-  }
-
-  .xl\:hover\:-translate-y-9:hover {
-    --tw-translate-y: -2.25rem;
-  }
-
-  .xl\:hover\:-translate-y-10:hover {
-    --tw-translate-y: -2.5rem;
-  }
-
-  .xl\:hover\:-translate-y-11:hover {
-    --tw-translate-y: -2.75rem;
-  }
-
-  .xl\:hover\:-translate-y-12:hover {
-    --tw-translate-y: -3rem;
-  }
-
-  .xl\:hover\:-translate-y-14:hover {
-    --tw-translate-y: -3.5rem;
-  }
-
-  .xl\:hover\:-translate-y-16:hover {
-    --tw-translate-y: -4rem;
-  }
-
-  .xl\:hover\:-translate-y-20:hover {
-    --tw-translate-y: -5rem;
-  }
-
-  .xl\:hover\:-translate-y-24:hover {
-    --tw-translate-y: -6rem;
-  }
-
-  .xl\:hover\:-translate-y-28:hover {
-    --tw-translate-y: -7rem;
-  }
-
-  .xl\:hover\:-translate-y-32:hover {
-    --tw-translate-y: -8rem;
-  }
-
-  .xl\:hover\:-translate-y-36:hover {
-    --tw-translate-y: -9rem;
-  }
-
-  .xl\:hover\:-translate-y-40:hover {
-    --tw-translate-y: -10rem;
-  }
-
-  .xl\:hover\:-translate-y-44:hover {
-    --tw-translate-y: -11rem;
-  }
-
-  .xl\:hover\:-translate-y-48:hover {
-    --tw-translate-y: -12rem;
-  }
-
-  .xl\:hover\:-translate-y-52:hover {
-    --tw-translate-y: -13rem;
-  }
-
-  .xl\:hover\:-translate-y-56:hover {
-    --tw-translate-y: -14rem;
-  }
-
-  .xl\:hover\:-translate-y-60:hover {
-    --tw-translate-y: -15rem;
-  }
-
-  .xl\:hover\:-translate-y-64:hover {
-    --tw-translate-y: -16rem;
-  }
-
-  .xl\:hover\:-translate-y-72:hover {
-    --tw-translate-y: -18rem;
-  }
-
-  .xl\:hover\:-translate-y-80:hover {
-    --tw-translate-y: -20rem;
-  }
-
-  .xl\:hover\:-translate-y-96:hover {
-    --tw-translate-y: -24rem;
-  }
-
-  .xl\:hover\:-translate-y-px:hover {
-    --tw-translate-y: -1px;
-  }
-
-  .xl\:hover\:-translate-y-0\.5:hover {
-    --tw-translate-y: -0.125rem;
-  }
-
-  .xl\:hover\:-translate-y-1\.5:hover {
-    --tw-translate-y: -0.375rem;
-  }
-
-  .xl\:hover\:-translate-y-2\.5:hover {
-    --tw-translate-y: -0.625rem;
-  }
-
-  .xl\:hover\:-translate-y-3\.5:hover {
-    --tw-translate-y: -0.875rem;
-  }
-
-  .xl\:hover\:translate-y-1\/2:hover {
-    --tw-translate-y: 50%;
-  }
-
-  .xl\:hover\:translate-y-1\/3:hover {
-    --tw-translate-y: 33.333333%;
-  }
-
-  .xl\:hover\:translate-y-2\/3:hover {
-    --tw-translate-y: 66.666667%;
-  }
-
-  .xl\:hover\:translate-y-1\/4:hover {
-    --tw-translate-y: 25%;
-  }
-
-  .xl\:hover\:translate-y-2\/4:hover {
-    --tw-translate-y: 50%;
-  }
-
-  .xl\:hover\:translate-y-3\/4:hover {
-    --tw-translate-y: 75%;
-  }
-
-  .xl\:hover\:translate-y-full:hover {
-    --tw-translate-y: 100%;
-  }
-
-  .xl\:hover\:-translate-y-1\/2:hover {
-    --tw-translate-y: -50%;
-  }
-
-  .xl\:hover\:-translate-y-1\/3:hover {
-    --tw-translate-y: -33.333333%;
-  }
-
-  .xl\:hover\:-translate-y-2\/3:hover {
-    --tw-translate-y: -66.666667%;
-  }
-
-  .xl\:hover\:-translate-y-1\/4:hover {
-    --tw-translate-y: -25%;
-  }
-
-  .xl\:hover\:-translate-y-2\/4:hover {
-    --tw-translate-y: -50%;
-  }
-
-  .xl\:hover\:-translate-y-3\/4:hover {
-    --tw-translate-y: -75%;
-  }
-
-  .xl\:hover\:-translate-y-full:hover {
-    --tw-translate-y: -100%;
-  }
-
-  .xl\:focus\:translate-x-0:focus {
-    --tw-translate-x: 0px;
-  }
-
-  .xl\:focus\:translate-x-1:focus {
-    --tw-translate-x: 0.25rem;
-  }
-
-  .xl\:focus\:translate-x-2:focus {
-    --tw-translate-x: 0.5rem;
-  }
-
-  .xl\:focus\:translate-x-3:focus {
-    --tw-translate-x: 0.75rem;
-  }
-
-  .xl\:focus\:translate-x-4:focus {
-    --tw-translate-x: 1rem;
-  }
-
-  .xl\:focus\:translate-x-5:focus {
-    --tw-translate-x: 1.25rem;
-  }
-
-  .xl\:focus\:translate-x-6:focus {
-    --tw-translate-x: 1.5rem;
-  }
-
-  .xl\:focus\:translate-x-7:focus {
-    --tw-translate-x: 1.75rem;
-  }
-
-  .xl\:focus\:translate-x-8:focus {
-    --tw-translate-x: 2rem;
-  }
-
-  .xl\:focus\:translate-x-9:focus {
-    --tw-translate-x: 2.25rem;
-  }
-
-  .xl\:focus\:translate-x-10:focus {
-    --tw-translate-x: 2.5rem;
-  }
-
-  .xl\:focus\:translate-x-11:focus {
-    --tw-translate-x: 2.75rem;
-  }
-
-  .xl\:focus\:translate-x-12:focus {
-    --tw-translate-x: 3rem;
-  }
-
-  .xl\:focus\:translate-x-14:focus {
-    --tw-translate-x: 3.5rem;
-  }
-
-  .xl\:focus\:translate-x-16:focus {
-    --tw-translate-x: 4rem;
-  }
-
-  .xl\:focus\:translate-x-20:focus {
-    --tw-translate-x: 5rem;
-  }
-
-  .xl\:focus\:translate-x-24:focus {
-    --tw-translate-x: 6rem;
-  }
-
-  .xl\:focus\:translate-x-28:focus {
-    --tw-translate-x: 7rem;
-  }
-
-  .xl\:focus\:translate-x-32:focus {
-    --tw-translate-x: 8rem;
-  }
-
-  .xl\:focus\:translate-x-36:focus {
-    --tw-translate-x: 9rem;
-  }
-
-  .xl\:focus\:translate-x-40:focus {
-    --tw-translate-x: 10rem;
-  }
-
-  .xl\:focus\:translate-x-44:focus {
-    --tw-translate-x: 11rem;
-  }
-
-  .xl\:focus\:translate-x-48:focus {
-    --tw-translate-x: 12rem;
-  }
-
-  .xl\:focus\:translate-x-52:focus {
-    --tw-translate-x: 13rem;
-  }
-
-  .xl\:focus\:translate-x-56:focus {
-    --tw-translate-x: 14rem;
-  }
-
-  .xl\:focus\:translate-x-60:focus {
-    --tw-translate-x: 15rem;
-  }
-
-  .xl\:focus\:translate-x-64:focus {
-    --tw-translate-x: 16rem;
-  }
-
-  .xl\:focus\:translate-x-72:focus {
-    --tw-translate-x: 18rem;
-  }
-
-  .xl\:focus\:translate-x-80:focus {
-    --tw-translate-x: 20rem;
-  }
-
-  .xl\:focus\:translate-x-96:focus {
-    --tw-translate-x: 24rem;
-  }
-
-  .xl\:focus\:translate-x-px:focus {
-    --tw-translate-x: 1px;
-  }
-
-  .xl\:focus\:translate-x-0\.5:focus {
-    --tw-translate-x: 0.125rem;
-  }
-
-  .xl\:focus\:translate-x-1\.5:focus {
-    --tw-translate-x: 0.375rem;
-  }
-
-  .xl\:focus\:translate-x-2\.5:focus {
-    --tw-translate-x: 0.625rem;
-  }
-
-  .xl\:focus\:translate-x-3\.5:focus {
-    --tw-translate-x: 0.875rem;
-  }
-
-  .xl\:focus\:-translate-x-0:focus {
-    --tw-translate-x: 0px;
-  }
-
-  .xl\:focus\:-translate-x-1:focus {
-    --tw-translate-x: -0.25rem;
-  }
-
-  .xl\:focus\:-translate-x-2:focus {
-    --tw-translate-x: -0.5rem;
-  }
-
-  .xl\:focus\:-translate-x-3:focus {
-    --tw-translate-x: -0.75rem;
-  }
-
-  .xl\:focus\:-translate-x-4:focus {
-    --tw-translate-x: -1rem;
-  }
-
-  .xl\:focus\:-translate-x-5:focus {
-    --tw-translate-x: -1.25rem;
-  }
-
-  .xl\:focus\:-translate-x-6:focus {
-    --tw-translate-x: -1.5rem;
-  }
-
-  .xl\:focus\:-translate-x-7:focus {
-    --tw-translate-x: -1.75rem;
-  }
-
-  .xl\:focus\:-translate-x-8:focus {
-    --tw-translate-x: -2rem;
-  }
-
-  .xl\:focus\:-translate-x-9:focus {
-    --tw-translate-x: -2.25rem;
-  }
-
-  .xl\:focus\:-translate-x-10:focus {
-    --tw-translate-x: -2.5rem;
-  }
-
-  .xl\:focus\:-translate-x-11:focus {
-    --tw-translate-x: -2.75rem;
-  }
-
-  .xl\:focus\:-translate-x-12:focus {
-    --tw-translate-x: -3rem;
-  }
-
-  .xl\:focus\:-translate-x-14:focus {
-    --tw-translate-x: -3.5rem;
-  }
-
-  .xl\:focus\:-translate-x-16:focus {
-    --tw-translate-x: -4rem;
-  }
-
-  .xl\:focus\:-translate-x-20:focus {
-    --tw-translate-x: -5rem;
-  }
-
-  .xl\:focus\:-translate-x-24:focus {
-    --tw-translate-x: -6rem;
-  }
-
-  .xl\:focus\:-translate-x-28:focus {
-    --tw-translate-x: -7rem;
-  }
-
-  .xl\:focus\:-translate-x-32:focus {
-    --tw-translate-x: -8rem;
-  }
-
-  .xl\:focus\:-translate-x-36:focus {
-    --tw-translate-x: -9rem;
-  }
-
-  .xl\:focus\:-translate-x-40:focus {
-    --tw-translate-x: -10rem;
-  }
-
-  .xl\:focus\:-translate-x-44:focus {
-    --tw-translate-x: -11rem;
-  }
-
-  .xl\:focus\:-translate-x-48:focus {
-    --tw-translate-x: -12rem;
-  }
-
-  .xl\:focus\:-translate-x-52:focus {
-    --tw-translate-x: -13rem;
-  }
-
-  .xl\:focus\:-translate-x-56:focus {
-    --tw-translate-x: -14rem;
-  }
-
-  .xl\:focus\:-translate-x-60:focus {
-    --tw-translate-x: -15rem;
-  }
-
-  .xl\:focus\:-translate-x-64:focus {
-    --tw-translate-x: -16rem;
-  }
-
-  .xl\:focus\:-translate-x-72:focus {
-    --tw-translate-x: -18rem;
-  }
-
-  .xl\:focus\:-translate-x-80:focus {
-    --tw-translate-x: -20rem;
-  }
-
-  .xl\:focus\:-translate-x-96:focus {
-    --tw-translate-x: -24rem;
-  }
-
-  .xl\:focus\:-translate-x-px:focus {
-    --tw-translate-x: -1px;
-  }
-
-  .xl\:focus\:-translate-x-0\.5:focus {
-    --tw-translate-x: -0.125rem;
-  }
-
-  .xl\:focus\:-translate-x-1\.5:focus {
-    --tw-translate-x: -0.375rem;
-  }
-
-  .xl\:focus\:-translate-x-2\.5:focus {
-    --tw-translate-x: -0.625rem;
-  }
-
-  .xl\:focus\:-translate-x-3\.5:focus {
-    --tw-translate-x: -0.875rem;
-  }
-
-  .xl\:focus\:translate-x-1\/2:focus {
-    --tw-translate-x: 50%;
-  }
-
-  .xl\:focus\:translate-x-1\/3:focus {
-    --tw-translate-x: 33.333333%;
-  }
-
-  .xl\:focus\:translate-x-2\/3:focus {
-    --tw-translate-x: 66.666667%;
-  }
-
-  .xl\:focus\:translate-x-1\/4:focus {
-    --tw-translate-x: 25%;
-  }
-
-  .xl\:focus\:translate-x-2\/4:focus {
-    --tw-translate-x: 50%;
-  }
-
-  .xl\:focus\:translate-x-3\/4:focus {
-    --tw-translate-x: 75%;
-  }
-
-  .xl\:focus\:translate-x-full:focus {
-    --tw-translate-x: 100%;
-  }
-
-  .xl\:focus\:-translate-x-1\/2:focus {
-    --tw-translate-x: -50%;
-  }
-
-  .xl\:focus\:-translate-x-1\/3:focus {
-    --tw-translate-x: -33.333333%;
-  }
-
-  .xl\:focus\:-translate-x-2\/3:focus {
-    --tw-translate-x: -66.666667%;
-  }
-
-  .xl\:focus\:-translate-x-1\/4:focus {
-    --tw-translate-x: -25%;
-  }
-
-  .xl\:focus\:-translate-x-2\/4:focus {
-    --tw-translate-x: -50%;
-  }
-
-  .xl\:focus\:-translate-x-3\/4:focus {
-    --tw-translate-x: -75%;
-  }
-
-  .xl\:focus\:-translate-x-full:focus {
-    --tw-translate-x: -100%;
-  }
-
-  .xl\:focus\:translate-y-0:focus {
-    --tw-translate-y: 0px;
-  }
-
-  .xl\:focus\:translate-y-1:focus {
-    --tw-translate-y: 0.25rem;
-  }
-
-  .xl\:focus\:translate-y-2:focus {
-    --tw-translate-y: 0.5rem;
-  }
-
-  .xl\:focus\:translate-y-3:focus {
-    --tw-translate-y: 0.75rem;
-  }
-
-  .xl\:focus\:translate-y-4:focus {
-    --tw-translate-y: 1rem;
-  }
-
-  .xl\:focus\:translate-y-5:focus {
-    --tw-translate-y: 1.25rem;
-  }
-
-  .xl\:focus\:translate-y-6:focus {
-    --tw-translate-y: 1.5rem;
-  }
-
-  .xl\:focus\:translate-y-7:focus {
-    --tw-translate-y: 1.75rem;
-  }
-
-  .xl\:focus\:translate-y-8:focus {
-    --tw-translate-y: 2rem;
-  }
-
-  .xl\:focus\:translate-y-9:focus {
-    --tw-translate-y: 2.25rem;
-  }
-
-  .xl\:focus\:translate-y-10:focus {
-    --tw-translate-y: 2.5rem;
-  }
-
-  .xl\:focus\:translate-y-11:focus {
-    --tw-translate-y: 2.75rem;
-  }
-
-  .xl\:focus\:translate-y-12:focus {
-    --tw-translate-y: 3rem;
-  }
-
-  .xl\:focus\:translate-y-14:focus {
-    --tw-translate-y: 3.5rem;
-  }
-
-  .xl\:focus\:translate-y-16:focus {
-    --tw-translate-y: 4rem;
-  }
-
-  .xl\:focus\:translate-y-20:focus {
-    --tw-translate-y: 5rem;
-  }
-
-  .xl\:focus\:translate-y-24:focus {
-    --tw-translate-y: 6rem;
-  }
-
-  .xl\:focus\:translate-y-28:focus {
-    --tw-translate-y: 7rem;
-  }
-
-  .xl\:focus\:translate-y-32:focus {
-    --tw-translate-y: 8rem;
-  }
-
-  .xl\:focus\:translate-y-36:focus {
-    --tw-translate-y: 9rem;
-  }
-
-  .xl\:focus\:translate-y-40:focus {
-    --tw-translate-y: 10rem;
-  }
-
-  .xl\:focus\:translate-y-44:focus {
-    --tw-translate-y: 11rem;
-  }
-
-  .xl\:focus\:translate-y-48:focus {
-    --tw-translate-y: 12rem;
-  }
-
-  .xl\:focus\:translate-y-52:focus {
-    --tw-translate-y: 13rem;
-  }
-
-  .xl\:focus\:translate-y-56:focus {
-    --tw-translate-y: 14rem;
-  }
-
-  .xl\:focus\:translate-y-60:focus {
-    --tw-translate-y: 15rem;
-  }
-
-  .xl\:focus\:translate-y-64:focus {
-    --tw-translate-y: 16rem;
-  }
-
-  .xl\:focus\:translate-y-72:focus {
-    --tw-translate-y: 18rem;
-  }
-
-  .xl\:focus\:translate-y-80:focus {
-    --tw-translate-y: 20rem;
-  }
-
-  .xl\:focus\:translate-y-96:focus {
-    --tw-translate-y: 24rem;
-  }
-
-  .xl\:focus\:translate-y-px:focus {
-    --tw-translate-y: 1px;
-  }
-
-  .xl\:focus\:translate-y-0\.5:focus {
-    --tw-translate-y: 0.125rem;
-  }
-
-  .xl\:focus\:translate-y-1\.5:focus {
-    --tw-translate-y: 0.375rem;
-  }
-
-  .xl\:focus\:translate-y-2\.5:focus {
-    --tw-translate-y: 0.625rem;
-  }
-
-  .xl\:focus\:translate-y-3\.5:focus {
-    --tw-translate-y: 0.875rem;
-  }
-
-  .xl\:focus\:-translate-y-0:focus {
-    --tw-translate-y: 0px;
-  }
-
-  .xl\:focus\:-translate-y-1:focus {
-    --tw-translate-y: -0.25rem;
-  }
-
-  .xl\:focus\:-translate-y-2:focus {
-    --tw-translate-y: -0.5rem;
-  }
-
-  .xl\:focus\:-translate-y-3:focus {
-    --tw-translate-y: -0.75rem;
-  }
-
-  .xl\:focus\:-translate-y-4:focus {
-    --tw-translate-y: -1rem;
-  }
-
-  .xl\:focus\:-translate-y-5:focus {
-    --tw-translate-y: -1.25rem;
-  }
-
-  .xl\:focus\:-translate-y-6:focus {
-    --tw-translate-y: -1.5rem;
-  }
-
-  .xl\:focus\:-translate-y-7:focus {
-    --tw-translate-y: -1.75rem;
-  }
-
-  .xl\:focus\:-translate-y-8:focus {
-    --tw-translate-y: -2rem;
-  }
-
-  .xl\:focus\:-translate-y-9:focus {
-    --tw-translate-y: -2.25rem;
-  }
-
-  .xl\:focus\:-translate-y-10:focus {
-    --tw-translate-y: -2.5rem;
-  }
-
-  .xl\:focus\:-translate-y-11:focus {
-    --tw-translate-y: -2.75rem;
-  }
-
-  .xl\:focus\:-translate-y-12:focus {
-    --tw-translate-y: -3rem;
-  }
-
-  .xl\:focus\:-translate-y-14:focus {
-    --tw-translate-y: -3.5rem;
-  }
-
-  .xl\:focus\:-translate-y-16:focus {
-    --tw-translate-y: -4rem;
-  }
-
-  .xl\:focus\:-translate-y-20:focus {
-    --tw-translate-y: -5rem;
-  }
-
-  .xl\:focus\:-translate-y-24:focus {
-    --tw-translate-y: -6rem;
-  }
-
-  .xl\:focus\:-translate-y-28:focus {
-    --tw-translate-y: -7rem;
-  }
-
-  .xl\:focus\:-translate-y-32:focus {
-    --tw-translate-y: -8rem;
-  }
-
-  .xl\:focus\:-translate-y-36:focus {
-    --tw-translate-y: -9rem;
-  }
-
-  .xl\:focus\:-translate-y-40:focus {
-    --tw-translate-y: -10rem;
-  }
-
-  .xl\:focus\:-translate-y-44:focus {
-    --tw-translate-y: -11rem;
-  }
-
-  .xl\:focus\:-translate-y-48:focus {
-    --tw-translate-y: -12rem;
-  }
-
-  .xl\:focus\:-translate-y-52:focus {
-    --tw-translate-y: -13rem;
-  }
-
-  .xl\:focus\:-translate-y-56:focus {
-    --tw-translate-y: -14rem;
-  }
-
-  .xl\:focus\:-translate-y-60:focus {
-    --tw-translate-y: -15rem;
-  }
-
-  .xl\:focus\:-translate-y-64:focus {
-    --tw-translate-y: -16rem;
-  }
-
-  .xl\:focus\:-translate-y-72:focus {
-    --tw-translate-y: -18rem;
-  }
-
-  .xl\:focus\:-translate-y-80:focus {
-    --tw-translate-y: -20rem;
-  }
-
-  .xl\:focus\:-translate-y-96:focus {
-    --tw-translate-y: -24rem;
-  }
-
-  .xl\:focus\:-translate-y-px:focus {
-    --tw-translate-y: -1px;
-  }
-
-  .xl\:focus\:-translate-y-0\.5:focus {
-    --tw-translate-y: -0.125rem;
-  }
-
-  .xl\:focus\:-translate-y-1\.5:focus {
-    --tw-translate-y: -0.375rem;
-  }
-
-  .xl\:focus\:-translate-y-2\.5:focus {
-    --tw-translate-y: -0.625rem;
-  }
-
-  .xl\:focus\:-translate-y-3\.5:focus {
-    --tw-translate-y: -0.875rem;
-  }
-
-  .xl\:focus\:translate-y-1\/2:focus {
-    --tw-translate-y: 50%;
-  }
-
-  .xl\:focus\:translate-y-1\/3:focus {
-    --tw-translate-y: 33.333333%;
-  }
-
-  .xl\:focus\:translate-y-2\/3:focus {
-    --tw-translate-y: 66.666667%;
-  }
-
-  .xl\:focus\:translate-y-1\/4:focus {
-    --tw-translate-y: 25%;
-  }
-
-  .xl\:focus\:translate-y-2\/4:focus {
-    --tw-translate-y: 50%;
-  }
-
-  .xl\:focus\:translate-y-3\/4:focus {
-    --tw-translate-y: 75%;
-  }
-
-  .xl\:focus\:translate-y-full:focus {
-    --tw-translate-y: 100%;
-  }
-
-  .xl\:focus\:-translate-y-1\/2:focus {
-    --tw-translate-y: -50%;
-  }
-
-  .xl\:focus\:-translate-y-1\/3:focus {
-    --tw-translate-y: -33.333333%;
-  }
-
-  .xl\:focus\:-translate-y-2\/3:focus {
-    --tw-translate-y: -66.666667%;
-  }
-
-  .xl\:focus\:-translate-y-1\/4:focus {
-    --tw-translate-y: -25%;
-  }
-
-  .xl\:focus\:-translate-y-2\/4:focus {
-    --tw-translate-y: -50%;
-  }
-
-  .xl\:focus\:-translate-y-3\/4:focus {
-    --tw-translate-y: -75%;
-  }
-
-  .xl\:focus\:-translate-y-full:focus {
-    --tw-translate-y: -100%;
-  }
-
-  .xl\:skew-x-0 {
-    --tw-skew-x: 0deg;
-  }
-
-  .xl\:skew-x-1 {
-    --tw-skew-x: 1deg;
-  }
-
-  .xl\:skew-x-2 {
-    --tw-skew-x: 2deg;
-  }
-
-  .xl\:skew-x-3 {
-    --tw-skew-x: 3deg;
-  }
-
-  .xl\:skew-x-6 {
-    --tw-skew-x: 6deg;
-  }
-
-  .xl\:skew-x-12 {
-    --tw-skew-x: 12deg;
-  }
-
-  .xl\:-skew-x-12 {
-    --tw-skew-x: -12deg;
-  }
-
-  .xl\:-skew-x-6 {
-    --tw-skew-x: -6deg;
-  }
-
-  .xl\:-skew-x-3 {
-    --tw-skew-x: -3deg;
-  }
-
-  .xl\:-skew-x-2 {
-    --tw-skew-x: -2deg;
-  }
-
-  .xl\:-skew-x-1 {
-    --tw-skew-x: -1deg;
-  }
-
-  .xl\:skew-y-0 {
-    --tw-skew-y: 0deg;
-  }
-
-  .xl\:skew-y-1 {
-    --tw-skew-y: 1deg;
-  }
-
-  .xl\:skew-y-2 {
-    --tw-skew-y: 2deg;
-  }
-
-  .xl\:skew-y-3 {
-    --tw-skew-y: 3deg;
-  }
-
-  .xl\:skew-y-6 {
-    --tw-skew-y: 6deg;
-  }
-
-  .xl\:skew-y-12 {
-    --tw-skew-y: 12deg;
-  }
-
-  .xl\:-skew-y-12 {
-    --tw-skew-y: -12deg;
-  }
-
-  .xl\:-skew-y-6 {
-    --tw-skew-y: -6deg;
-  }
-
-  .xl\:-skew-y-3 {
-    --tw-skew-y: -3deg;
-  }
-
-  .xl\:-skew-y-2 {
-    --tw-skew-y: -2deg;
-  }
-
-  .xl\:-skew-y-1 {
-    --tw-skew-y: -1deg;
-  }
-
-  .xl\:hover\:skew-x-0:hover {
-    --tw-skew-x: 0deg;
-  }
-
-  .xl\:hover\:skew-x-1:hover {
-    --tw-skew-x: 1deg;
-  }
-
-  .xl\:hover\:skew-x-2:hover {
-    --tw-skew-x: 2deg;
-  }
-
-  .xl\:hover\:skew-x-3:hover {
-    --tw-skew-x: 3deg;
-  }
-
-  .xl\:hover\:skew-x-6:hover {
-    --tw-skew-x: 6deg;
-  }
-
-  .xl\:hover\:skew-x-12:hover {
-    --tw-skew-x: 12deg;
-  }
-
-  .xl\:hover\:-skew-x-12:hover {
-    --tw-skew-x: -12deg;
-  }
-
-  .xl\:hover\:-skew-x-6:hover {
-    --tw-skew-x: -6deg;
-  }
-
-  .xl\:hover\:-skew-x-3:hover {
-    --tw-skew-x: -3deg;
-  }
-
-  .xl\:hover\:-skew-x-2:hover {
-    --tw-skew-x: -2deg;
-  }
-
-  .xl\:hover\:-skew-x-1:hover {
-    --tw-skew-x: -1deg;
-  }
-
-  .xl\:hover\:skew-y-0:hover {
-    --tw-skew-y: 0deg;
-  }
-
-  .xl\:hover\:skew-y-1:hover {
-    --tw-skew-y: 1deg;
-  }
-
-  .xl\:hover\:skew-y-2:hover {
-    --tw-skew-y: 2deg;
-  }
-
-  .xl\:hover\:skew-y-3:hover {
-    --tw-skew-y: 3deg;
-  }
-
-  .xl\:hover\:skew-y-6:hover {
-    --tw-skew-y: 6deg;
-  }
-
-  .xl\:hover\:skew-y-12:hover {
-    --tw-skew-y: 12deg;
-  }
-
-  .xl\:hover\:-skew-y-12:hover {
-    --tw-skew-y: -12deg;
-  }
-
-  .xl\:hover\:-skew-y-6:hover {
-    --tw-skew-y: -6deg;
-  }
-
-  .xl\:hover\:-skew-y-3:hover {
-    --tw-skew-y: -3deg;
-  }
-
-  .xl\:hover\:-skew-y-2:hover {
-    --tw-skew-y: -2deg;
-  }
-
-  .xl\:hover\:-skew-y-1:hover {
-    --tw-skew-y: -1deg;
-  }
-
-  .xl\:focus\:skew-x-0:focus {
-    --tw-skew-x: 0deg;
-  }
-
-  .xl\:focus\:skew-x-1:focus {
-    --tw-skew-x: 1deg;
-  }
-
-  .xl\:focus\:skew-x-2:focus {
-    --tw-skew-x: 2deg;
-  }
-
-  .xl\:focus\:skew-x-3:focus {
-    --tw-skew-x: 3deg;
-  }
-
-  .xl\:focus\:skew-x-6:focus {
-    --tw-skew-x: 6deg;
-  }
-
-  .xl\:focus\:skew-x-12:focus {
-    --tw-skew-x: 12deg;
-  }
-
-  .xl\:focus\:-skew-x-12:focus {
-    --tw-skew-x: -12deg;
-  }
-
-  .xl\:focus\:-skew-x-6:focus {
-    --tw-skew-x: -6deg;
-  }
-
-  .xl\:focus\:-skew-x-3:focus {
-    --tw-skew-x: -3deg;
-  }
-
-  .xl\:focus\:-skew-x-2:focus {
-    --tw-skew-x: -2deg;
-  }
-
-  .xl\:focus\:-skew-x-1:focus {
-    --tw-skew-x: -1deg;
-  }
-
-  .xl\:focus\:skew-y-0:focus {
-    --tw-skew-y: 0deg;
-  }
-
-  .xl\:focus\:skew-y-1:focus {
-    --tw-skew-y: 1deg;
-  }
-
-  .xl\:focus\:skew-y-2:focus {
-    --tw-skew-y: 2deg;
-  }
-
-  .xl\:focus\:skew-y-3:focus {
-    --tw-skew-y: 3deg;
-  }
-
-  .xl\:focus\:skew-y-6:focus {
-    --tw-skew-y: 6deg;
-  }
-
-  .xl\:focus\:skew-y-12:focus {
-    --tw-skew-y: 12deg;
-  }
-
-  .xl\:focus\:-skew-y-12:focus {
-    --tw-skew-y: -12deg;
-  }
-
-  .xl\:focus\:-skew-y-6:focus {
-    --tw-skew-y: -6deg;
-  }
-
-  .xl\:focus\:-skew-y-3:focus {
-    --tw-skew-y: -3deg;
-  }
-
-  .xl\:focus\:-skew-y-2:focus {
-    --tw-skew-y: -2deg;
-  }
-
-  .xl\:focus\:-skew-y-1:focus {
-    --tw-skew-y: -1deg;
-  }
-
-  .xl\:transition-none {
-    transition-property: none;
-  }
-
-  .xl\:transition-all {
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .xl\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .xl\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .xl\:transition-opacity {
-    transition-property: opacity;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .xl\:transition-shadow {
-    transition-property: box-shadow;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .xl\:transition-transform {
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-
-  .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;
-  }
-}
-
-@media (min-width: 1536px) {
-  .\32xl\:container {
-    width: 100%;
-  }
-
-  @media (min-width: 640px) {
-    .\32xl\:container {
-      max-width: 640px;
-    }
-  }
-
-  @media (min-width: 768px) {
-    .\32xl\:container {
-      max-width: 768px;
-    }
-  }
-
-  @media (min-width: 1024px) {
-    .\32xl\:container {
-      max-width: 1024px;
-    }
-  }
-
-  @media (min-width: 1280px) {
-    .\32xl\:container {
-      max-width: 1280px;
-    }
-  }
-
-  @media (min-width: 1536px) {
-    .\32xl\:container {
-      max-width: 1536px;
-    }
-  }
-
-  .\32xl\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0px * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0px * var(--tw-space-x-reverse));
-    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1rem * var(--tw-space-x-reverse));
-    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2rem * var(--tw-space-x-reverse));
-    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(3rem * var(--tw-space-x-reverse));
-    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(4rem * var(--tw-space-x-reverse));
-    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(5rem * var(--tw-space-x-reverse));
-    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(6rem * var(--tw-space-x-reverse));
-    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(7rem * var(--tw-space-x-reverse));
-    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(8rem * var(--tw-space-x-reverse));
-    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(9rem * var(--tw-space-x-reverse));
-    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(10rem * var(--tw-space-x-reverse));
-    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(11rem * var(--tw-space-x-reverse));
-    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(12rem * var(--tw-space-x-reverse));
-    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(13rem * var(--tw-space-x-reverse));
-    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(14rem * var(--tw-space-x-reverse));
-    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(15rem * var(--tw-space-x-reverse));
-    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(16rem * var(--tw-space-x-reverse));
-    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(18rem * var(--tw-space-x-reverse));
-    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(20rem * var(--tw-space-x-reverse));
-    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(24rem * var(--tw-space-x-reverse));
-    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1px * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1px * var(--tw-space-x-reverse));
-    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0px * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0px * var(--tw-space-x-reverse));
-    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-3rem * var(--tw-space-x-reverse));
-    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-4rem * var(--tw-space-x-reverse));
-    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-5rem * var(--tw-space-x-reverse));
-    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-6rem * var(--tw-space-x-reverse));
-    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-7rem * var(--tw-space-x-reverse));
-    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-8rem * var(--tw-space-x-reverse));
-    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-9rem * var(--tw-space-x-reverse));
-    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-10rem * var(--tw-space-x-reverse));
-    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-11rem * var(--tw-space-x-reverse));
-    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-12rem * var(--tw-space-x-reverse));
-    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-13rem * var(--tw-space-x-reverse));
-    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-14rem * var(--tw-space-x-reverse));
-    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-15rem * var(--tw-space-x-reverse));
-    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-16rem * var(--tw-space-x-reverse));
-    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-18rem * var(--tw-space-x-reverse));
-    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-20rem * var(--tw-space-x-reverse));
-    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-24rem * var(--tw-space-x-reverse));
-    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-1px * var(--tw-space-x-reverse));
-    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
-  }
-
-  .\32xl\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
-    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .\32xl\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 1;
-  }
-
-  .\32xl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 1;
-  }
-
-  .\32xl\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
-  }
-
-  .\32xl\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(0px * var(--tw-divide-x-reverse));
-    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .\32xl\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
-  }
-
-  .\32xl\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(2px * var(--tw-divide-x-reverse));
-    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .\32xl\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
-  }
-
-  .\32xl\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(4px * var(--tw-divide-x-reverse));
-    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .\32xl\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
-  }
-
-  .\32xl\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(8px * var(--tw-divide-x-reverse));
-    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .\32xl\:divide-y > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
-  }
-
-  .\32xl\:divide-x > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(1px * var(--tw-divide-x-reverse));
-    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-
-  .\32xl\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 1;
-  }
-
-  .\32xl\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 1;
-  }
-
-  .\32xl\:divide-current > :not([hidden]) ~ :not([hidden]) {
-    border-color: currentColor;
-  }
-
-  .\32xl\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
-    border-color: transparent;
-  }
-
-  .\32xl\:divide-black > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-white > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-darkCoolGray-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-darkCoolGray-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-darkCoolGray-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-darkCoolGray-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-darkCoolGray-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-darkCoolGray-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-darkCoolGray-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-darkCoolGray-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-darkCoolGray-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-darkCoolGray-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-coolGray-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-coolGray-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-coolGray-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-coolGray-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-coolGray-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-coolGray-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-coolGray-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-coolGray-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-coolGray-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-coolGray-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-violet-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-violet-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-violet-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-violet-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-violet-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-violet-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-violet-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-violet-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-violet-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-violet-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
-  }
-
-  .\32xl\:divide-solid > :not([hidden]) ~ :not([hidden]) {
-    border-style: solid;
-  }
-
-  .\32xl\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
-    border-style: dashed;
-  }
-
-  .\32xl\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
-    border-style: dotted;
-  }
-
-  .\32xl\:divide-double > :not([hidden]) ~ :not([hidden]) {
-    border-style: double;
-  }
-
-  .\32xl\:divide-none > :not([hidden]) ~ :not([hidden]) {
-    border-style: none;
-  }
-
-  .\32xl\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0;
-  }
-
-  .\32xl\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.05;
-  }
-
-  .\32xl\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.1;
-  }
-
-  .\32xl\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.2;
-  }
-
-  .\32xl\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.25;
-  }
-
-  .\32xl\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.3;
-  }
-
-  .\32xl\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.4;
-  }
-
-  .\32xl\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.5;
-  }
-
-  .\32xl\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.6;
-  }
-
-  .\32xl\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.7;
-  }
-
-  .\32xl\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.75;
-  }
-
-  .\32xl\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.8;
-  }
-
-  .\32xl\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.9;
-  }
-
-  .\32xl\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 0.95;
-  }
-
-  .\32xl\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-  }
-
-  .\32xl\: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;
-  }
-
-  .\32xl\:not-sr-only {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-  }
-
-  .\32xl\:focus-within\:sr-only:focus-within {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border-width: 0;
-  }
-
-  .\32xl\:focus-within\:not-sr-only:focus-within {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-  }
-
-  .\32xl\: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;
-  }
-
-  .\32xl\:focus\:not-sr-only:focus {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-  }
-
-  .\32xl\:appearance-none {
-    -webkit-appearance: none;
-       -moz-appearance: none;
-            appearance: none;
-  }
-
-  .\32xl\:bg-fixed {
-    background-attachment: fixed;
-  }
-
-  .\32xl\:bg-local {
-    background-attachment: local;
-  }
-
-  .\32xl\:bg-scroll {
-    background-attachment: scroll;
-  }
-
-  .\32xl\:bg-clip-border {
-    background-clip: border-box;
-  }
-
-  .\32xl\:bg-clip-padding {
-    background-clip: padding-box;
-  }
-
-  .\32xl\:bg-clip-content {
-    background-clip: content-box;
-  }
-
-  .\32xl\:bg-clip-text {
-    -webkit-background-clip: text;
-            background-clip: text;
-  }
-
-  .\32xl\:bg-current {
-    background-color: currentColor;
-  }
-
-  .\32xl\:bg-transparent {
-    background-color: transparent;
-  }
-
-  .\32xl\:bg-black {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-darkCoolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-darkCoolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-darkCoolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-darkCoolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-darkCoolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-darkCoolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-darkCoolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-darkCoolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-darkCoolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-darkCoolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-coolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-coolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-coolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-coolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-coolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-coolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-coolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-coolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-coolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-coolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-indigo-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-indigo-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-indigo-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-indigo-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-indigo-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-indigo-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-indigo-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-indigo-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-indigo-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-indigo-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-violet-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-violet-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-violet-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-violet-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-violet-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-violet-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-violet-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-violet-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-violet-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-violet-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-yellow-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-yellow-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-yellow-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-yellow-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-yellow-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-yellow-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-yellow-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-yellow-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-yellow-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-yellow-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-red-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-red-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-red-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-red-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-red-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-red-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-red-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-red-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-red-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-red-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-green-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-green-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-green-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-green-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-green-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-green-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-green-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-green-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-green-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-green-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-blue-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-blue-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-blue-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-blue-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-blue-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-blue-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-blue-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-blue-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-blue-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-blue-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-gray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-gray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-gray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-gray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-gray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-gray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-gray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-gray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-gray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-gray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-body {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-current {
-    background-color: currentColor;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-transparent {
-    background-color: transparent;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-black {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-darkCoolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-darkCoolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-darkCoolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-darkCoolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-darkCoolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-darkCoolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-darkCoolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-darkCoolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-darkCoolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-darkCoolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-coolGray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-coolGray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-coolGray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-coolGray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-coolGray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-coolGray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-coolGray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-coolGray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-coolGray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-coolGray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-indigo-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-indigo-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-indigo-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-indigo-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-indigo-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-indigo-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-indigo-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-indigo-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-indigo-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-indigo-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-violet-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-violet-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-violet-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-violet-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-violet-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-violet-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-violet-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-violet-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-violet-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-violet-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-yellow-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-yellow-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-yellow-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-yellow-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-yellow-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-yellow-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-yellow-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-yellow-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-yellow-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-yellow-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-red-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-red-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-red-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-red-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-red-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-red-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-red-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-red-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-red-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-red-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-green-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-green-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-green-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-green-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-green-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-green-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-green-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-green-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-green-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-green-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-blue-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-blue-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-blue-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-blue-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-blue-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-blue-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-blue-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-blue-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-blue-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-blue-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-gray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-gray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-gray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-gray-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-gray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-gray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-gray-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-gray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-gray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-gray-900 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-body {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-current:focus-within {
-    background-color: currentColor;
-  }
-
-  .\32xl\:focus-within\:bg-transparent:focus-within {
-    background-color: transparent;
-  }
-
-  .\32xl\:focus-within\:bg-black:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-white:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-darkCoolGray-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-darkCoolGray-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-darkCoolGray-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-darkCoolGray-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-darkCoolGray-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-darkCoolGray-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-darkCoolGray-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-darkCoolGray-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-darkCoolGray-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-darkCoolGray-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-coolGray-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-coolGray-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-coolGray-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-coolGray-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-coolGray-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-coolGray-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-coolGray-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-coolGray-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-coolGray-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-coolGray-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-indigo-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-indigo-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-indigo-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-indigo-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-indigo-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-indigo-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-indigo-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-indigo-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-indigo-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-indigo-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-violet-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-violet-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-violet-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-violet-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-violet-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-violet-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-violet-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-violet-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-violet-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-violet-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-yellow-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-yellow-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-yellow-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-yellow-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-yellow-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-yellow-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-yellow-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-yellow-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-yellow-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-yellow-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-red-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-red-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-red-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-red-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-red-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-red-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-red-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-red-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-red-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-red-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-green-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-green-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-green-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-green-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-green-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-green-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-green-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-green-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-green-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-green-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-blue-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-blue-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-blue-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-blue-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-blue-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-blue-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-blue-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-blue-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-blue-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-blue-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-gray-50:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-gray-100:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-gray-200:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-gray-300:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-gray-400:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-gray-500:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-gray-600:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-gray-700:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-gray-800:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-gray-900:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus-within\:bg-body:focus-within {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-current:hover {
-    background-color: currentColor;
-  }
-
-  .\32xl\:hover\:bg-transparent:hover {
-    background-color: transparent;
-  }
-
-  .\32xl\:hover\:bg-black:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-white:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-darkCoolGray-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-darkCoolGray-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-darkCoolGray-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-darkCoolGray-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-darkCoolGray-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-darkCoolGray-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-darkCoolGray-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-darkCoolGray-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-darkCoolGray-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-darkCoolGray-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-coolGray-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-coolGray-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-coolGray-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-coolGray-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-coolGray-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-coolGray-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-coolGray-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-coolGray-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-coolGray-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-coolGray-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-indigo-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-indigo-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-indigo-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-indigo-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-indigo-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-indigo-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-indigo-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-indigo-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-indigo-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-indigo-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-violet-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-violet-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-violet-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-violet-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-violet-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-violet-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-violet-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-violet-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-violet-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-violet-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-yellow-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-yellow-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-yellow-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-yellow-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-yellow-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-yellow-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-yellow-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-yellow-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-yellow-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-yellow-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-red-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-red-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-red-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-red-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-red-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-red-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-red-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-red-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-red-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-red-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-green-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-green-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-green-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-green-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-green-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-green-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-green-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-green-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-green-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-green-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-blue-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-blue-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-blue-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-blue-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-blue-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-blue-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-blue-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-blue-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-blue-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-blue-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-gray-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-gray-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-gray-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-gray-300:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-gray-400:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-gray-500:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-gray-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-gray-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-gray-800:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-gray-900:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:hover\:bg-body:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-current:focus {
-    background-color: currentColor;
-  }
-
-  .\32xl\:focus\:bg-transparent:focus {
-    background-color: transparent;
-  }
-
-  .\32xl\:focus\:bg-black:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-white:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-darkCoolGray-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 246, 247, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-darkCoolGray-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 237, 239, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-darkCoolGray-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 209, 214, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-darkCoolGray-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(176, 181, 189, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-darkCoolGray-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 126, 140, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-darkCoolGray-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(58, 71, 91, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-darkCoolGray-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52, 64, 82, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-darkCoolGray-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 53, 68, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-darkCoolGray-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 43, 55, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-darkCoolGray-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(28, 35, 45, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-coolGray-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(247, 248, 249, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-coolGray-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(238, 240, 243, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-coolGray-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(213, 218, 225, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-coolGray-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(187, 195, 207, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-coolGray-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(136, 150, 171, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-coolGray-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(85, 105, 135, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-coolGray-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(77, 95, 122, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-coolGray-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(64, 79, 101, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-coolGray-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 63, 81, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-coolGray-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 51, 66, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-indigo-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 246, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-indigo-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(240, 238, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-indigo-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(218, 212, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-indigo-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(195, 185, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-indigo-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(150, 133, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-indigo-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(105, 81, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-indigo-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(95, 73, 230, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-indigo-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(79, 61, 191, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-indigo-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(63, 49, 153, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-indigo-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(51, 40, 125, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-violet-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 247, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-violet-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(246, 238, 254, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-violet-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(233, 213, 253, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-violet-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(220, 187, 252, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-violet-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(194, 136, 249, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-violet-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-violet-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(151, 77, 222, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-violet-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(126, 64, 185, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-violet-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(101, 51, 148, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-violet-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(82, 42, 121, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-yellow-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 250, 243, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-yellow-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 245, 231, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-yellow-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 231, 194, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-yellow-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 216, 157, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-yellow-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 187, 84, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-yellow-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-yellow-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(221, 142, 10, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-yellow-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(184, 119, 8, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-yellow-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(147, 95, 7, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-yellow-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(120, 77, 5, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-red-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(254, 247, 246, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-red-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(253, 238, 236, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-red-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(251, 214, 208, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-red-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 189, 180, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-red-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 139, 124, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-red-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(239, 88, 68, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-red-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(215, 80, 61, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-red-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(179, 67, 51, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-red-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(143, 53, 41, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-red-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(117, 44, 33, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-green-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(244, 253, 247, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-green-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(234, 250, 240, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-green-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(202, 244, 217, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-green-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(170, 237, 195, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-green-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(106, 223, 149, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-green-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(42, 209, 103, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-green-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(38, 188, 94, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-green-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(32, 157, 78, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-green-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(25, 125, 62, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-green-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(21, 102, 51, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-blue-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(245, 249, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-blue-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(235, 243, 254, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-blue-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(206, 224, 253, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-blue-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(177, 205, 251, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-blue-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(118, 168, 249, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-blue-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-blue-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(53, 117, 221, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-blue-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(44, 98, 185, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-blue-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(35, 78, 148, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-blue-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(29, 64, 121, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-gray-50:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-gray-100:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-gray-200:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-gray-300:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-gray-400:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-gray-500:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-gray-600:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-gray-700:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-gray-800:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-gray-900:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:focus\:bg-body:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-  }
-
-  .\32xl\:bg-none {
-    background-image: none;
-  }
-
-  .\32xl\:bg-gradient-to-t {
-    background-image: linear-gradient(to top, var(--tw-gradient-stops));
-  }
-
-  .\32xl\:bg-gradient-to-tr {
-    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
-  }
-
-  .\32xl\:bg-gradient-to-r {
-    background-image: linear-gradient(to right, var(--tw-gradient-stops));
-  }
-
-  .\32xl\:bg-gradient-to-br {
-    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
-  }
-
-  .\32xl\:bg-gradient-to-b {
-    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
-  }
-
-  .\32xl\:bg-gradient-to-bl {
-    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
-  }
-
-  .\32xl\:bg-gradient-to-l {
-    background-image: linear-gradient(to left, var(--tw-gradient-stops));
-  }
-
-  .\32xl\:bg-gradient-to-tl {
-    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
-  }
-
-  .\32xl\:from-current {
-    --tw-gradient-from: currentColor;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .\32xl\:from-transparent {
-    --tw-gradient-from: transparent;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .\32xl\:from-black {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .\32xl\:from-white {
-    --tw-gradient-from: #fff;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .\32xl\:from-darkCoolGray-50 {
-    --tw-gradient-from: #F5F6F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .\32xl\:from-darkCoolGray-100 {
-    --tw-gradient-from: #EBEDEF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .\32xl\:from-darkCoolGray-200 {
-    --tw-gradient-from: #CED1D6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .\32xl\:from-darkCoolGray-300 {
-    --tw-gradient-from: #B0B5BD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .\32xl\:from-darkCoolGray-400 {
-    --tw-gradient-from: #757E8C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .\32xl\:from-darkCoolGray-500 {
-    --tw-gradient-from: #3A475B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .\32xl\:from-darkCoolGray-600 {
-    --tw-gradient-from: #344052;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .\32xl\:from-darkCoolGray-700 {
-    --tw-gradient-from: #2C3544;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .\32xl\:from-darkCoolGray-800 {
-    --tw-gradient-from: #232B37;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .\32xl\:from-darkCoolGray-900 {
-    --tw-gradient-from: #1C232D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .\32xl\:from-coolGray-50 {
-    --tw-gradient-from: #F7F8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .\32xl\:from-coolGray-100 {
-    --tw-gradient-from: #EEF0F3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .\32xl\:from-coolGray-200 {
-    --tw-gradient-from: #D5DAE1;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .\32xl\:from-coolGray-300 {
-    --tw-gradient-from: #BBC3CF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .\32xl\:from-coolGray-400 {
-    --tw-gradient-from: #8896AB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .\32xl\:from-coolGray-500 {
-    --tw-gradient-from: #556987;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .\32xl\:from-coolGray-600 {
-    --tw-gradient-from: #4D5F7A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .\32xl\:from-coolGray-700 {
-    --tw-gradient-from: #404F65;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .\32xl\:from-coolGray-800 {
-    --tw-gradient-from: #333F51;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .\32xl\:from-coolGray-900 {
-    --tw-gradient-from: #2A3342;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .\32xl\:from-indigo-50 {
-    --tw-gradient-from: #F8F6FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .\32xl\:from-indigo-100 {
-    --tw-gradient-from: #F0EEFF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .\32xl\:from-indigo-200 {
-    --tw-gradient-from: #DAD4FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .\32xl\:from-indigo-300 {
-    --tw-gradient-from: #C3B9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .\32xl\:from-indigo-400 {
-    --tw-gradient-from: #9685FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .\32xl\:from-indigo-500 {
-    --tw-gradient-from: #6951FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .\32xl\:from-indigo-600 {
-    --tw-gradient-from: #5F49E6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .\32xl\:from-indigo-700 {
-    --tw-gradient-from: #4F3DBF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .\32xl\:from-indigo-800 {
-    --tw-gradient-from: #3F3199;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .\32xl\:from-indigo-900 {
-    --tw-gradient-from: #33287D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .\32xl\:from-violet-50 {
-    --tw-gradient-from: #FBF7FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .\32xl\:from-violet-100 {
-    --tw-gradient-from: #F6EEFE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .\32xl\:from-violet-200 {
-    --tw-gradient-from: #E9D5FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .\32xl\:from-violet-300 {
-    --tw-gradient-from: #DCBBFC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .\32xl\:from-violet-400 {
-    --tw-gradient-from: #C288F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .\32xl\:from-violet-500 {
-    --tw-gradient-from: #A855F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .\32xl\:from-violet-600 {
-    --tw-gradient-from: #974DDE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .\32xl\:from-violet-700 {
-    --tw-gradient-from: #7E40B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .\32xl\:from-violet-800 {
-    --tw-gradient-from: #653394;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .\32xl\:from-violet-900 {
-    --tw-gradient-from: #522A79;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .\32xl\:from-yellow-50 {
-    --tw-gradient-from: #FFFAF3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .\32xl\:from-yellow-100 {
-    --tw-gradient-from: #FEF5E7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .\32xl\:from-yellow-200 {
-    --tw-gradient-from: #FDE7C2;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .\32xl\:from-yellow-300 {
-    --tw-gradient-from: #FBD89D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .\32xl\:from-yellow-400 {
-    --tw-gradient-from: #F8BB54;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .\32xl\:from-yellow-500 {
-    --tw-gradient-from: #F59E0B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .\32xl\:from-yellow-600 {
-    --tw-gradient-from: #DD8E0A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .\32xl\:from-yellow-700 {
-    --tw-gradient-from: #B87708;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .\32xl\:from-yellow-800 {
-    --tw-gradient-from: #935F07;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .\32xl\:from-yellow-900 {
-    --tw-gradient-from: #784D05;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .\32xl\:from-red-50 {
-    --tw-gradient-from: #FEF7F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .\32xl\:from-red-100 {
-    --tw-gradient-from: #FDEEEC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .\32xl\:from-red-200 {
-    --tw-gradient-from: #FBD6D0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .\32xl\:from-red-300 {
-    --tw-gradient-from: #F9BDB4;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .\32xl\:from-red-400 {
-    --tw-gradient-from: #F48B7C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .\32xl\:from-red-500 {
-    --tw-gradient-from: #EF5844;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .\32xl\:from-red-600 {
-    --tw-gradient-from: #D7503D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .\32xl\:from-red-700 {
-    --tw-gradient-from: #B34333;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .\32xl\:from-red-800 {
-    --tw-gradient-from: #8F3529;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .\32xl\:from-red-900 {
-    --tw-gradient-from: #752C21;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .\32xl\:from-green-50 {
-    --tw-gradient-from: #F4FDF7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .\32xl\:from-green-100 {
-    --tw-gradient-from: #EAFAF0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .\32xl\:from-green-200 {
-    --tw-gradient-from: #CAF4D9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .\32xl\:from-green-300 {
-    --tw-gradient-from: #AAEDC3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .\32xl\:from-green-400 {
-    --tw-gradient-from: #6ADF95;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .\32xl\:from-green-500 {
-    --tw-gradient-from: #2AD167;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .\32xl\:from-green-600 {
-    --tw-gradient-from: #26BC5E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .\32xl\:from-green-700 {
-    --tw-gradient-from: #209D4E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .\32xl\:from-green-800 {
-    --tw-gradient-from: #197D3E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .\32xl\:from-green-900 {
-    --tw-gradient-from: #156633;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .\32xl\:from-blue-50 {
-    --tw-gradient-from: #F5F9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .\32xl\:from-blue-100 {
-    --tw-gradient-from: #EBF3FE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .\32xl\:from-blue-200 {
-    --tw-gradient-from: #CEE0FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .\32xl\:from-blue-300 {
-    --tw-gradient-from: #B1CDFB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .\32xl\:from-blue-400 {
-    --tw-gradient-from: #76A8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .\32xl\:from-blue-500 {
-    --tw-gradient-from: #3B82F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .\32xl\:from-blue-600 {
-    --tw-gradient-from: #3575DD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .\32xl\:from-blue-700 {
-    --tw-gradient-from: #2C62B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .\32xl\:from-blue-800 {
-    --tw-gradient-from: #234E94;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .\32xl\:from-blue-900 {
-    --tw-gradient-from: #1D4079;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .\32xl\:from-gray-50 {
-    --tw-gradient-from: #f9fafb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .\32xl\:from-gray-100 {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .\32xl\:from-gray-200 {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .\32xl\:from-gray-300 {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .\32xl\:from-gray-400 {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .\32xl\:from-gray-500 {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .\32xl\:from-gray-600 {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .\32xl\:from-gray-700 {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .\32xl\:from-gray-800 {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .\32xl\:from-gray-900 {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .\32xl\:via-current {
-    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .\32xl\:via-transparent {
-    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .\32xl\:via-black {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .\32xl\:via-white {
-    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .\32xl\:via-darkCoolGray-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .\32xl\:via-darkCoolGray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .\32xl\:via-darkCoolGray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .\32xl\:via-darkCoolGray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .\32xl\:via-darkCoolGray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .\32xl\:via-darkCoolGray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .\32xl\:via-darkCoolGray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .\32xl\:via-darkCoolGray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .\32xl\:via-darkCoolGray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .\32xl\:via-darkCoolGray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .\32xl\:via-coolGray-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .\32xl\:via-coolGray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .\32xl\:via-coolGray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .\32xl\:via-coolGray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .\32xl\:via-coolGray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .\32xl\:via-coolGray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .\32xl\:via-coolGray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .\32xl\:via-coolGray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .\32xl\:via-coolGray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .\32xl\:via-coolGray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .\32xl\:via-indigo-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .\32xl\:via-indigo-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .\32xl\:via-indigo-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .\32xl\:via-indigo-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .\32xl\:via-indigo-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .\32xl\:via-indigo-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .\32xl\:via-indigo-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .\32xl\:via-indigo-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .\32xl\:via-indigo-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .\32xl\:via-indigo-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .\32xl\:via-violet-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .\32xl\:via-violet-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .\32xl\:via-violet-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .\32xl\:via-violet-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .\32xl\:via-violet-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .\32xl\:via-violet-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .\32xl\:via-violet-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .\32xl\:via-violet-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .\32xl\:via-violet-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .\32xl\:via-violet-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .\32xl\:via-yellow-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .\32xl\:via-yellow-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .\32xl\:via-yellow-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .\32xl\:via-yellow-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .\32xl\:via-yellow-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .\32xl\:via-yellow-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .\32xl\:via-yellow-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .\32xl\:via-yellow-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .\32xl\:via-yellow-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .\32xl\:via-yellow-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .\32xl\:via-red-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .\32xl\:via-red-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .\32xl\:via-red-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .\32xl\:via-red-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .\32xl\:via-red-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .\32xl\:via-red-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .\32xl\:via-red-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .\32xl\:via-red-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .\32xl\:via-red-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .\32xl\:via-red-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .\32xl\:via-green-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .\32xl\:via-green-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .\32xl\:via-green-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .\32xl\:via-green-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .\32xl\:via-green-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .\32xl\:via-green-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .\32xl\:via-green-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .\32xl\:via-green-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .\32xl\:via-green-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .\32xl\:via-green-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .\32xl\:via-blue-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .\32xl\:via-blue-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .\32xl\:via-blue-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .\32xl\:via-blue-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .\32xl\:via-blue-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .\32xl\:via-blue-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .\32xl\:via-blue-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .\32xl\:via-blue-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .\32xl\:via-blue-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .\32xl\:via-blue-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .\32xl\:via-gray-50 {
-    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .\32xl\:via-gray-100 {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .\32xl\:via-gray-200 {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .\32xl\:via-gray-300 {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .\32xl\:via-gray-400 {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .\32xl\:via-gray-500 {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .\32xl\:via-gray-600 {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .\32xl\:via-gray-700 {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .\32xl\:via-gray-800 {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .\32xl\:via-gray-900 {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .\32xl\:to-current {
-    --tw-gradient-to: currentColor;
-  }
-
-  .\32xl\:to-transparent {
-    --tw-gradient-to: transparent;
-  }
-
-  .\32xl\:to-black {
-    --tw-gradient-to: #000;
-  }
-
-  .\32xl\:to-white {
-    --tw-gradient-to: #fff;
-  }
-
-  .\32xl\:to-darkCoolGray-50 {
-    --tw-gradient-to: #F5F6F7;
-  }
-
-  .\32xl\:to-darkCoolGray-100 {
-    --tw-gradient-to: #EBEDEF;
-  }
-
-  .\32xl\:to-darkCoolGray-200 {
-    --tw-gradient-to: #CED1D6;
-  }
-
-  .\32xl\:to-darkCoolGray-300 {
-    --tw-gradient-to: #B0B5BD;
-  }
-
-  .\32xl\:to-darkCoolGray-400 {
-    --tw-gradient-to: #757E8C;
-  }
-
-  .\32xl\:to-darkCoolGray-500 {
-    --tw-gradient-to: #3A475B;
-  }
-
-  .\32xl\:to-darkCoolGray-600 {
-    --tw-gradient-to: #344052;
-  }
-
-  .\32xl\:to-darkCoolGray-700 {
-    --tw-gradient-to: #2C3544;
-  }
-
-  .\32xl\:to-darkCoolGray-800 {
-    --tw-gradient-to: #232B37;
-  }
-
-  .\32xl\:to-darkCoolGray-900 {
-    --tw-gradient-to: #1C232D;
-  }
-
-  .\32xl\:to-coolGray-50 {
-    --tw-gradient-to: #F7F8F9;
-  }
-
-  .\32xl\:to-coolGray-100 {
-    --tw-gradient-to: #EEF0F3;
-  }
-
-  .\32xl\:to-coolGray-200 {
-    --tw-gradient-to: #D5DAE1;
-  }
-
-  .\32xl\:to-coolGray-300 {
-    --tw-gradient-to: #BBC3CF;
-  }
-
-  .\32xl\:to-coolGray-400 {
-    --tw-gradient-to: #8896AB;
-  }
-
-  .\32xl\:to-coolGray-500 {
-    --tw-gradient-to: #556987;
-  }
-
-  .\32xl\:to-coolGray-600 {
-    --tw-gradient-to: #4D5F7A;
-  }
-
-  .\32xl\:to-coolGray-700 {
-    --tw-gradient-to: #404F65;
-  }
-
-  .\32xl\:to-coolGray-800 {
-    --tw-gradient-to: #333F51;
-  }
-
-  .\32xl\:to-coolGray-900 {
-    --tw-gradient-to: #2A3342;
-  }
-
-  .\32xl\:to-indigo-50 {
-    --tw-gradient-to: #F8F6FF;
-  }
-
-  .\32xl\:to-indigo-100 {
-    --tw-gradient-to: #F0EEFF;
-  }
-
-  .\32xl\:to-indigo-200 {
-    --tw-gradient-to: #DAD4FF;
-  }
-
-  .\32xl\:to-indigo-300 {
-    --tw-gradient-to: #C3B9FF;
-  }
-
-  .\32xl\:to-indigo-400 {
-    --tw-gradient-to: #9685FF;
-  }
-
-  .\32xl\:to-indigo-500 {
-    --tw-gradient-to: #6951FF;
-  }
-
-  .\32xl\:to-indigo-600 {
-    --tw-gradient-to: #5F49E6;
-  }
-
-  .\32xl\:to-indigo-700 {
-    --tw-gradient-to: #4F3DBF;
-  }
-
-  .\32xl\:to-indigo-800 {
-    --tw-gradient-to: #3F3199;
-  }
-
-  .\32xl\:to-indigo-900 {
-    --tw-gradient-to: #33287D;
-  }
-
-  .\32xl\:to-violet-50 {
-    --tw-gradient-to: #FBF7FF;
-  }
-
-  .\32xl\:to-violet-100 {
-    --tw-gradient-to: #F6EEFE;
-  }
-
-  .\32xl\:to-violet-200 {
-    --tw-gradient-to: #E9D5FD;
-  }
-
-  .\32xl\:to-violet-300 {
-    --tw-gradient-to: #DCBBFC;
-  }
-
-  .\32xl\:to-violet-400 {
-    --tw-gradient-to: #C288F9;
-  }
-
-  .\32xl\:to-violet-500 {
-    --tw-gradient-to: #A855F7;
-  }
-
-  .\32xl\:to-violet-600 {
-    --tw-gradient-to: #974DDE;
-  }
-
-  .\32xl\:to-violet-700 {
-    --tw-gradient-to: #7E40B9;
-  }
-
-  .\32xl\:to-violet-800 {
-    --tw-gradient-to: #653394;
-  }
-
-  .\32xl\:to-violet-900 {
-    --tw-gradient-to: #522A79;
-  }
-
-  .\32xl\:to-yellow-50 {
-    --tw-gradient-to: #FFFAF3;
-  }
-
-  .\32xl\:to-yellow-100 {
-    --tw-gradient-to: #FEF5E7;
-  }
-
-  .\32xl\:to-yellow-200 {
-    --tw-gradient-to: #FDE7C2;
-  }
-
-  .\32xl\:to-yellow-300 {
-    --tw-gradient-to: #FBD89D;
-  }
-
-  .\32xl\:to-yellow-400 {
-    --tw-gradient-to: #F8BB54;
-  }
-
-  .\32xl\:to-yellow-500 {
-    --tw-gradient-to: #F59E0B;
-  }
-
-  .\32xl\:to-yellow-600 {
-    --tw-gradient-to: #DD8E0A;
-  }
-
-  .\32xl\:to-yellow-700 {
-    --tw-gradient-to: #B87708;
-  }
-
-  .\32xl\:to-yellow-800 {
-    --tw-gradient-to: #935F07;
-  }
-
-  .\32xl\:to-yellow-900 {
-    --tw-gradient-to: #784D05;
-  }
-
-  .\32xl\:to-red-50 {
-    --tw-gradient-to: #FEF7F6;
-  }
-
-  .\32xl\:to-red-100 {
-    --tw-gradient-to: #FDEEEC;
-  }
-
-  .\32xl\:to-red-200 {
-    --tw-gradient-to: #FBD6D0;
-  }
-
-  .\32xl\:to-red-300 {
-    --tw-gradient-to: #F9BDB4;
-  }
-
-  .\32xl\:to-red-400 {
-    --tw-gradient-to: #F48B7C;
-  }
-
-  .\32xl\:to-red-500 {
-    --tw-gradient-to: #EF5844;
-  }
-
-  .\32xl\:to-red-600 {
-    --tw-gradient-to: #D7503D;
-  }
-
-  .\32xl\:to-red-700 {
-    --tw-gradient-to: #B34333;
-  }
-
-  .\32xl\:to-red-800 {
-    --tw-gradient-to: #8F3529;
-  }
-
-  .\32xl\:to-red-900 {
-    --tw-gradient-to: #752C21;
-  }
-
-  .\32xl\:to-green-50 {
-    --tw-gradient-to: #F4FDF7;
-  }
-
-  .\32xl\:to-green-100 {
-    --tw-gradient-to: #EAFAF0;
-  }
-
-  .\32xl\:to-green-200 {
-    --tw-gradient-to: #CAF4D9;
-  }
-
-  .\32xl\:to-green-300 {
-    --tw-gradient-to: #AAEDC3;
-  }
-
-  .\32xl\:to-green-400 {
-    --tw-gradient-to: #6ADF95;
-  }
-
-  .\32xl\:to-green-500 {
-    --tw-gradient-to: #2AD167;
-  }
-
-  .\32xl\:to-green-600 {
-    --tw-gradient-to: #26BC5E;
-  }
-
-  .\32xl\:to-green-700 {
-    --tw-gradient-to: #209D4E;
-  }
-
-  .\32xl\:to-green-800 {
-    --tw-gradient-to: #197D3E;
-  }
-
-  .\32xl\:to-green-900 {
-    --tw-gradient-to: #156633;
-  }
-
-  .\32xl\:to-blue-50 {
-    --tw-gradient-to: #F5F9FF;
-  }
-
-  .\32xl\:to-blue-100 {
-    --tw-gradient-to: #EBF3FE;
-  }
-
-  .\32xl\:to-blue-200 {
-    --tw-gradient-to: #CEE0FD;
-  }
-
-  .\32xl\:to-blue-300 {
-    --tw-gradient-to: #B1CDFB;
-  }
-
-  .\32xl\:to-blue-400 {
-    --tw-gradient-to: #76A8F9;
-  }
-
-  .\32xl\:to-blue-500 {
-    --tw-gradient-to: #3B82F6;
-  }
-
-  .\32xl\:to-blue-600 {
-    --tw-gradient-to: #3575DD;
-  }
-
-  .\32xl\:to-blue-700 {
-    --tw-gradient-to: #2C62B9;
-  }
-
-  .\32xl\:to-blue-800 {
-    --tw-gradient-to: #234E94;
-  }
-
-  .\32xl\:to-blue-900 {
-    --tw-gradient-to: #1D4079;
-  }
-
-  .\32xl\:to-gray-50 {
-    --tw-gradient-to: #f9fafb;
-  }
-
-  .\32xl\:to-gray-100 {
-    --tw-gradient-to: #f3f4f6;
-  }
-
-  .\32xl\:to-gray-200 {
-    --tw-gradient-to: #e5e7eb;
-  }
-
-  .\32xl\:to-gray-300 {
-    --tw-gradient-to: #d1d5db;
-  }
-
-  .\32xl\:to-gray-400 {
-    --tw-gradient-to: #9ca3af;
-  }
-
-  .\32xl\:to-gray-500 {
-    --tw-gradient-to: #6b7280;
-  }
-
-  .\32xl\:to-gray-600 {
-    --tw-gradient-to: #4b5563;
-  }
-
-  .\32xl\:to-gray-700 {
-    --tw-gradient-to: #374151;
-  }
-
-  .\32xl\:to-gray-800 {
-    --tw-gradient-to: #1f2937;
-  }
-
-  .\32xl\:to-gray-900 {
-    --tw-gradient-to: #111827;
-  }
-
-  .\32xl\:hover\:from-current:hover {
-    --tw-gradient-from: currentColor;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .\32xl\:hover\:from-transparent:hover {
-    --tw-gradient-from: transparent;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .\32xl\:hover\:from-black:hover {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .\32xl\:hover\:from-white:hover {
-    --tw-gradient-from: #fff;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .\32xl\:hover\:from-darkCoolGray-50:hover {
-    --tw-gradient-from: #F5F6F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .\32xl\:hover\:from-darkCoolGray-100:hover {
-    --tw-gradient-from: #EBEDEF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .\32xl\:hover\:from-darkCoolGray-200:hover {
-    --tw-gradient-from: #CED1D6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .\32xl\:hover\:from-darkCoolGray-300:hover {
-    --tw-gradient-from: #B0B5BD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .\32xl\:hover\:from-darkCoolGray-400:hover {
-    --tw-gradient-from: #757E8C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .\32xl\:hover\:from-darkCoolGray-500:hover {
-    --tw-gradient-from: #3A475B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .\32xl\:hover\:from-darkCoolGray-600:hover {
-    --tw-gradient-from: #344052;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .\32xl\:hover\:from-darkCoolGray-700:hover {
-    --tw-gradient-from: #2C3544;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .\32xl\:hover\:from-darkCoolGray-800:hover {
-    --tw-gradient-from: #232B37;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .\32xl\:hover\:from-darkCoolGray-900:hover {
-    --tw-gradient-from: #1C232D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .\32xl\:hover\:from-coolGray-50:hover {
-    --tw-gradient-from: #F7F8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .\32xl\:hover\:from-coolGray-100:hover {
-    --tw-gradient-from: #EEF0F3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .\32xl\:hover\:from-coolGray-200:hover {
-    --tw-gradient-from: #D5DAE1;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .\32xl\:hover\:from-coolGray-300:hover {
-    --tw-gradient-from: #BBC3CF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .\32xl\:hover\:from-coolGray-400:hover {
-    --tw-gradient-from: #8896AB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .\32xl\:hover\:from-coolGray-500:hover {
-    --tw-gradient-from: #556987;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .\32xl\:hover\:from-coolGray-600:hover {
-    --tw-gradient-from: #4D5F7A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .\32xl\:hover\:from-coolGray-700:hover {
-    --tw-gradient-from: #404F65;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .\32xl\:hover\:from-coolGray-800:hover {
-    --tw-gradient-from: #333F51;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .\32xl\:hover\:from-coolGray-900:hover {
-    --tw-gradient-from: #2A3342;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .\32xl\:hover\:from-indigo-50:hover {
-    --tw-gradient-from: #F8F6FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .\32xl\:hover\:from-indigo-100:hover {
-    --tw-gradient-from: #F0EEFF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .\32xl\:hover\:from-indigo-200:hover {
-    --tw-gradient-from: #DAD4FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .\32xl\:hover\:from-indigo-300:hover {
-    --tw-gradient-from: #C3B9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .\32xl\:hover\:from-indigo-400:hover {
-    --tw-gradient-from: #9685FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .\32xl\:hover\:from-indigo-500:hover {
-    --tw-gradient-from: #6951FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .\32xl\:hover\:from-indigo-600:hover {
-    --tw-gradient-from: #5F49E6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .\32xl\:hover\:from-indigo-700:hover {
-    --tw-gradient-from: #4F3DBF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .\32xl\:hover\:from-indigo-800:hover {
-    --tw-gradient-from: #3F3199;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .\32xl\:hover\:from-indigo-900:hover {
-    --tw-gradient-from: #33287D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .\32xl\:hover\:from-violet-50:hover {
-    --tw-gradient-from: #FBF7FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .\32xl\:hover\:from-violet-100:hover {
-    --tw-gradient-from: #F6EEFE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .\32xl\:hover\:from-violet-200:hover {
-    --tw-gradient-from: #E9D5FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .\32xl\:hover\:from-violet-300:hover {
-    --tw-gradient-from: #DCBBFC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .\32xl\:hover\:from-violet-400:hover {
-    --tw-gradient-from: #C288F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .\32xl\:hover\:from-violet-500:hover {
-    --tw-gradient-from: #A855F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .\32xl\:hover\:from-violet-600:hover {
-    --tw-gradient-from: #974DDE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .\32xl\:hover\:from-violet-700:hover {
-    --tw-gradient-from: #7E40B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .\32xl\:hover\:from-violet-800:hover {
-    --tw-gradient-from: #653394;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .\32xl\:hover\:from-violet-900:hover {
-    --tw-gradient-from: #522A79;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .\32xl\:hover\:from-yellow-50:hover {
-    --tw-gradient-from: #FFFAF3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .\32xl\:hover\:from-yellow-100:hover {
-    --tw-gradient-from: #FEF5E7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .\32xl\:hover\:from-yellow-200:hover {
-    --tw-gradient-from: #FDE7C2;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .\32xl\:hover\:from-yellow-300:hover {
-    --tw-gradient-from: #FBD89D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .\32xl\:hover\:from-yellow-400:hover {
-    --tw-gradient-from: #F8BB54;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .\32xl\:hover\:from-yellow-500:hover {
-    --tw-gradient-from: #F59E0B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .\32xl\:hover\:from-yellow-600:hover {
-    --tw-gradient-from: #DD8E0A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .\32xl\:hover\:from-yellow-700:hover {
-    --tw-gradient-from: #B87708;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .\32xl\:hover\:from-yellow-800:hover {
-    --tw-gradient-from: #935F07;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .\32xl\:hover\:from-yellow-900:hover {
-    --tw-gradient-from: #784D05;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .\32xl\:hover\:from-red-50:hover {
-    --tw-gradient-from: #FEF7F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .\32xl\:hover\:from-red-100:hover {
-    --tw-gradient-from: #FDEEEC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .\32xl\:hover\:from-red-200:hover {
-    --tw-gradient-from: #FBD6D0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .\32xl\:hover\:from-red-300:hover {
-    --tw-gradient-from: #F9BDB4;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .\32xl\:hover\:from-red-400:hover {
-    --tw-gradient-from: #F48B7C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .\32xl\:hover\:from-red-500:hover {
-    --tw-gradient-from: #EF5844;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .\32xl\:hover\:from-red-600:hover {
-    --tw-gradient-from: #D7503D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .\32xl\:hover\:from-red-700:hover {
-    --tw-gradient-from: #B34333;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .\32xl\:hover\:from-red-800:hover {
-    --tw-gradient-from: #8F3529;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .\32xl\:hover\:from-red-900:hover {
-    --tw-gradient-from: #752C21;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .\32xl\:hover\:from-green-50:hover {
-    --tw-gradient-from: #F4FDF7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .\32xl\:hover\:from-green-100:hover {
-    --tw-gradient-from: #EAFAF0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .\32xl\:hover\:from-green-200:hover {
-    --tw-gradient-from: #CAF4D9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .\32xl\:hover\:from-green-300:hover {
-    --tw-gradient-from: #AAEDC3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .\32xl\:hover\:from-green-400:hover {
-    --tw-gradient-from: #6ADF95;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .\32xl\:hover\:from-green-500:hover {
-    --tw-gradient-from: #2AD167;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .\32xl\:hover\:from-green-600:hover {
-    --tw-gradient-from: #26BC5E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .\32xl\:hover\:from-green-700:hover {
-    --tw-gradient-from: #209D4E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .\32xl\:hover\:from-green-800:hover {
-    --tw-gradient-from: #197D3E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .\32xl\:hover\:from-green-900:hover {
-    --tw-gradient-from: #156633;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .\32xl\:hover\:from-blue-50:hover {
-    --tw-gradient-from: #F5F9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .\32xl\:hover\:from-blue-100:hover {
-    --tw-gradient-from: #EBF3FE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .\32xl\:hover\:from-blue-200:hover {
-    --tw-gradient-from: #CEE0FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .\32xl\:hover\:from-blue-300:hover {
-    --tw-gradient-from: #B1CDFB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .\32xl\:hover\:from-blue-400:hover {
-    --tw-gradient-from: #76A8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .\32xl\:hover\:from-blue-500:hover {
-    --tw-gradient-from: #3B82F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .\32xl\:hover\:from-blue-600:hover {
-    --tw-gradient-from: #3575DD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .\32xl\:hover\:from-blue-700:hover {
-    --tw-gradient-from: #2C62B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .\32xl\:hover\:from-blue-800:hover {
-    --tw-gradient-from: #234E94;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .\32xl\:hover\:from-blue-900:hover {
-    --tw-gradient-from: #1D4079;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .\32xl\:hover\:from-gray-50:hover {
-    --tw-gradient-from: #f9fafb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .\32xl\:hover\:from-gray-100:hover {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .\32xl\:hover\:from-gray-200:hover {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .\32xl\:hover\:from-gray-300:hover {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .\32xl\:hover\:from-gray-400:hover {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .\32xl\:hover\:from-gray-500:hover {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .\32xl\:hover\:from-gray-600:hover {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .\32xl\:hover\:from-gray-700:hover {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .\32xl\:hover\:from-gray-800:hover {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .\32xl\:hover\:from-gray-900:hover {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .\32xl\:hover\:via-current:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .\32xl\:hover\:via-transparent:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .\32xl\:hover\:via-black:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .\32xl\:hover\:via-white:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .\32xl\:hover\:via-darkCoolGray-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .\32xl\:hover\:via-darkCoolGray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .\32xl\:hover\:via-darkCoolGray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .\32xl\:hover\:via-darkCoolGray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .\32xl\:hover\:via-darkCoolGray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .\32xl\:hover\:via-darkCoolGray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .\32xl\:hover\:via-darkCoolGray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .\32xl\:hover\:via-darkCoolGray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .\32xl\:hover\:via-darkCoolGray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .\32xl\:hover\:via-darkCoolGray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .\32xl\:hover\:via-coolGray-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .\32xl\:hover\:via-coolGray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .\32xl\:hover\:via-coolGray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .\32xl\:hover\:via-coolGray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .\32xl\:hover\:via-coolGray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .\32xl\:hover\:via-coolGray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .\32xl\:hover\:via-coolGray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .\32xl\:hover\:via-coolGray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .\32xl\:hover\:via-coolGray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .\32xl\:hover\:via-coolGray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .\32xl\:hover\:via-indigo-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .\32xl\:hover\:via-indigo-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .\32xl\:hover\:via-indigo-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .\32xl\:hover\:via-indigo-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .\32xl\:hover\:via-indigo-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .\32xl\:hover\:via-indigo-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .\32xl\:hover\:via-indigo-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .\32xl\:hover\:via-indigo-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .\32xl\:hover\:via-indigo-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .\32xl\:hover\:via-indigo-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .\32xl\:hover\:via-violet-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .\32xl\:hover\:via-violet-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .\32xl\:hover\:via-violet-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .\32xl\:hover\:via-violet-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .\32xl\:hover\:via-violet-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .\32xl\:hover\:via-violet-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .\32xl\:hover\:via-violet-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .\32xl\:hover\:via-violet-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .\32xl\:hover\:via-violet-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .\32xl\:hover\:via-violet-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .\32xl\:hover\:via-yellow-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .\32xl\:hover\:via-yellow-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .\32xl\:hover\:via-yellow-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .\32xl\:hover\:via-yellow-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .\32xl\:hover\:via-yellow-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .\32xl\:hover\:via-yellow-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .\32xl\:hover\:via-yellow-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .\32xl\:hover\:via-yellow-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .\32xl\:hover\:via-yellow-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .\32xl\:hover\:via-yellow-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .\32xl\:hover\:via-red-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .\32xl\:hover\:via-red-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .\32xl\:hover\:via-red-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .\32xl\:hover\:via-red-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .\32xl\:hover\:via-red-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .\32xl\:hover\:via-red-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .\32xl\:hover\:via-red-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .\32xl\:hover\:via-red-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .\32xl\:hover\:via-red-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .\32xl\:hover\:via-red-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .\32xl\:hover\:via-green-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .\32xl\:hover\:via-green-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .\32xl\:hover\:via-green-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .\32xl\:hover\:via-green-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .\32xl\:hover\:via-green-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .\32xl\:hover\:via-green-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .\32xl\:hover\:via-green-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .\32xl\:hover\:via-green-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .\32xl\:hover\:via-green-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .\32xl\:hover\:via-green-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .\32xl\:hover\:via-blue-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .\32xl\:hover\:via-blue-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .\32xl\:hover\:via-blue-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .\32xl\:hover\:via-blue-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .\32xl\:hover\:via-blue-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .\32xl\:hover\:via-blue-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .\32xl\:hover\:via-blue-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .\32xl\:hover\:via-blue-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .\32xl\:hover\:via-blue-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .\32xl\:hover\:via-blue-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .\32xl\:hover\:via-gray-50:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .\32xl\:hover\:via-gray-100:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .\32xl\:hover\:via-gray-200:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .\32xl\:hover\:via-gray-300:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .\32xl\:hover\:via-gray-400:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .\32xl\:hover\:via-gray-500:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .\32xl\:hover\:via-gray-600:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .\32xl\:hover\:via-gray-700:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .\32xl\:hover\:via-gray-800:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .\32xl\:hover\:via-gray-900:hover {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .\32xl\:hover\:to-current:hover {
-    --tw-gradient-to: currentColor;
-  }
-
-  .\32xl\:hover\:to-transparent:hover {
-    --tw-gradient-to: transparent;
-  }
-
-  .\32xl\:hover\:to-black:hover {
-    --tw-gradient-to: #000;
-  }
-
-  .\32xl\:hover\:to-white:hover {
-    --tw-gradient-to: #fff;
-  }
-
-  .\32xl\:hover\:to-darkCoolGray-50:hover {
-    --tw-gradient-to: #F5F6F7;
-  }
-
-  .\32xl\:hover\:to-darkCoolGray-100:hover {
-    --tw-gradient-to: #EBEDEF;
-  }
-
-  .\32xl\:hover\:to-darkCoolGray-200:hover {
-    --tw-gradient-to: #CED1D6;
-  }
-
-  .\32xl\:hover\:to-darkCoolGray-300:hover {
-    --tw-gradient-to: #B0B5BD;
-  }
-
-  .\32xl\:hover\:to-darkCoolGray-400:hover {
-    --tw-gradient-to: #757E8C;
-  }
-
-  .\32xl\:hover\:to-darkCoolGray-500:hover {
-    --tw-gradient-to: #3A475B;
-  }
-
-  .\32xl\:hover\:to-darkCoolGray-600:hover {
-    --tw-gradient-to: #344052;
-  }
-
-  .\32xl\:hover\:to-darkCoolGray-700:hover {
-    --tw-gradient-to: #2C3544;
-  }
-
-  .\32xl\:hover\:to-darkCoolGray-800:hover {
-    --tw-gradient-to: #232B37;
-  }
-
-  .\32xl\:hover\:to-darkCoolGray-900:hover {
-    --tw-gradient-to: #1C232D;
-  }
-
-  .\32xl\:hover\:to-coolGray-50:hover {
-    --tw-gradient-to: #F7F8F9;
-  }
-
-  .\32xl\:hover\:to-coolGray-100:hover {
-    --tw-gradient-to: #EEF0F3;
-  }
-
-  .\32xl\:hover\:to-coolGray-200:hover {
-    --tw-gradient-to: #D5DAE1;
-  }
-
-  .\32xl\:hover\:to-coolGray-300:hover {
-    --tw-gradient-to: #BBC3CF;
-  }
-
-  .\32xl\:hover\:to-coolGray-400:hover {
-    --tw-gradient-to: #8896AB;
-  }
-
-  .\32xl\:hover\:to-coolGray-500:hover {
-    --tw-gradient-to: #556987;
-  }
-
-  .\32xl\:hover\:to-coolGray-600:hover {
-    --tw-gradient-to: #4D5F7A;
-  }
-
-  .\32xl\:hover\:to-coolGray-700:hover {
-    --tw-gradient-to: #404F65;
-  }
-
-  .\32xl\:hover\:to-coolGray-800:hover {
-    --tw-gradient-to: #333F51;
-  }
-
-  .\32xl\:hover\:to-coolGray-900:hover {
-    --tw-gradient-to: #2A3342;
-  }
-
-  .\32xl\:hover\:to-indigo-50:hover {
-    --tw-gradient-to: #F8F6FF;
-  }
-
-  .\32xl\:hover\:to-indigo-100:hover {
-    --tw-gradient-to: #F0EEFF;
-  }
-
-  .\32xl\:hover\:to-indigo-200:hover {
-    --tw-gradient-to: #DAD4FF;
-  }
-
-  .\32xl\:hover\:to-indigo-300:hover {
-    --tw-gradient-to: #C3B9FF;
-  }
-
-  .\32xl\:hover\:to-indigo-400:hover {
-    --tw-gradient-to: #9685FF;
-  }
-
-  .\32xl\:hover\:to-indigo-500:hover {
-    --tw-gradient-to: #6951FF;
-  }
-
-  .\32xl\:hover\:to-indigo-600:hover {
-    --tw-gradient-to: #5F49E6;
-  }
-
-  .\32xl\:hover\:to-indigo-700:hover {
-    --tw-gradient-to: #4F3DBF;
-  }
-
-  .\32xl\:hover\:to-indigo-800:hover {
-    --tw-gradient-to: #3F3199;
-  }
-
-  .\32xl\:hover\:to-indigo-900:hover {
-    --tw-gradient-to: #33287D;
-  }
-
-  .\32xl\:hover\:to-violet-50:hover {
-    --tw-gradient-to: #FBF7FF;
-  }
-
-  .\32xl\:hover\:to-violet-100:hover {
-    --tw-gradient-to: #F6EEFE;
-  }
-
-  .\32xl\:hover\:to-violet-200:hover {
-    --tw-gradient-to: #E9D5FD;
-  }
-
-  .\32xl\:hover\:to-violet-300:hover {
-    --tw-gradient-to: #DCBBFC;
-  }
-
-  .\32xl\:hover\:to-violet-400:hover {
-    --tw-gradient-to: #C288F9;
-  }
-
-  .\32xl\:hover\:to-violet-500:hover {
-    --tw-gradient-to: #A855F7;
-  }
-
-  .\32xl\:hover\:to-violet-600:hover {
-    --tw-gradient-to: #974DDE;
-  }
-
-  .\32xl\:hover\:to-violet-700:hover {
-    --tw-gradient-to: #7E40B9;
-  }
-
-  .\32xl\:hover\:to-violet-800:hover {
-    --tw-gradient-to: #653394;
-  }
-
-  .\32xl\:hover\:to-violet-900:hover {
-    --tw-gradient-to: #522A79;
-  }
-
-  .\32xl\:hover\:to-yellow-50:hover {
-    --tw-gradient-to: #FFFAF3;
-  }
-
-  .\32xl\:hover\:to-yellow-100:hover {
-    --tw-gradient-to: #FEF5E7;
-  }
-
-  .\32xl\:hover\:to-yellow-200:hover {
-    --tw-gradient-to: #FDE7C2;
-  }
-
-  .\32xl\:hover\:to-yellow-300:hover {
-    --tw-gradient-to: #FBD89D;
-  }
-
-  .\32xl\:hover\:to-yellow-400:hover {
-    --tw-gradient-to: #F8BB54;
-  }
-
-  .\32xl\:hover\:to-yellow-500:hover {
-    --tw-gradient-to: #F59E0B;
-  }
-
-  .\32xl\:hover\:to-yellow-600:hover {
-    --tw-gradient-to: #DD8E0A;
-  }
-
-  .\32xl\:hover\:to-yellow-700:hover {
-    --tw-gradient-to: #B87708;
-  }
-
-  .\32xl\:hover\:to-yellow-800:hover {
-    --tw-gradient-to: #935F07;
-  }
-
-  .\32xl\:hover\:to-yellow-900:hover {
-    --tw-gradient-to: #784D05;
-  }
-
-  .\32xl\:hover\:to-red-50:hover {
-    --tw-gradient-to: #FEF7F6;
-  }
-
-  .\32xl\:hover\:to-red-100:hover {
-    --tw-gradient-to: #FDEEEC;
-  }
-
-  .\32xl\:hover\:to-red-200:hover {
-    --tw-gradient-to: #FBD6D0;
-  }
-
-  .\32xl\:hover\:to-red-300:hover {
-    --tw-gradient-to: #F9BDB4;
-  }
-
-  .\32xl\:hover\:to-red-400:hover {
-    --tw-gradient-to: #F48B7C;
-  }
-
-  .\32xl\:hover\:to-red-500:hover {
-    --tw-gradient-to: #EF5844;
-  }
-
-  .\32xl\:hover\:to-red-600:hover {
-    --tw-gradient-to: #D7503D;
-  }
-
-  .\32xl\:hover\:to-red-700:hover {
-    --tw-gradient-to: #B34333;
-  }
-
-  .\32xl\:hover\:to-red-800:hover {
-    --tw-gradient-to: #8F3529;
-  }
-
-  .\32xl\:hover\:to-red-900:hover {
-    --tw-gradient-to: #752C21;
-  }
-
-  .\32xl\:hover\:to-green-50:hover {
-    --tw-gradient-to: #F4FDF7;
-  }
-
-  .\32xl\:hover\:to-green-100:hover {
-    --tw-gradient-to: #EAFAF0;
-  }
-
-  .\32xl\:hover\:to-green-200:hover {
-    --tw-gradient-to: #CAF4D9;
-  }
-
-  .\32xl\:hover\:to-green-300:hover {
-    --tw-gradient-to: #AAEDC3;
-  }
-
-  .\32xl\:hover\:to-green-400:hover {
-    --tw-gradient-to: #6ADF95;
-  }
-
-  .\32xl\:hover\:to-green-500:hover {
-    --tw-gradient-to: #2AD167;
-  }
-
-  .\32xl\:hover\:to-green-600:hover {
-    --tw-gradient-to: #26BC5E;
-  }
-
-  .\32xl\:hover\:to-green-700:hover {
-    --tw-gradient-to: #209D4E;
-  }
-
-  .\32xl\:hover\:to-green-800:hover {
-    --tw-gradient-to: #197D3E;
-  }
-
-  .\32xl\:hover\:to-green-900:hover {
-    --tw-gradient-to: #156633;
-  }
-
-  .\32xl\:hover\:to-blue-50:hover {
-    --tw-gradient-to: #F5F9FF;
-  }
-
-  .\32xl\:hover\:to-blue-100:hover {
-    --tw-gradient-to: #EBF3FE;
-  }
-
-  .\32xl\:hover\:to-blue-200:hover {
-    --tw-gradient-to: #CEE0FD;
-  }
-
-  .\32xl\:hover\:to-blue-300:hover {
-    --tw-gradient-to: #B1CDFB;
-  }
-
-  .\32xl\:hover\:to-blue-400:hover {
-    --tw-gradient-to: #76A8F9;
-  }
-
-  .\32xl\:hover\:to-blue-500:hover {
-    --tw-gradient-to: #3B82F6;
-  }
-
-  .\32xl\:hover\:to-blue-600:hover {
-    --tw-gradient-to: #3575DD;
-  }
-
-  .\32xl\:hover\:to-blue-700:hover {
-    --tw-gradient-to: #2C62B9;
-  }
-
-  .\32xl\:hover\:to-blue-800:hover {
-    --tw-gradient-to: #234E94;
-  }
-
-  .\32xl\:hover\:to-blue-900:hover {
-    --tw-gradient-to: #1D4079;
-  }
-
-  .\32xl\:hover\:to-gray-50:hover {
-    --tw-gradient-to: #f9fafb;
-  }
-
-  .\32xl\:hover\:to-gray-100:hover {
-    --tw-gradient-to: #f3f4f6;
-  }
-
-  .\32xl\:hover\:to-gray-200:hover {
-    --tw-gradient-to: #e5e7eb;
-  }
-
-  .\32xl\:hover\:to-gray-300:hover {
-    --tw-gradient-to: #d1d5db;
-  }
-
-  .\32xl\:hover\:to-gray-400:hover {
-    --tw-gradient-to: #9ca3af;
-  }
-
-  .\32xl\:hover\:to-gray-500:hover {
-    --tw-gradient-to: #6b7280;
-  }
-
-  .\32xl\:hover\:to-gray-600:hover {
-    --tw-gradient-to: #4b5563;
-  }
-
-  .\32xl\:hover\:to-gray-700:hover {
-    --tw-gradient-to: #374151;
-  }
-
-  .\32xl\:hover\:to-gray-800:hover {
-    --tw-gradient-to: #1f2937;
-  }
-
-  .\32xl\:hover\:to-gray-900:hover {
-    --tw-gradient-to: #111827;
-  }
-
-  .\32xl\:focus\:from-current:focus {
-    --tw-gradient-from: currentColor;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .\32xl\:focus\:from-transparent:focus {
-    --tw-gradient-from: transparent;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .\32xl\:focus\:from-black:focus {
-    --tw-gradient-from: #000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .\32xl\:focus\:from-white:focus {
-    --tw-gradient-from: #fff;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .\32xl\:focus\:from-darkCoolGray-50:focus {
-    --tw-gradient-from: #F5F6F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .\32xl\:focus\:from-darkCoolGray-100:focus {
-    --tw-gradient-from: #EBEDEF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .\32xl\:focus\:from-darkCoolGray-200:focus {
-    --tw-gradient-from: #CED1D6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .\32xl\:focus\:from-darkCoolGray-300:focus {
-    --tw-gradient-from: #B0B5BD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .\32xl\:focus\:from-darkCoolGray-400:focus {
-    --tw-gradient-from: #757E8C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .\32xl\:focus\:from-darkCoolGray-500:focus {
-    --tw-gradient-from: #3A475B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .\32xl\:focus\:from-darkCoolGray-600:focus {
-    --tw-gradient-from: #344052;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .\32xl\:focus\:from-darkCoolGray-700:focus {
-    --tw-gradient-from: #2C3544;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .\32xl\:focus\:from-darkCoolGray-800:focus {
-    --tw-gradient-from: #232B37;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .\32xl\:focus\:from-darkCoolGray-900:focus {
-    --tw-gradient-from: #1C232D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .\32xl\:focus\:from-coolGray-50:focus {
-    --tw-gradient-from: #F7F8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .\32xl\:focus\:from-coolGray-100:focus {
-    --tw-gradient-from: #EEF0F3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .\32xl\:focus\:from-coolGray-200:focus {
-    --tw-gradient-from: #D5DAE1;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .\32xl\:focus\:from-coolGray-300:focus {
-    --tw-gradient-from: #BBC3CF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .\32xl\:focus\:from-coolGray-400:focus {
-    --tw-gradient-from: #8896AB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .\32xl\:focus\:from-coolGray-500:focus {
-    --tw-gradient-from: #556987;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .\32xl\:focus\:from-coolGray-600:focus {
-    --tw-gradient-from: #4D5F7A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .\32xl\:focus\:from-coolGray-700:focus {
-    --tw-gradient-from: #404F65;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .\32xl\:focus\:from-coolGray-800:focus {
-    --tw-gradient-from: #333F51;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .\32xl\:focus\:from-coolGray-900:focus {
-    --tw-gradient-from: #2A3342;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .\32xl\:focus\:from-indigo-50:focus {
-    --tw-gradient-from: #F8F6FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .\32xl\:focus\:from-indigo-100:focus {
-    --tw-gradient-from: #F0EEFF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .\32xl\:focus\:from-indigo-200:focus {
-    --tw-gradient-from: #DAD4FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .\32xl\:focus\:from-indigo-300:focus {
-    --tw-gradient-from: #C3B9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .\32xl\:focus\:from-indigo-400:focus {
-    --tw-gradient-from: #9685FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .\32xl\:focus\:from-indigo-500:focus {
-    --tw-gradient-from: #6951FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .\32xl\:focus\:from-indigo-600:focus {
-    --tw-gradient-from: #5F49E6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .\32xl\:focus\:from-indigo-700:focus {
-    --tw-gradient-from: #4F3DBF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .\32xl\:focus\:from-indigo-800:focus {
-    --tw-gradient-from: #3F3199;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .\32xl\:focus\:from-indigo-900:focus {
-    --tw-gradient-from: #33287D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .\32xl\:focus\:from-violet-50:focus {
-    --tw-gradient-from: #FBF7FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .\32xl\:focus\:from-violet-100:focus {
-    --tw-gradient-from: #F6EEFE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .\32xl\:focus\:from-violet-200:focus {
-    --tw-gradient-from: #E9D5FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .\32xl\:focus\:from-violet-300:focus {
-    --tw-gradient-from: #DCBBFC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .\32xl\:focus\:from-violet-400:focus {
-    --tw-gradient-from: #C288F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .\32xl\:focus\:from-violet-500:focus {
-    --tw-gradient-from: #A855F7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .\32xl\:focus\:from-violet-600:focus {
-    --tw-gradient-from: #974DDE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .\32xl\:focus\:from-violet-700:focus {
-    --tw-gradient-from: #7E40B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .\32xl\:focus\:from-violet-800:focus {
-    --tw-gradient-from: #653394;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .\32xl\:focus\:from-violet-900:focus {
-    --tw-gradient-from: #522A79;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .\32xl\:focus\:from-yellow-50:focus {
-    --tw-gradient-from: #FFFAF3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .\32xl\:focus\:from-yellow-100:focus {
-    --tw-gradient-from: #FEF5E7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .\32xl\:focus\:from-yellow-200:focus {
-    --tw-gradient-from: #FDE7C2;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .\32xl\:focus\:from-yellow-300:focus {
-    --tw-gradient-from: #FBD89D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .\32xl\:focus\:from-yellow-400:focus {
-    --tw-gradient-from: #F8BB54;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .\32xl\:focus\:from-yellow-500:focus {
-    --tw-gradient-from: #F59E0B;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .\32xl\:focus\:from-yellow-600:focus {
-    --tw-gradient-from: #DD8E0A;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .\32xl\:focus\:from-yellow-700:focus {
-    --tw-gradient-from: #B87708;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .\32xl\:focus\:from-yellow-800:focus {
-    --tw-gradient-from: #935F07;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .\32xl\:focus\:from-yellow-900:focus {
-    --tw-gradient-from: #784D05;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .\32xl\:focus\:from-red-50:focus {
-    --tw-gradient-from: #FEF7F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .\32xl\:focus\:from-red-100:focus {
-    --tw-gradient-from: #FDEEEC;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .\32xl\:focus\:from-red-200:focus {
-    --tw-gradient-from: #FBD6D0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .\32xl\:focus\:from-red-300:focus {
-    --tw-gradient-from: #F9BDB4;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .\32xl\:focus\:from-red-400:focus {
-    --tw-gradient-from: #F48B7C;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .\32xl\:focus\:from-red-500:focus {
-    --tw-gradient-from: #EF5844;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .\32xl\:focus\:from-red-600:focus {
-    --tw-gradient-from: #D7503D;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .\32xl\:focus\:from-red-700:focus {
-    --tw-gradient-from: #B34333;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .\32xl\:focus\:from-red-800:focus {
-    --tw-gradient-from: #8F3529;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .\32xl\:focus\:from-red-900:focus {
-    --tw-gradient-from: #752C21;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .\32xl\:focus\:from-green-50:focus {
-    --tw-gradient-from: #F4FDF7;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .\32xl\:focus\:from-green-100:focus {
-    --tw-gradient-from: #EAFAF0;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .\32xl\:focus\:from-green-200:focus {
-    --tw-gradient-from: #CAF4D9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .\32xl\:focus\:from-green-300:focus {
-    --tw-gradient-from: #AAEDC3;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .\32xl\:focus\:from-green-400:focus {
-    --tw-gradient-from: #6ADF95;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .\32xl\:focus\:from-green-500:focus {
-    --tw-gradient-from: #2AD167;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .\32xl\:focus\:from-green-600:focus {
-    --tw-gradient-from: #26BC5E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .\32xl\:focus\:from-green-700:focus {
-    --tw-gradient-from: #209D4E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .\32xl\:focus\:from-green-800:focus {
-    --tw-gradient-from: #197D3E;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .\32xl\:focus\:from-green-900:focus {
-    --tw-gradient-from: #156633;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .\32xl\:focus\:from-blue-50:focus {
-    --tw-gradient-from: #F5F9FF;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .\32xl\:focus\:from-blue-100:focus {
-    --tw-gradient-from: #EBF3FE;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .\32xl\:focus\:from-blue-200:focus {
-    --tw-gradient-from: #CEE0FD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .\32xl\:focus\:from-blue-300:focus {
-    --tw-gradient-from: #B1CDFB;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .\32xl\:focus\:from-blue-400:focus {
-    --tw-gradient-from: #76A8F9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .\32xl\:focus\:from-blue-500:focus {
-    --tw-gradient-from: #3B82F6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .\32xl\:focus\:from-blue-600:focus {
-    --tw-gradient-from: #3575DD;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .\32xl\:focus\:from-blue-700:focus {
-    --tw-gradient-from: #2C62B9;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .\32xl\:focus\:from-blue-800:focus {
-    --tw-gradient-from: #234E94;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .\32xl\:focus\:from-blue-900:focus {
-    --tw-gradient-from: #1D4079;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .\32xl\:focus\:from-gray-50:focus {
-    --tw-gradient-from: #f9fafb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .\32xl\:focus\:from-gray-100:focus {
-    --tw-gradient-from: #f3f4f6;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .\32xl\:focus\:from-gray-200:focus {
-    --tw-gradient-from: #e5e7eb;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .\32xl\:focus\:from-gray-300:focus {
-    --tw-gradient-from: #d1d5db;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .\32xl\:focus\:from-gray-400:focus {
-    --tw-gradient-from: #9ca3af;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .\32xl\:focus\:from-gray-500:focus {
-    --tw-gradient-from: #6b7280;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .\32xl\:focus\:from-gray-600:focus {
-    --tw-gradient-from: #4b5563;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .\32xl\:focus\:from-gray-700:focus {
-    --tw-gradient-from: #374151;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .\32xl\:focus\:from-gray-800:focus {
-    --tw-gradient-from: #1f2937;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .\32xl\:focus\:from-gray-900:focus {
-    --tw-gradient-from: #111827;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .\32xl\:focus\:via-current:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .\32xl\:focus\:via-transparent:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .\32xl\:focus\:via-black:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
-  }
-
-  .\32xl\:focus\:via-white:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
-  }
-
-  .\32xl\:focus\:via-darkCoolGray-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F6F7, var(--tw-gradient-to, rgba(245, 246, 247, 0));
-  }
-
-  .\32xl\:focus\:via-darkCoolGray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBEDEF, var(--tw-gradient-to, rgba(235, 237, 239, 0));
-  }
-
-  .\32xl\:focus\:via-darkCoolGray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #CED1D6, var(--tw-gradient-to, rgba(206, 209, 214, 0));
-  }
-
-  .\32xl\:focus\:via-darkCoolGray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B0B5BD, var(--tw-gradient-to, rgba(176, 181, 189, 0));
-  }
-
-  .\32xl\:focus\:via-darkCoolGray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #757E8C, var(--tw-gradient-to, rgba(117, 126, 140, 0));
-  }
-
-  .\32xl\:focus\:via-darkCoolGray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3A475B, var(--tw-gradient-to, rgba(58, 71, 91, 0));
-  }
-
-  .\32xl\:focus\:via-darkCoolGray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #344052, var(--tw-gradient-to, rgba(52, 64, 82, 0));
-  }
-
-  .\32xl\:focus\:via-darkCoolGray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C3544, var(--tw-gradient-to, rgba(44, 53, 68, 0));
-  }
-
-  .\32xl\:focus\:via-darkCoolGray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #232B37, var(--tw-gradient-to, rgba(35, 43, 55, 0));
-  }
-
-  .\32xl\:focus\:via-darkCoolGray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1C232D, var(--tw-gradient-to, rgba(28, 35, 45, 0));
-  }
-
-  .\32xl\:focus\:via-coolGray-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F7F8F9, var(--tw-gradient-to, rgba(247, 248, 249, 0));
-  }
-
-  .\32xl\:focus\:via-coolGray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EEF0F3, var(--tw-gradient-to, rgba(238, 240, 243, 0));
-  }
-
-  .\32xl\:focus\:via-coolGray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #D5DAE1, var(--tw-gradient-to, rgba(213, 218, 225, 0));
-  }
-
-  .\32xl\:focus\:via-coolGray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #BBC3CF, var(--tw-gradient-to, rgba(187, 195, 207, 0));
-  }
-
-  .\32xl\:focus\:via-coolGray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #8896AB, var(--tw-gradient-to, rgba(136, 150, 171, 0));
-  }
-
-  .\32xl\:focus\:via-coolGray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #556987, var(--tw-gradient-to, rgba(85, 105, 135, 0));
-  }
-
-  .\32xl\:focus\:via-coolGray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4D5F7A, var(--tw-gradient-to, rgba(77, 95, 122, 0));
-  }
-
-  .\32xl\:focus\:via-coolGray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #404F65, var(--tw-gradient-to, rgba(64, 79, 101, 0));
-  }
-
-  .\32xl\:focus\:via-coolGray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #333F51, var(--tw-gradient-to, rgba(51, 63, 81, 0));
-  }
-
-  .\32xl\:focus\:via-coolGray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2A3342, var(--tw-gradient-to, rgba(42, 51, 66, 0));
-  }
-
-  .\32xl\:focus\:via-indigo-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8F6FF, var(--tw-gradient-to, rgba(248, 246, 255, 0));
-  }
-
-  .\32xl\:focus\:via-indigo-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F0EEFF, var(--tw-gradient-to, rgba(240, 238, 255, 0));
-  }
-
-  .\32xl\:focus\:via-indigo-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #DAD4FF, var(--tw-gradient-to, rgba(218, 212, 255, 0));
-  }
-
-  .\32xl\:focus\:via-indigo-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #C3B9FF, var(--tw-gradient-to, rgba(195, 185, 255, 0));
-  }
-
-  .\32xl\:focus\:via-indigo-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #9685FF, var(--tw-gradient-to, rgba(150, 133, 255, 0));
-  }
-
-  .\32xl\:focus\:via-indigo-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6951FF, var(--tw-gradient-to, rgba(105, 81, 255, 0));
-  }
-
-  .\32xl\:focus\:via-indigo-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #5F49E6, var(--tw-gradient-to, rgba(95, 73, 230, 0));
-  }
-
-  .\32xl\:focus\:via-indigo-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4F3DBF, var(--tw-gradient-to, rgba(79, 61, 191, 0));
-  }
-
-  .\32xl\:focus\:via-indigo-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3F3199, var(--tw-gradient-to, rgba(63, 49, 153, 0));
-  }
-
-  .\32xl\:focus\:via-indigo-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #33287D, var(--tw-gradient-to, rgba(51, 40, 125, 0));
-  }
-
-  .\32xl\:focus\:via-violet-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBF7FF, var(--tw-gradient-to, rgba(251, 247, 255, 0));
-  }
-
-  .\32xl\:focus\:via-violet-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F6EEFE, var(--tw-gradient-to, rgba(246, 238, 254, 0));
-  }
-
-  .\32xl\:focus\:via-violet-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #E9D5FD, var(--tw-gradient-to, rgba(233, 213, 253, 0));
-  }
-
-  .\32xl\:focus\:via-violet-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #DCBBFC, var(--tw-gradient-to, rgba(220, 187, 252, 0));
-  }
-
-  .\32xl\:focus\:via-violet-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #C288F9, var(--tw-gradient-to, rgba(194, 136, 249, 0));
-  }
-
-  .\32xl\:focus\:via-violet-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #A855F7, var(--tw-gradient-to, rgba(168, 85, 247, 0));
-  }
-
-  .\32xl\:focus\:via-violet-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #974DDE, var(--tw-gradient-to, rgba(151, 77, 222, 0));
-  }
-
-  .\32xl\:focus\:via-violet-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #7E40B9, var(--tw-gradient-to, rgba(126, 64, 185, 0));
-  }
-
-  .\32xl\:focus\:via-violet-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #653394, var(--tw-gradient-to, rgba(101, 51, 148, 0));
-  }
-
-  .\32xl\:focus\:via-violet-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #522A79, var(--tw-gradient-to, rgba(82, 42, 121, 0));
-  }
-
-  .\32xl\:focus\:via-yellow-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FFFAF3, var(--tw-gradient-to, rgba(255, 250, 243, 0));
-  }
-
-  .\32xl\:focus\:via-yellow-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF5E7, var(--tw-gradient-to, rgba(254, 245, 231, 0));
-  }
-
-  .\32xl\:focus\:via-yellow-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDE7C2, var(--tw-gradient-to, rgba(253, 231, 194, 0));
-  }
-
-  .\32xl\:focus\:via-yellow-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD89D, var(--tw-gradient-to, rgba(251, 216, 157, 0));
-  }
-
-  .\32xl\:focus\:via-yellow-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F8BB54, var(--tw-gradient-to, rgba(248, 187, 84, 0));
-  }
-
-  .\32xl\:focus\:via-yellow-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F59E0B, var(--tw-gradient-to, rgba(245, 158, 11, 0));
-  }
-
-  .\32xl\:focus\:via-yellow-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #DD8E0A, var(--tw-gradient-to, rgba(221, 142, 10, 0));
-  }
-
-  .\32xl\:focus\:via-yellow-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B87708, var(--tw-gradient-to, rgba(184, 119, 8, 0));
-  }
-
-  .\32xl\:focus\:via-yellow-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #935F07, var(--tw-gradient-to, rgba(147, 95, 7, 0));
-  }
-
-  .\32xl\:focus\:via-yellow-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #784D05, var(--tw-gradient-to, rgba(120, 77, 5, 0));
-  }
-
-  .\32xl\:focus\:via-red-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FEF7F6, var(--tw-gradient-to, rgba(254, 247, 246, 0));
-  }
-
-  .\32xl\:focus\:via-red-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FDEEEC, var(--tw-gradient-to, rgba(253, 238, 236, 0));
-  }
-
-  .\32xl\:focus\:via-red-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #FBD6D0, var(--tw-gradient-to, rgba(251, 214, 208, 0));
-  }
-
-  .\32xl\:focus\:via-red-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F9BDB4, var(--tw-gradient-to, rgba(249, 189, 180, 0));
-  }
-
-  .\32xl\:focus\:via-red-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F48B7C, var(--tw-gradient-to, rgba(244, 139, 124, 0));
-  }
-
-  .\32xl\:focus\:via-red-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EF5844, var(--tw-gradient-to, rgba(239, 88, 68, 0));
-  }
-
-  .\32xl\:focus\:via-red-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #D7503D, var(--tw-gradient-to, rgba(215, 80, 61, 0));
-  }
-
-  .\32xl\:focus\:via-red-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B34333, var(--tw-gradient-to, rgba(179, 67, 51, 0));
-  }
-
-  .\32xl\:focus\:via-red-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #8F3529, var(--tw-gradient-to, rgba(143, 53, 41, 0));
-  }
-
-  .\32xl\:focus\:via-red-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #752C21, var(--tw-gradient-to, rgba(117, 44, 33, 0));
-  }
-
-  .\32xl\:focus\:via-green-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F4FDF7, var(--tw-gradient-to, rgba(244, 253, 247, 0));
-  }
-
-  .\32xl\:focus\:via-green-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EAFAF0, var(--tw-gradient-to, rgba(234, 250, 240, 0));
-  }
-
-  .\32xl\:focus\:via-green-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #CAF4D9, var(--tw-gradient-to, rgba(202, 244, 217, 0));
-  }
-
-  .\32xl\:focus\:via-green-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #AAEDC3, var(--tw-gradient-to, rgba(170, 237, 195, 0));
-  }
-
-  .\32xl\:focus\:via-green-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6ADF95, var(--tw-gradient-to, rgba(106, 223, 149, 0));
-  }
-
-  .\32xl\:focus\:via-green-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2AD167, var(--tw-gradient-to, rgba(42, 209, 103, 0));
-  }
-
-  .\32xl\:focus\:via-green-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #26BC5E, var(--tw-gradient-to, rgba(38, 188, 94, 0));
-  }
-
-  .\32xl\:focus\:via-green-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #209D4E, var(--tw-gradient-to, rgba(32, 157, 78, 0));
-  }
-
-  .\32xl\:focus\:via-green-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #197D3E, var(--tw-gradient-to, rgba(25, 125, 62, 0));
-  }
-
-  .\32xl\:focus\:via-green-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #156633, var(--tw-gradient-to, rgba(21, 102, 51, 0));
-  }
-
-  .\32xl\:focus\:via-blue-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #F5F9FF, var(--tw-gradient-to, rgba(245, 249, 255, 0));
-  }
-
-  .\32xl\:focus\:via-blue-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #EBF3FE, var(--tw-gradient-to, rgba(235, 243, 254, 0));
-  }
-
-  .\32xl\:focus\:via-blue-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #CEE0FD, var(--tw-gradient-to, rgba(206, 224, 253, 0));
-  }
-
-  .\32xl\:focus\:via-blue-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #B1CDFB, var(--tw-gradient-to, rgba(177, 205, 251, 0));
-  }
-
-  .\32xl\:focus\:via-blue-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #76A8F9, var(--tw-gradient-to, rgba(118, 168, 249, 0));
-  }
-
-  .\32xl\:focus\:via-blue-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
-  }
-
-  .\32xl\:focus\:via-blue-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #3575DD, var(--tw-gradient-to, rgba(53, 117, 221, 0));
-  }
-
-  .\32xl\:focus\:via-blue-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #2C62B9, var(--tw-gradient-to, rgba(44, 98, 185, 0));
-  }
-
-  .\32xl\:focus\:via-blue-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #234E94, var(--tw-gradient-to, rgba(35, 78, 148, 0));
-  }
-
-  .\32xl\:focus\:via-blue-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1D4079, var(--tw-gradient-to, rgba(29, 64, 121, 0));
-  }
-
-  .\32xl\:focus\:via-gray-50:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
-  }
-
-  .\32xl\:focus\:via-gray-100:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
-  }
-
-  .\32xl\:focus\:via-gray-200:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
-  }
-
-  .\32xl\:focus\:via-gray-300:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
-  }
-
-  .\32xl\:focus\:via-gray-400:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
-  }
-
-  .\32xl\:focus\:via-gray-500:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
-  }
-
-  .\32xl\:focus\:via-gray-600:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
-  }
-
-  .\32xl\:focus\:via-gray-700:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
-  }
-
-  .\32xl\:focus\:via-gray-800:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
-  }
-
-  .\32xl\:focus\:via-gray-900:focus {
-    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
-  }
-
-  .\32xl\:focus\:to-current:focus {
-    --tw-gradient-to: currentColor;
-  }
-
-  .\32xl\:focus\:to-transparent:focus {
-    --tw-gradient-to: transparent;
-  }
-
-  .\32xl\:focus\:to-black:focus {
-    --tw-gradient-to: #000;
-  }
-
-  .\32xl\:focus\:to-white:focus {
-    --tw-gradient-to: #fff;
-  }
-
-  .\32xl\:focus\:to-darkCoolGray-50:focus {
-    --tw-gradient-to: #F5F6F7;
-  }
-
-  .\32xl\:focus\:to-darkCoolGray-100:focus {
-    --tw-gradient-to: #EBEDEF;
-  }
-
-  .\32xl\:focus\:to-darkCoolGray-200:focus {
-    --tw-gradient-to: #CED1D6;
-  }
-
-  .\32xl\:focus\:to-darkCoolGray-300:focus {
-    --tw-gradient-to: #B0B5BD;
-  }
-
-  .\32xl\:focus\:to-darkCoolGray-400:focus {
-    --tw-gradient-to: #757E8C;
-  }
-
-  .\32xl\:focus\:to-darkCoolGray-500:focus {
-    --tw-gradient-to: #3A475B;
-  }
-
-  .\32xl\:focus\:to-darkCoolGray-600:focus {
-    --tw-gradient-to: #344052;
-  }
-
-  .\32xl\:focus\:to-darkCoolGray-700:focus {
-    --tw-gradient-to: #2C3544;
-  }
-
-  .\32xl\:focus\:to-darkCoolGray-800:focus {
-    --tw-gradient-to: #232B37;
-  }
-
-  .\32xl\:focus\:to-darkCoolGray-900:focus {
-    --tw-gradient-to: #1C232D;
-  }
-
-  .\32xl\:focus\:to-coolGray-50:focus {
-    --tw-gradient-to: #F7F8F9;
-  }
-
-  .\32xl\:focus\:to-coolGray-100:focus {
-    --tw-gradient-to: #EEF0F3;
-  }
-
-  .\32xl\:focus\:to-coolGray-200:focus {
-    --tw-gradient-to: #D5DAE1;
-  }
-
-  .\32xl\:focus\:to-coolGray-300:focus {
-    --tw-gradient-to: #BBC3CF;
-  }
-
-  .\32xl\:focus\:to-coolGray-400:focus {
-    --tw-gradient-to: #8896AB;
-  }
-
-  .\32xl\:focus\:to-coolGray-500:focus {
-    --tw-gradient-to: #556987;
-  }
-
-  .\32xl\:focus\:to-coolGray-600:focus {
-    --tw-gradient-to: #4D5F7A;
-  }
-
-  .\32xl\:focus\:to-coolGray-700:focus {
-    --tw-gradient-to: #404F65;
-  }
-
-  .\32xl\:focus\:to-coolGray-800:focus {
-    --tw-gradient-to: #333F51;
-  }
-
-  .\32xl\:focus\:to-coolGray-900:focus {
-    --tw-gradient-to: #2A3342;
-  }
-
-  .\32xl\:focus\:to-indigo-50:focus {
-    --tw-gradient-to: #F8F6FF;
-  }
-
-  .\32xl\:focus\:to-indigo-100:focus {
-    --tw-gradient-to: #F0EEFF;
-  }
-
-  .\32xl\:focus\:to-indigo-200:focus {
-    --tw-gradient-to: #DAD4FF;
-  }
-
-  .\32xl\:focus\:to-indigo-300:focus {
-    --tw-gradient-to: #C3B9FF;
-  }
-
-  .\32xl\:focus\:to-indigo-400:focus {
-    --tw-gradient-to: #9685FF;
-  }
-
-  .\32xl\:focus\:to-indigo-500:focus {
-    --tw-gradient-to: #6951FF;
-  }
-
-  .\32xl\:focus\:to-indigo-600:focus {
-    --tw-gradient-to: #5F49E6;
-  }
-
-  .\32xl\:focus\:to-indigo-700:focus {
-    --tw-gradient-to: #4F3DBF;
-  }
-
-  .\32xl\:focus\:to-indigo-800:focus {
-    --tw-gradient-to: #3F3199;
-  }
-
-  .\32xl\:focus\:to-indigo-900:focus {
-    --tw-gradient-to: #33287D;
-  }
-
-  .\32xl\:focus\:to-violet-50:focus {
-    --tw-gradient-to: #FBF7FF;
-  }
-
-  .\32xl\:focus\:to-violet-100:focus {
-    --tw-gradient-to: #F6EEFE;
-  }
-
-  .\32xl\:focus\:to-violet-200:focus {
-    --tw-gradient-to: #E9D5FD;
-  }
-
-  .\32xl\:focus\:to-violet-300:focus {
-    --tw-gradient-to: #DCBBFC;
-  }
-
-  .\32xl\:focus\:to-violet-400:focus {
-    --tw-gradient-to: #C288F9;
-  }
-
-  .\32xl\:focus\:to-violet-500:focus {
-    --tw-gradient-to: #A855F7;
-  }
-
-  .\32xl\:focus\:to-violet-600:focus {
-    --tw-gradient-to: #974DDE;
-  }
-
-  .\32xl\:focus\:to-violet-700:focus {
-    --tw-gradient-to: #7E40B9;
-  }
-
-  .\32xl\:focus\:to-violet-800:focus {
-    --tw-gradient-to: #653394;
-  }
-
-  .\32xl\:focus\:to-violet-900:focus {
-    --tw-gradient-to: #522A79;
-  }
-
-  .\32xl\:focus\:to-yellow-50:focus {
-    --tw-gradient-to: #FFFAF3;
-  }
-
-  .\32xl\:focus\:to-yellow-100:focus {
-    --tw-gradient-to: #FEF5E7;
-  }
-
-  .\32xl\:focus\:to-yellow-200:focus {
-    --tw-gradient-to: #FDE7C2;
-  }
-
-  .\32xl\:focus\:to-yellow-300:focus {
-    --tw-gradient-to: #FBD89D;
-  }
-
-  .\32xl\:focus\:to-yellow-400:focus {
-    --tw-gradient-to: #F8BB54;
-  }
-
-  .\32xl\:focus\:to-yellow-500:focus {
-    --tw-gradient-to: #F59E0B;
-  }
-
-  .\32xl\:focus\:to-yellow-600:focus {
-    --tw-gradient-to: #DD8E0A;
-  }
-
-  .\32xl\:focus\:to-yellow-700:focus {
-    --tw-gradient-to: #B87708;
-  }
-
-  .\32xl\:focus\:to-yellow-800:focus {
-    --tw-gradient-to: #935F07;
-  }
-
-  .\32xl\:focus\:to-yellow-900:focus {
-    --tw-gradient-to: #784D05;
-  }
-
-  .\32xl\:focus\:to-red-50:focus {
-    --tw-gradient-to: #FEF7F6;
-  }
-
-  .\32xl\:focus\:to-red-100:focus {
-    --tw-gradient-to: #FDEEEC;
-  }
-
-  .\32xl\:focus\:to-red-200:focus {
-    --tw-gradient-to: #FBD6D0;
-  }
-
-  .\32xl\:focus\:to-red-300:focus {
-    --tw-gradient-to: #F9BDB4;
-  }
-
-  .\32xl\:focus\:to-red-400:focus {
-    --tw-gradient-to: #F48B7C;
-  }
-
-  .\32xl\:focus\:to-red-500:focus {
-    --tw-gradient-to: #EF5844;
-  }
-
-  .\32xl\:focus\:to-red-600:focus {
-    --tw-gradient-to: #D7503D;
-  }
-
-  .\32xl\:focus\:to-red-700:focus {
-    --tw-gradient-to: #B34333;
-  }
-
-  .\32xl\:focus\:to-red-800:focus {
-    --tw-gradient-to: #8F3529;
-  }
-
-  .\32xl\:focus\:to-red-900:focus {
-    --tw-gradient-to: #752C21;
-  }
-
-  .\32xl\:focus\:to-green-50:focus {
-    --tw-gradient-to: #F4FDF7;
-  }
-
-  .\32xl\:focus\:to-green-100:focus {
-    --tw-gradient-to: #EAFAF0;
-  }
-
-  .\32xl\:focus\:to-green-200:focus {
-    --tw-gradient-to: #CAF4D9;
-  }
-
-  .\32xl\:focus\:to-green-300:focus {
-    --tw-gradient-to: #AAEDC3;
-  }
-
-  .\32xl\:focus\:to-green-400:focus {
-    --tw-gradient-to: #6ADF95;
-  }
-
-  .\32xl\:focus\:to-green-500:focus {
-    --tw-gradient-to: #2AD167;
-  }
-
-  .\32xl\:focus\:to-green-600:focus {
-    --tw-gradient-to: #26BC5E;
-  }
-
-  .\32xl\:focus\:to-green-700:focus {
-    --tw-gradient-to: #209D4E;
-  }
-
-  .\32xl\:focus\:to-green-800:focus {
-    --tw-gradient-to: #197D3E;
-  }
-
-  .\32xl\:focus\:to-green-900:focus {
-    --tw-gradient-to: #156633;
-  }
-
-  .\32xl\:focus\:to-blue-50:focus {
-    --tw-gradient-to: #F5F9FF;
-  }
-
-  .\32xl\:focus\:to-blue-100:focus {
-    --tw-gradient-to: #EBF3FE;
-  }
-
-  .\32xl\:focus\:to-blue-200:focus {
-    --tw-gradient-to: #CEE0FD;
-  }
-
-  .\32xl\:focus\:to-blue-300:focus {
-    --tw-gradient-to: #B1CDFB;
-  }
-
-  .\32xl\:focus\:to-blue-400:focus {
-    --tw-gradient-to: #76A8F9;
-  }
-
-  .\32xl\:focus\:to-blue-500:focus {
-    --tw-gradient-to: #3B82F6;
-  }
-
-  .\32xl\:focus\:to-blue-600:focus {
-    --tw-gradient-to: #3575DD;
-  }
-
-  .\32xl\:focus\:to-blue-700:focus {
-    --tw-gradient-to: #2C62B9;
-  }
-
-  .\32xl\:focus\:to-blue-800:focus {
-    --tw-gradient-to: #234E94;
-  }
-
-  .\32xl\:focus\:to-blue-900:focus {
-    --tw-gradient-to: #1D4079;
-  }
-
-  .\32xl\:focus\:to-gray-50:focus {
-    --tw-gradient-to: #f9fafb;
-  }
-
-  .\32xl\:focus\:to-gray-100:focus {
-    --tw-gradient-to: #f3f4f6;
-  }
-
-  .\32xl\:focus\:to-gray-200:focus {
-    --tw-gradient-to: #e5e7eb;
-  }
-
-  .\32xl\:focus\:to-gray-300:focus {
-    --tw-gradient-to: #d1d5db;
-  }
-
-  .\32xl\:focus\:to-gray-400:focus {
-    --tw-gradient-to: #9ca3af;
-  }
-
-  .\32xl\:focus\:to-gray-500:focus {
-    --tw-gradient-to: #6b7280;
-  }
-
-  .\32xl\:focus\:to-gray-600:focus {
-    --tw-gradient-to: #4b5563;
-  }
-
-  .\32xl\:focus\:to-gray-700:focus {
-    --tw-gradient-to: #374151;
-  }
-
-  .\32xl\:focus\:to-gray-800:focus {
-    --tw-gradient-to: #1f2937;
-  }
-
-  .\32xl\:focus\:to-gray-900:focus {
-    --tw-gradient-to: #111827;
-  }
-
-  .\32xl\:bg-opacity-0 {
-    --tw-bg-opacity: 0;
-  }
-
-  .\32xl\:bg-opacity-5 {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .\32xl\:bg-opacity-10 {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .\32xl\:bg-opacity-20 {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .\32xl\:bg-opacity-25 {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .\32xl\:bg-opacity-30 {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .\32xl\:bg-opacity-40 {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .\32xl\:bg-opacity-50 {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .\32xl\:bg-opacity-60 {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .\32xl\:bg-opacity-70 {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .\32xl\:bg-opacity-75 {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .\32xl\:bg-opacity-80 {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .\32xl\:bg-opacity-90 {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .\32xl\:bg-opacity-95 {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .\32xl\:bg-opacity-100 {
-    --tw-bg-opacity: 1;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-opacity-0 {
-    --tw-bg-opacity: 0;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-opacity-5 {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-opacity-10 {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-opacity-20 {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-opacity-25 {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-opacity-30 {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-opacity-40 {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-opacity-50 {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-opacity-60 {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-opacity-70 {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-opacity-75 {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-opacity-80 {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-opacity-90 {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-opacity-95 {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .group:hover .\32xl\:group-hover\:bg-opacity-100 {
-    --tw-bg-opacity: 1;
-  }
-
-  .\32xl\:focus-within\:bg-opacity-0:focus-within {
-    --tw-bg-opacity: 0;
-  }
-
-  .\32xl\:focus-within\:bg-opacity-5:focus-within {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .\32xl\:focus-within\:bg-opacity-10:focus-within {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .\32xl\:focus-within\:bg-opacity-20:focus-within {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .\32xl\:focus-within\:bg-opacity-25:focus-within {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .\32xl\:focus-within\:bg-opacity-30:focus-within {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .\32xl\:focus-within\:bg-opacity-40:focus-within {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .\32xl\:focus-within\:bg-opacity-50:focus-within {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .\32xl\:focus-within\:bg-opacity-60:focus-within {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .\32xl\:focus-within\:bg-opacity-70:focus-within {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .\32xl\:focus-within\:bg-opacity-75:focus-within {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .\32xl\:focus-within\:bg-opacity-80:focus-within {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .\32xl\:focus-within\:bg-opacity-90:focus-within {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .\32xl\:focus-within\:bg-opacity-95:focus-within {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .\32xl\:focus-within\:bg-opacity-100:focus-within {
-    --tw-bg-opacity: 1;
-  }
-
-  .\32xl\:hover\:bg-opacity-0:hover {
-    --tw-bg-opacity: 0;
-  }
-
-  .\32xl\:hover\:bg-opacity-5:hover {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .\32xl\:hover\:bg-opacity-10:hover {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .\32xl\:hover\:bg-opacity-20:hover {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .\32xl\:hover\:bg-opacity-25:hover {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .\32xl\:hover\:bg-opacity-30:hover {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .\32xl\:hover\:bg-opacity-40:hover {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .\32xl\:hover\:bg-opacity-50:hover {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .\32xl\:hover\:bg-opacity-60:hover {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .\32xl\:hover\:bg-opacity-70:hover {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .\32xl\:hover\:bg-opacity-75:hover {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .\32xl\:hover\:bg-opacity-80:hover {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .\32xl\:hover\:bg-opacity-90:hover {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .\32xl\:hover\:bg-opacity-95:hover {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .\32xl\:hover\:bg-opacity-100:hover {
-    --tw-bg-opacity: 1;
-  }
-
-  .\32xl\:focus\:bg-opacity-0:focus {
-    --tw-bg-opacity: 0;
-  }
-
-  .\32xl\:focus\:bg-opacity-5:focus {
-    --tw-bg-opacity: 0.05;
-  }
-
-  .\32xl\:focus\:bg-opacity-10:focus {
-    --tw-bg-opacity: 0.1;
-  }
-
-  .\32xl\:focus\:bg-opacity-20:focus {
-    --tw-bg-opacity: 0.2;
-  }
-
-  .\32xl\:focus\:bg-opacity-25:focus {
-    --tw-bg-opacity: 0.25;
-  }
-
-  .\32xl\:focus\:bg-opacity-30:focus {
-    --tw-bg-opacity: 0.3;
-  }
-
-  .\32xl\:focus\:bg-opacity-40:focus {
-    --tw-bg-opacity: 0.4;
-  }
-
-  .\32xl\:focus\:bg-opacity-50:focus {
-    --tw-bg-opacity: 0.5;
-  }
-
-  .\32xl\:focus\:bg-opacity-60:focus {
-    --tw-bg-opacity: 0.6;
-  }
-
-  .\32xl\:focus\:bg-opacity-70:focus {
-    --tw-bg-opacity: 0.7;
-  }
-
-  .\32xl\:focus\:bg-opacity-75:focus {
-    --tw-bg-opacity: 0.75;
-  }
-
-  .\32xl\:focus\:bg-opacity-80:focus {
-    --tw-bg-opacity: 0.8;
-  }
-
-  .\32xl\:focus\:bg-opacity-90:focus {
-    --tw-bg-opacity: 0.9;
-  }
-
-  .\32xl\:focus\:bg-opacity-95:focus {
-    --tw-bg-opacity: 0.95;
-  }
-
-  .\32xl\:focus\:bg-opacity-100:focus {
-    --tw-bg-opacity: 1;
-  }
-
-  .\32xl\:bg-bottom {
-    background-position: bottom;
-  }
-
-  .\32xl\:bg-center {
-    background-position: center;
-  }
-
-  .\32xl\:bg-left {
-    background-position: left;
-  }
-
-  .\32xl\:bg-left-bottom {
-    background-position: left bottom;
-  }
-
-  .\32xl\:bg-left-top {
-    background-position: left top;
-  }
-
-  .\32xl\:bg-right {
-    background-position: right;
-  }
-
-  .\32xl\:bg-right-bottom {
-    background-position: right bottom;
-  }
-
-  .\32xl\:bg-right-top {
-    background-position: right top;
-  }
-
-  .\32xl\:bg-top {
-    background-position: top;
-  }
-
-  .\32xl\:bg-repeat {
-    background-repeat: repeat;
-  }
-
-  .\32xl\:bg-no-repeat {
-    background-repeat: no-repeat;
-  }
-
-  .\32xl\:bg-repeat-x {
-    background-repeat: repeat-x;
-  }
-
-  .\32xl\:bg-repeat-y {
-    background-repeat: repeat-y;
-  }
-
-  .\32xl\:bg-repeat-round {
-    background-repeat: round;
-  }
-
-  .\32xl\:bg-repeat-space {
-    background-repeat: space;
-  }
-
-  .\32xl\:bg-auto {
-    background-size: auto;
-  }
-
-  .\32xl\:bg-cover {
-    background-size: cover;
-  }
-
-  .\32xl\:bg-contain {
-    background-size: contain;
-  }
-
-  .\32xl\:border-collapse {
-    border-collapse: collapse;
-  }
-
-  .\32xl\:border-separate {
-    border-collapse: separate;
-  }
-
-  .\32xl\:border-current {
-    border-color: currentColor;
-  }
-
-  .\32xl\:border-transparent {
-    border-color: transparent;
-  }
-
-  .\32xl\:border-black {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-white {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-darkCoolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-darkCoolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-darkCoolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-darkCoolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-darkCoolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-darkCoolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-darkCoolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-darkCoolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-darkCoolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-darkCoolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-coolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-coolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-coolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-coolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-coolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-coolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-coolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-coolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-coolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-coolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-indigo-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-indigo-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-indigo-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-indigo-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-indigo-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-indigo-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-indigo-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-indigo-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-indigo-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-indigo-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-violet-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-violet-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-violet-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-violet-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-violet-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-violet-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-violet-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-violet-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-violet-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-violet-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-yellow-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-yellow-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-yellow-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-yellow-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-yellow-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-yellow-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-yellow-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-yellow-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-yellow-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-yellow-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-red-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-red-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-red-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-red-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-red-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-red-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-red-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-red-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-red-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-red-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-green-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-green-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-green-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-green-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-green-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-green-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-green-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-green-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-green-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-green-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-blue-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-blue-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-blue-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-blue-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-blue-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-blue-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-blue-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-blue-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-blue-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-blue-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-gray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-gray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-gray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-gray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-gray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-gray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-gray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-gray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-gray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-gray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-current {
-    border-color: currentColor;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-transparent {
-    border-color: transparent;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-black {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-white {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-darkCoolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-darkCoolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-darkCoolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-darkCoolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-darkCoolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-darkCoolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-darkCoolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-darkCoolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-darkCoolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-darkCoolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-coolGray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-coolGray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-coolGray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-coolGray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-coolGray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-coolGray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-coolGray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-coolGray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-coolGray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-coolGray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-indigo-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-indigo-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-indigo-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-indigo-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-indigo-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-indigo-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-indigo-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-indigo-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-indigo-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-indigo-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-violet-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-violet-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-violet-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-violet-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-violet-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-violet-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-violet-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-violet-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-violet-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-violet-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-yellow-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-yellow-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-yellow-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-yellow-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-yellow-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-yellow-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-yellow-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-yellow-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-yellow-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-yellow-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-red-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-red-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-red-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-red-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-red-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-red-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-red-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-red-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-red-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-red-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-green-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-green-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-green-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-green-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-green-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-green-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-green-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-green-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-green-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-green-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-blue-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-blue-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-blue-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-blue-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-blue-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-blue-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-blue-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-blue-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-blue-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-blue-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-gray-50 {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-gray-100 {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-gray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-gray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-gray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-gray-500 {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-gray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-gray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-gray-800 {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:border-gray-900 {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-current:focus-within {
-    border-color: currentColor;
-  }
-
-  .\32xl\:focus-within\:border-transparent:focus-within {
-    border-color: transparent;
-  }
-
-  .\32xl\:focus-within\:border-black:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-white:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-darkCoolGray-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-darkCoolGray-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-darkCoolGray-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-darkCoolGray-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-darkCoolGray-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-darkCoolGray-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-darkCoolGray-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-darkCoolGray-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-darkCoolGray-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-darkCoolGray-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-coolGray-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-coolGray-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-coolGray-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-coolGray-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-coolGray-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-coolGray-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-coolGray-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-coolGray-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-coolGray-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-coolGray-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-indigo-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-indigo-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-indigo-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-indigo-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-indigo-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-indigo-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-indigo-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-indigo-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-indigo-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-indigo-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-violet-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-violet-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-violet-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-violet-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-violet-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-violet-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-violet-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-violet-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-violet-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-violet-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-yellow-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-yellow-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-yellow-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-yellow-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-yellow-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-yellow-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-yellow-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-yellow-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-yellow-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-yellow-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-red-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-red-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-red-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-red-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-red-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-red-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-red-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-red-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-red-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-red-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-green-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-green-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-green-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-green-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-green-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-green-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-green-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-green-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-green-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-green-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-blue-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-blue-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-blue-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-blue-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-blue-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-blue-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-blue-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-blue-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-blue-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-blue-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-gray-50:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-gray-100:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-gray-200:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-gray-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-gray-400:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-gray-500:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-gray-600:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-gray-700:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-gray-800:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus-within\:border-gray-900:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-current:hover {
-    border-color: currentColor;
-  }
-
-  .\32xl\:hover\:border-transparent:hover {
-    border-color: transparent;
-  }
-
-  .\32xl\:hover\:border-black:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-white:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-darkCoolGray-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-darkCoolGray-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-darkCoolGray-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-darkCoolGray-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-darkCoolGray-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-darkCoolGray-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-darkCoolGray-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-darkCoolGray-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-darkCoolGray-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-darkCoolGray-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-coolGray-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-coolGray-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-coolGray-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-coolGray-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-coolGray-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-coolGray-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-coolGray-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-coolGray-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-coolGray-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-coolGray-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-indigo-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-indigo-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-indigo-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-indigo-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-indigo-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-indigo-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-indigo-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-indigo-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-indigo-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-indigo-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-violet-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-violet-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-violet-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-violet-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-violet-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-violet-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-violet-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-violet-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-violet-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-violet-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-yellow-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-yellow-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-yellow-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-yellow-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-yellow-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-yellow-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-yellow-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-yellow-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-yellow-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-yellow-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-red-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-red-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-red-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-red-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-red-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-red-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-red-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-red-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-red-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-red-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-green-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-green-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-green-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-green-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-green-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-green-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-green-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-green-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-green-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-green-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-blue-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-blue-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-blue-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-blue-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-blue-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-blue-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-blue-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-blue-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-blue-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-blue-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-gray-50:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-gray-100:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-gray-200:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-gray-300:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-gray-400:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-gray-500:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-gray-600:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-gray-700:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-gray-800:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .\32xl\:hover\:border-gray-900:hover {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-current:focus {
-    border-color: currentColor;
-  }
-
-  .\32xl\:focus\:border-transparent:focus {
-    border-color: transparent;
-  }
-
-  .\32xl\:focus\:border-black:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-white:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-darkCoolGray-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 246, 247, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-darkCoolGray-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 237, 239, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-darkCoolGray-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 209, 214, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-darkCoolGray-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(176, 181, 189, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-darkCoolGray-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 126, 140, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-darkCoolGray-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(58, 71, 91, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-darkCoolGray-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(52, 64, 82, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-darkCoolGray-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 53, 68, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-darkCoolGray-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 43, 55, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-darkCoolGray-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(28, 35, 45, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-coolGray-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(247, 248, 249, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-coolGray-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(238, 240, 243, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-coolGray-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(213, 218, 225, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-coolGray-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(187, 195, 207, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-coolGray-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(136, 150, 171, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-coolGray-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(85, 105, 135, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-coolGray-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(77, 95, 122, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-coolGray-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(64, 79, 101, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-coolGray-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 63, 81, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-coolGray-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 51, 66, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-indigo-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 246, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-indigo-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(240, 238, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-indigo-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(218, 212, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-indigo-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(195, 185, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-indigo-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(150, 133, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-indigo-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(105, 81, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-indigo-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(95, 73, 230, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-indigo-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(79, 61, 191, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-indigo-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(63, 49, 153, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-indigo-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(51, 40, 125, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-violet-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 247, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-violet-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(246, 238, 254, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-violet-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(233, 213, 253, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-violet-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(220, 187, 252, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-violet-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(194, 136, 249, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-violet-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(168, 85, 247, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-violet-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(151, 77, 222, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-violet-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(126, 64, 185, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-violet-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(101, 51, 148, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-violet-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(82, 42, 121, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-yellow-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(255, 250, 243, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-yellow-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 245, 231, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-yellow-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 231, 194, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-yellow-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 216, 157, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-yellow-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(248, 187, 84, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-yellow-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-yellow-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(221, 142, 10, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-yellow-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(184, 119, 8, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-yellow-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(147, 95, 7, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-yellow-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(120, 77, 5, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-red-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(254, 247, 246, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-red-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(253, 238, 236, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-red-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(251, 214, 208, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-red-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 189, 180, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-red-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 139, 124, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-red-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(239, 88, 68, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-red-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(215, 80, 61, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-red-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(179, 67, 51, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-red-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(143, 53, 41, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-red-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(117, 44, 33, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-green-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(244, 253, 247, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-green-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(234, 250, 240, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-green-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(202, 244, 217, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-green-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(170, 237, 195, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-green-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(106, 223, 149, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-green-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(42, 209, 103, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-green-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(38, 188, 94, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-green-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(32, 157, 78, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-green-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(25, 125, 62, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-green-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(21, 102, 51, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-blue-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(245, 249, 255, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-blue-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(235, 243, 254, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-blue-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(206, 224, 253, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-blue-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(177, 205, 251, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-blue-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(118, 168, 249, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-blue-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-blue-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(53, 117, 221, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-blue-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(44, 98, 185, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-blue-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(35, 78, 148, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-blue-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(29, 64, 121, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-gray-50:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-gray-100:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-gray-200:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-gray-300:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-gray-400:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-gray-500:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-gray-600:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-gray-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-gray-800:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
-  }
-
-  .\32xl\:focus\:border-gray-900:focus {
-    --tw-border-opacity: 1;
-    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
-  }
-
-  .\32xl\:border-opacity-0 {
-    --tw-border-opacity: 0;
-  }
-
-  .\32xl\:border-opacity-5 {
-    --tw-border-opacity: 0.05;
-  }
-
-  .\32xl\:border-opacity-10 {
-    --tw-border-opacity: 0.1;
-  }
-
-  .\32xl\:border-opacity-20 {
-    --tw-border-opacity: 0.2;
-  }
-
-  .\32xl\:border-opacity-25 {
-    --tw-border-opacity: 0.25;
-  }
-
-  .\32xl\:border-opacity-30 {
-    --tw-border-opacity: 0.3;
-  }
-
-  .\32xl\:border-opacity-40 {
-    --tw-border-opacity: 0.4;
-  }
-
-  .\32xl\:border-opacity-50 {
-    --tw-border-opacity: 0.5;
-  }
-
-  .\32xl\:border-opacity-60 {
-    --tw-border-opacity: 0.6;
-  }
-
-  .\32xl\:border-opacity-70 {
-    --tw-border-opacity: 0.7;
-  }
-
-  .\32xl\:border-opacity-75 {
-    --tw-border-opacity: 0.75;
-  }
-
-  .\32xl\:border-opacity-80 {
-    --tw-border-opacity: 0.8;
-  }
-
-  .\32xl\:border-opacity-90 {
-    --tw-border-opacity: 0.9;
-  }
-
-  .\32xl\:border-opacity-95 {
-    --tw-border-opacity: 0.95;
-  }
-
-  .\32xl\:border-opacity-100 {
-    --tw-border-opacity: 1;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-opacity-0 {
-    --tw-border-opacity: 0;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-opacity-5 {
-    --tw-border-opacity: 0.05;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-opacity-10 {
-    --tw-border-opacity: 0.1;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-opacity-20 {
-    --tw-border-opacity: 0.2;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-opacity-25 {
-    --tw-border-opacity: 0.25;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-opacity-30 {
-    --tw-border-opacity: 0.3;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-opacity-40 {
-    --tw-border-opacity: 0.4;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-opacity-50 {
-    --tw-border-opacity: 0.5;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-opacity-60 {
-    --tw-border-opacity: 0.6;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-opacity-70 {
-    --tw-border-opacity: 0.7;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-opacity-75 {
-    --tw-border-opacity: 0.75;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-opacity-80 {
-    --tw-border-opacity: 0.8;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-opacity-90 {
-    --tw-border-opacity: 0.9;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-opacity-95 {
-    --tw-border-opacity: 0.95;
-  }
-
-  .group:hover .\32xl\:group-hover\:border-opacity-100 {
-    --tw-border-opacity: 1;
-  }
-
-  .\32xl\:focus-within\:border-opacity-0:focus-within {
-    --tw-border-opacity: 0;
-  }
-
-  .\32xl\:focus-within\:border-opacity-5:focus-within {
-    --tw-border-opacity: 0.05;
-  }
-
-  .\32xl\:focus-within\:border-opacity-10:focus-within {
-    --tw-border-opacity: 0.1;
-  }
-
-  .\32xl\:focus-within\:border-opacity-20:focus-within {
-    --tw-border-opacity: 0.2;
-  }
-
-  .\32xl\:focus-within\:border-opacity-25:focus-within {
-    --tw-border-opacity: 0.25;
-  }
-
-  .\32xl\:focus-within\:border-opacity-30:focus-within {
-    --tw-border-opacity: 0.3;
-  }
-
-  .\32xl\:focus-within\:border-opacity-40:focus-within {
-    --tw-border-opacity: 0.4;
-  }
-
-  .\32xl\:focus-within\:border-opacity-50:focus-within {
-    --tw-border-opacity: 0.5;
-  }
-
-  .\32xl\:focus-within\:border-opacity-60:focus-within {
-    --tw-border-opacity: 0.6;
-  }
-
-  .\32xl\:focus-within\:border-opacity-70:focus-within {
-    --tw-border-opacity: 0.7;
-  }
-
-  .\32xl\:focus-within\:border-opacity-75:focus-within {
-    --tw-border-opacity: 0.75;
-  }
-
-  .\32xl\:focus-within\:border-opacity-80:focus-within {
-    --tw-border-opacity: 0.8;
-  }
-
-  .\32xl\:focus-within\:border-opacity-90:focus-within {
-    --tw-border-opacity: 0.9;
-  }
-
-  .\32xl\:focus-within\:border-opacity-95:focus-within {
-    --tw-border-opacity: 0.95;
-  }
-
-  .\32xl\:focus-within\:border-opacity-100:focus-within {
-    --tw-border-opacity: 1;
-  }
-
-  .\32xl\:hover\:border-opacity-0:hover {
-    --tw-border-opacity: 0;
-  }
-
-  .\32xl\:hover\:border-opacity-5:hover {
-    --tw-border-opacity: 0.05;
-  }
-
-  .\32xl\:hover\:border-opacity-10:hover {
-    --tw-border-opacity: 0.1;
-  }
-
-  .\32xl\:hover\:border-opacity-20:hover {
-    --tw-border-opacity: 0.2;
-  }
-
-  .\32xl\:hover\:border-opacity-25:hover {
-    --tw-border-opacity: 0.25;
-  }
-
-  .\32xl\:hover\:border-opacity-30:hover {
-    --tw-border-opacity: 0.3;
-  }
-
-  .\32xl\:hover\:border-opacity-40:hover {
-    --tw-border-opacity: 0.4;
-  }
-
-  .\32xl\:hover\:border-opacity-50:hover {
-    --tw-border-opacity: 0.5;
-  }
-
-  .\32xl\:hover\:border-opacity-60:hover {
-    --tw-border-opacity: 0.6;
-  }
-
-  .\32xl\:hover\:border-opacity-70:hover {
-    --tw-border-opacity: 0.7;
-  }
-
-  .\32xl\:hover\:border-opacity-75:hover {
-    --tw-border-opacity: 0.75;
-  }
-
-  .\32xl\:hover\:border-opacity-80:hover {
-    --tw-border-opacity: 0.8;
-  }
-
-  .\32xl\:hover\:border-opacity-90:hover {
-    --tw-border-opacity: 0.9;
-  }
-
-  .\32xl\:hover\:border-opacity-95:hover {
-    --tw-border-opacity: 0.95;
-  }
-
-  .\32xl\:hover\:border-opacity-100:hover {
-    --tw-border-opacity: 1;
-  }
-
-  .\32xl\:focus\:border-opacity-0:focus {
-    --tw-border-opacity: 0;
-  }
-
-  .\32xl\:focus\:border-opacity-5:focus {
-    --tw-border-opacity: 0.05;
-  }
-
-  .\32xl\:focus\:border-opacity-10:focus {
-    --tw-border-opacity: 0.1;
-  }
-
-  .\32xl\:focus\:border-opacity-20:focus {
-    --tw-border-opacity: 0.2;
-  }
-
-  .\32xl\:focus\:border-opacity-25:focus {
-    --tw-border-opacity: 0.25;
-  }
-
-  .\32xl\:focus\:border-opacity-30:focus {
-    --tw-border-opacity: 0.3;
-  }
-
-  .\32xl\:focus\:border-opacity-40:focus {
-    --tw-border-opacity: 0.4;
-  }
-
-  .\32xl\:focus\:border-opacity-50:focus {
-    --tw-border-opacity: 0.5;
-  }
-
-  .\32xl\:focus\:border-opacity-60:focus {
-    --tw-border-opacity: 0.6;
-  }
-
-  .\32xl\:focus\:border-opacity-70:focus {
-    --tw-border-opacity: 0.7;
-  }
-
-  .\32xl\:focus\:border-opacity-75:focus {
-    --tw-border-opacity: 0.75;
-  }
-
-  .\32xl\:focus\:border-opacity-80:focus {
-    --tw-border-opacity: 0.8;
-  }
-
-  .\32xl\:focus\:border-opacity-90:focus {
-    --tw-border-opacity: 0.9;
-  }
-
-  .\32xl\:focus\:border-opacity-95:focus {
-    --tw-border-opacity: 0.95;
-  }
-
-  .\32xl\:focus\:border-opacity-100:focus {
-    --tw-border-opacity: 1;
-  }
-
-  .\32xl\:rounded-none {
-    border-radius: 0;
-  }
-
-  .\32xl\:rounded-sm {
-    border-radius: 0.125rem;
-  }
-
-  .\32xl\:rounded {
-    border-radius: 0.25rem;
-  }
-
-  .\32xl\:rounded-md {
-    border-radius: 0.375rem;
-  }
-
-  .\32xl\:rounded-lg {
-    border-radius: 0.5rem;
-  }
-
-  .\32xl\:rounded-xl {
-    border-radius: 0.675rem;
-  }
-
-  .\32xl\:rounded-2xl {
-    border-radius: 0.75rem;
-  }
-
-  .\32xl\:rounded-3xl {
-    border-radius: 0.875rem;
-  }
-
-  .\32xl\:rounded-4xl {
-    border-radius: 1rem;
-  }
-
-  .\32xl\:rounded-5xl {
-    border-radius: 1.25rem;
-  }
-
-  .\32xl\:rounded-6xl {
-    border-radius: 1.375rem;
-  }
-
-  .\32xl\:rounded-7xl {
-    border-radius: 1.5rem;
-  }
-
-  .\32xl\:rounded-8xl {
-    border-radius: 2rem;
-  }
-
-  .\32xl\:rounded-9xl {
-    border-radius: 2.25rem;
-  }
-
-  .\32xl\:rounded-10xl {
-    border-radius: 2.5rem;
-  }
-
-  .\32xl\:rounded-11xl {
-    border-radius: 5rem;
-  }
-
-  .\32xl\:rounded-full {
-    border-radius: 9999px;
-  }
-
-  .\32xl\:rounded-t-none {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  .\32xl\:rounded-r-none {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .\32xl\:rounded-b-none {
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .\32xl\:rounded-l-none {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .\32xl\:rounded-t-sm {
-    border-top-left-radius: 0.125rem;
-    border-top-right-radius: 0.125rem;
-  }
-
-  .\32xl\:rounded-r-sm {
-    border-top-right-radius: 0.125rem;
-    border-bottom-right-radius: 0.125rem;
-  }
-
-  .\32xl\:rounded-b-sm {
-    border-bottom-right-radius: 0.125rem;
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .\32xl\:rounded-l-sm {
-    border-top-left-radius: 0.125rem;
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .\32xl\:rounded-t {
-    border-top-left-radius: 0.25rem;
-    border-top-right-radius: 0.25rem;
-  }
-
-  .\32xl\:rounded-r {
-    border-top-right-radius: 0.25rem;
-    border-bottom-right-radius: 0.25rem;
-  }
-
-  .\32xl\:rounded-b {
-    border-bottom-right-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .\32xl\:rounded-l {
-    border-top-left-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .\32xl\:rounded-t-md {
-    border-top-left-radius: 0.375rem;
-    border-top-right-radius: 0.375rem;
-  }
-
-  .\32xl\:rounded-r-md {
-    border-top-right-radius: 0.375rem;
-    border-bottom-right-radius: 0.375rem;
-  }
-
-  .\32xl\:rounded-b-md {
-    border-bottom-right-radius: 0.375rem;
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .\32xl\:rounded-l-md {
-    border-top-left-radius: 0.375rem;
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .\32xl\:rounded-t-lg {
-    border-top-left-radius: 0.5rem;
-    border-top-right-radius: 0.5rem;
-  }
-
-  .\32xl\:rounded-r-lg {
-    border-top-right-radius: 0.5rem;
-    border-bottom-right-radius: 0.5rem;
-  }
-
-  .\32xl\:rounded-b-lg {
-    border-bottom-right-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .\32xl\:rounded-l-lg {
-    border-top-left-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .\32xl\:rounded-t-xl {
-    border-top-left-radius: 0.675rem;
-    border-top-right-radius: 0.675rem;
-  }
-
-  .\32xl\:rounded-r-xl {
-    border-top-right-radius: 0.675rem;
-    border-bottom-right-radius: 0.675rem;
-  }
-
-  .\32xl\:rounded-b-xl {
-    border-bottom-right-radius: 0.675rem;
-    border-bottom-left-radius: 0.675rem;
-  }
-
-  .\32xl\:rounded-l-xl {
-    border-top-left-radius: 0.675rem;
-    border-bottom-left-radius: 0.675rem;
-  }
-
-  .\32xl\:rounded-t-2xl {
-    border-top-left-radius: 0.75rem;
-    border-top-right-radius: 0.75rem;
-  }
-
-  .\32xl\:rounded-r-2xl {
-    border-top-right-radius: 0.75rem;
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .\32xl\:rounded-b-2xl {
-    border-bottom-right-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .\32xl\:rounded-l-2xl {
-    border-top-left-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .\32xl\:rounded-t-3xl {
-    border-top-left-radius: 0.875rem;
-    border-top-right-radius: 0.875rem;
-  }
-
-  .\32xl\:rounded-r-3xl {
-    border-top-right-radius: 0.875rem;
-    border-bottom-right-radius: 0.875rem;
-  }
-
-  .\32xl\:rounded-b-3xl {
-    border-bottom-right-radius: 0.875rem;
-    border-bottom-left-radius: 0.875rem;
-  }
-
-  .\32xl\:rounded-l-3xl {
-    border-top-left-radius: 0.875rem;
-    border-bottom-left-radius: 0.875rem;
-  }
-
-  .\32xl\:rounded-t-4xl {
-    border-top-left-radius: 1rem;
-    border-top-right-radius: 1rem;
-  }
-
-  .\32xl\:rounded-r-4xl {
-    border-top-right-radius: 1rem;
-    border-bottom-right-radius: 1rem;
-  }
-
-  .\32xl\:rounded-b-4xl {
-    border-bottom-right-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .\32xl\:rounded-l-4xl {
-    border-top-left-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .\32xl\:rounded-t-5xl {
-    border-top-left-radius: 1.25rem;
-    border-top-right-radius: 1.25rem;
-  }
-
-  .\32xl\:rounded-r-5xl {
-    border-top-right-radius: 1.25rem;
-    border-bottom-right-radius: 1.25rem;
-  }
-
-  .\32xl\:rounded-b-5xl {
-    border-bottom-right-radius: 1.25rem;
-    border-bottom-left-radius: 1.25rem;
-  }
-
-  .\32xl\:rounded-l-5xl {
-    border-top-left-radius: 1.25rem;
-    border-bottom-left-radius: 1.25rem;
-  }
-
-  .\32xl\:rounded-t-6xl {
-    border-top-left-radius: 1.375rem;
-    border-top-right-radius: 1.375rem;
-  }
-
-  .\32xl\:rounded-r-6xl {
-    border-top-right-radius: 1.375rem;
-    border-bottom-right-radius: 1.375rem;
-  }
-
-  .\32xl\:rounded-b-6xl {
-    border-bottom-right-radius: 1.375rem;
-    border-bottom-left-radius: 1.375rem;
-  }
-
-  .\32xl\:rounded-l-6xl {
-    border-top-left-radius: 1.375rem;
-    border-bottom-left-radius: 1.375rem;
-  }
-
-  .\32xl\:rounded-t-7xl {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-
-  .\32xl\:rounded-r-7xl {
-    border-top-right-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .\32xl\:rounded-b-7xl {
-    border-bottom-right-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .\32xl\:rounded-l-7xl {
-    border-top-left-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .\32xl\:rounded-t-8xl {
-    border-top-left-radius: 2rem;
-    border-top-right-radius: 2rem;
-  }
-
-  .\32xl\:rounded-r-8xl {
-    border-top-right-radius: 2rem;
-    border-bottom-right-radius: 2rem;
-  }
-
-  .\32xl\:rounded-b-8xl {
-    border-bottom-right-radius: 2rem;
-    border-bottom-left-radius: 2rem;
-  }
-
-  .\32xl\:rounded-l-8xl {
-    border-top-left-radius: 2rem;
-    border-bottom-left-radius: 2rem;
-  }
-
-  .\32xl\:rounded-t-9xl {
-    border-top-left-radius: 2.25rem;
-    border-top-right-radius: 2.25rem;
-  }
-
-  .\32xl\:rounded-r-9xl {
-    border-top-right-radius: 2.25rem;
-    border-bottom-right-radius: 2.25rem;
-  }
-
-  .\32xl\:rounded-b-9xl {
-    border-bottom-right-radius: 2.25rem;
-    border-bottom-left-radius: 2.25rem;
-  }
-
-  .\32xl\:rounded-l-9xl {
-    border-top-left-radius: 2.25rem;
-    border-bottom-left-radius: 2.25rem;
-  }
-
-  .\32xl\:rounded-t-10xl {
-    border-top-left-radius: 2.5rem;
-    border-top-right-radius: 2.5rem;
-  }
-
-  .\32xl\:rounded-r-10xl {
-    border-top-right-radius: 2.5rem;
-    border-bottom-right-radius: 2.5rem;
-  }
-
-  .\32xl\:rounded-b-10xl {
-    border-bottom-right-radius: 2.5rem;
-    border-bottom-left-radius: 2.5rem;
-  }
-
-  .\32xl\:rounded-l-10xl {
-    border-top-left-radius: 2.5rem;
-    border-bottom-left-radius: 2.5rem;
-  }
-
-  .\32xl\:rounded-t-11xl {
-    border-top-left-radius: 5rem;
-    border-top-right-radius: 5rem;
-  }
-
-  .\32xl\:rounded-r-11xl {
-    border-top-right-radius: 5rem;
-    border-bottom-right-radius: 5rem;
-  }
-
-  .\32xl\:rounded-b-11xl {
-    border-bottom-right-radius: 5rem;
-    border-bottom-left-radius: 5rem;
-  }
-
-  .\32xl\:rounded-l-11xl {
-    border-top-left-radius: 5rem;
-    border-bottom-left-radius: 5rem;
-  }
-
-  .\32xl\:rounded-t-full {
-    border-top-left-radius: 9999px;
-    border-top-right-radius: 9999px;
-  }
-
-  .\32xl\:rounded-r-full {
-    border-top-right-radius: 9999px;
-    border-bottom-right-radius: 9999px;
-  }
-
-  .\32xl\:rounded-b-full {
-    border-bottom-right-radius: 9999px;
-    border-bottom-left-radius: 9999px;
-  }
-
-  .\32xl\:rounded-l-full {
-    border-top-left-radius: 9999px;
-    border-bottom-left-radius: 9999px;
-  }
-
-  .\32xl\:rounded-tl-none {
-    border-top-left-radius: 0;
-  }
-
-  .\32xl\:rounded-tr-none {
-    border-top-right-radius: 0;
-  }
-
-  .\32xl\:rounded-br-none {
-    border-bottom-right-radius: 0;
-  }
-
-  .\32xl\:rounded-bl-none {
-    border-bottom-left-radius: 0;
-  }
-
-  .\32xl\:rounded-tl-sm {
-    border-top-left-radius: 0.125rem;
-  }
-
-  .\32xl\:rounded-tr-sm {
-    border-top-right-radius: 0.125rem;
-  }
-
-  .\32xl\:rounded-br-sm {
-    border-bottom-right-radius: 0.125rem;
-  }
-
-  .\32xl\:rounded-bl-sm {
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .\32xl\:rounded-tl {
-    border-top-left-radius: 0.25rem;
-  }
-
-  .\32xl\:rounded-tr {
-    border-top-right-radius: 0.25rem;
-  }
-
-  .\32xl\:rounded-br {
-    border-bottom-right-radius: 0.25rem;
-  }
-
-  .\32xl\:rounded-bl {
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .\32xl\:rounded-tl-md {
-    border-top-left-radius: 0.375rem;
-  }
-
-  .\32xl\:rounded-tr-md {
-    border-top-right-radius: 0.375rem;
-  }
-
-  .\32xl\:rounded-br-md {
-    border-bottom-right-radius: 0.375rem;
-  }
-
-  .\32xl\:rounded-bl-md {
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .\32xl\:rounded-tl-lg {
-    border-top-left-radius: 0.5rem;
-  }
-
-  .\32xl\:rounded-tr-lg {
-    border-top-right-radius: 0.5rem;
-  }
-
-  .\32xl\:rounded-br-lg {
-    border-bottom-right-radius: 0.5rem;
-  }
-
-  .\32xl\:rounded-bl-lg {
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .\32xl\:rounded-tl-xl {
-    border-top-left-radius: 0.675rem;
-  }
-
-  .\32xl\:rounded-tr-xl {
-    border-top-right-radius: 0.675rem;
-  }
-
-  .\32xl\:rounded-br-xl {
-    border-bottom-right-radius: 0.675rem;
-  }
-
-  .\32xl\:rounded-bl-xl {
-    border-bottom-left-radius: 0.675rem;
-  }
-
-  .\32xl\:rounded-tl-2xl {
-    border-top-left-radius: 0.75rem;
-  }
-
-  .\32xl\:rounded-tr-2xl {
-    border-top-right-radius: 0.75rem;
-  }
-
-  .\32xl\:rounded-br-2xl {
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .\32xl\:rounded-bl-2xl {
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .\32xl\:rounded-tl-3xl {
-    border-top-left-radius: 0.875rem;
-  }
-
-  .\32xl\:rounded-tr-3xl {
-    border-top-right-radius: 0.875rem;
-  }
-
-  .\32xl\:rounded-br-3xl {
-    border-bottom-right-radius: 0.875rem;
-  }
-
-  .\32xl\:rounded-bl-3xl {
-    border-bottom-left-radius: 0.875rem;
-  }
-
-  .\32xl\:rounded-tl-4xl {
-    border-top-left-radius: 1rem;
-  }
-
-  .\32xl\:rounded-tr-4xl {
-    border-top-right-radius: 1rem;
-  }
-
-  .\32xl\:rounded-br-4xl {
-    border-bottom-right-radius: 1rem;
-  }
-
-  .\32xl\:rounded-bl-4xl {
-    border-bottom-left-radius: 1rem;
-  }
-
-  .\32xl\:rounded-tl-5xl {
-    border-top-left-radius: 1.25rem;
-  }
-
-  .\32xl\:rounded-tr-5xl {
-    border-top-right-radius: 1.25rem;
-  }
-
-  .\32xl\:rounded-br-5xl {
-    border-bottom-right-radius: 1.25rem;
-  }
-
-  .\32xl\:rounded-bl-5xl {
-    border-bottom-left-radius: 1.25rem;
-  }
-
-  .\32xl\:rounded-tl-6xl {
-    border-top-left-radius: 1.375rem;
-  }
-
-  .\32xl\:rounded-tr-6xl {
-    border-top-right-radius: 1.375rem;
-  }
-
-  .\32xl\:rounded-br-6xl {
-    border-bottom-right-radius: 1.375rem;
-  }
-
-  .\32xl\:rounded-bl-6xl {
-    border-bottom-left-radius: 1.375rem;
-  }
-
-  .\32xl\:rounded-tl-7xl {
-    border-top-left-radius: 1.5rem;
-  }
-
-  .\32xl\:rounded-tr-7xl {
-    border-top-right-radius: 1.5rem;
-  }
-
-  .\32xl\:rounded-br-7xl {
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .\32xl\:rounded-bl-7xl {
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .\32xl\:rounded-tl-8xl {
-    border-top-left-radius: 2rem;
-  }
-
-  .\32xl\:rounded-tr-8xl {
-    border-top-right-radius: 2rem;
-  }
-
-  .\32xl\:rounded-br-8xl {
-    border-bottom-right-radius: 2rem;
-  }
-
-  .\32xl\:rounded-bl-8xl {
-    border-bottom-left-radius: 2rem;
-  }
-
-  .\32xl\:rounded-tl-9xl {
-    border-top-left-radius: 2.25rem;
-  }
-
-  .\32xl\:rounded-tr-9xl {
-    border-top-right-radius: 2.25rem;
-  }
-
-  .\32xl\:rounded-br-9xl {
-    border-bottom-right-radius: 2.25rem;
-  }
-
-  .\32xl\:rounded-bl-9xl {
-    border-bottom-left-radius: 2.25rem;
-  }
-
-  .\32xl\:rounded-tl-10xl {
-    border-top-left-radius: 2.5rem;
-  }
-
-  .\32xl\:rounded-tr-10xl {
-    border-top-right-radius: 2.5rem;
-  }
-
-  .\32xl\:rounded-br-10xl {
-    border-bottom-right-radius: 2.5rem;
-  }
-
-  .\32xl\:rounded-bl-10xl {
-    border-bottom-left-radius: 2.5rem;
-  }
-
-  .\32xl\:rounded-tl-11xl {
-    border-top-left-radius: 5rem;
-  }
-
-  .\32xl\:rounded-tr-11xl {
-    border-top-right-radius: 5rem;
-  }
-
-  .\32xl\:rounded-br-11xl {
-    border-bottom-right-radius: 5rem;
-  }
-
-  .\32xl\:rounded-bl-11xl {
-    border-bottom-left-radius: 5rem;
-  }
-
-  .\32xl\:rounded-tl-full {
-    border-top-left-radius: 9999px;
-  }
-
-  .\32xl\:rounded-tr-full {
-    border-top-right-radius: 9999px;
-  }
-
-  .\32xl\:rounded-br-full {
-    border-bottom-right-radius: 9999px;
-  }
-
-  .\32xl\:rounded-bl-full {
-    border-bottom-left-radius: 9999px;
-  }
-
-  .\32xl\:border-solid {
-    border-style: solid;
-  }
-
-  .\32xl\:border-dashed {
-    border-style: dashed;
-  }
-
-  .\32xl\:border-dotted {
-    border-style: dotted;
-  }
-
-  .\32xl\:border-double {
-    border-style: double;
-  }
-
-  .\32xl\:border-none {
-    border-style: none;
-  }
-
-  .\32xl\:border-0 {
-    border-width: 0;
-  }
-
-  .\32xl\:border-2 {
-    border-width: 2px;
-  }
-
-  .\32xl\:border-4 {
-    border-width: 4px;
-  }
-
-  .\32xl\:border-8 {
-    border-width: 8px;
-  }
-
-  .\32xl\:border {
-    border-width: 1px;
-  }
-
-  .\32xl\:border-t-0 {
-    border-top-width: 0;
-  }
-
-  .\32xl\:border-r-0 {
-    border-right-width: 0;
-  }
-
-  .\32xl\:border-b-0 {
-    border-bottom-width: 0;
-  }
-
-  .\32xl\:border-l-0 {
-    border-left-width: 0;
-  }
-
-  .\32xl\:border-t-2 {
-    border-top-width: 2px;
-  }
-
-  .\32xl\:border-r-2 {
-    border-right-width: 2px;
-  }
-
-  .\32xl\:border-b-2 {
-    border-bottom-width: 2px;
-  }
-
-  .\32xl\:border-l-2 {
-    border-left-width: 2px;
-  }
-
-  .\32xl\:border-t-4 {
-    border-top-width: 4px;
-  }
-
-  .\32xl\:border-r-4 {
-    border-right-width: 4px;
-  }
-
-  .\32xl\:border-b-4 {
-    border-bottom-width: 4px;
-  }
-
-  .\32xl\:border-l-4 {
-    border-left-width: 4px;
-  }
-
-  .\32xl\:border-t-8 {
-    border-top-width: 8px;
-  }
-
-  .\32xl\:border-r-8 {
-    border-right-width: 8px;
-  }
-
-  .\32xl\:border-b-8 {
-    border-bottom-width: 8px;
-  }
-
-  .\32xl\:border-l-8 {
-    border-left-width: 8px;
-  }
-
-  .\32xl\:border-t {
-    border-top-width: 1px;
-  }
-
-  .\32xl\:border-r {
-    border-right-width: 1px;
-  }
-
-  .\32xl\:border-b {
-    border-bottom-width: 1px;
-  }
-
-  .\32xl\:border-l {
-    border-left-width: 1px;
-  }
-
-  .\32xl\:box-border {
-    box-sizing: border-box;
-  }
-
-  .\32xl\:box-content {
-    box-sizing: content-box;
-  }
-
-  .\32xl\:cursor-auto {
-    cursor: auto;
-  }
-
-  .\32xl\:cursor {
-    cursor: default;
-  }
-
-  .\32xl\:cursor-pointer {
-    cursor: pointer;
-  }
-
-  .\32xl\:cursor-wait {
-    cursor: wait;
-  }
-
-  .\32xl\:cursor-text {
-    cursor: text;
-  }
-
-  .\32xl\:cursor-move {
-    cursor: move;
-  }
-
-  .\32xl\:cursor-not-allowed {
-    cursor: not-allowed;
-  }
-
-  .\32xl\:block {
-    display: block;
-  }
-
-  .\32xl\:inline-block {
-    display: inline-block;
-  }
-
-  .\32xl\:inline {
-    display: inline;
-  }
-
-  .\32xl\:flex {
-    display: flex;
-  }
-
-  .\32xl\:inline-flex {
-    display: inline-flex;
-  }
-
-  .\32xl\:table {
-    display: table;
-  }
-
-  .\32xl\:table-caption {
-    display: table-caption;
-  }
-
-  .\32xl\:table-cell {
-    display: table-cell;
-  }
-
-  .\32xl\:table-column {
-    display: table-column;
-  }
-
-  .\32xl\:table-column-group {
-    display: table-column-group;
-  }
-
-  .\32xl\:table-footer-group {
-    display: table-footer-group;
-  }
-
-  .\32xl\:table-header-group {
-    display: table-header-group;
-  }
-
-  .\32xl\:table-row-group {
-    display: table-row-group;
-  }
-
-  .\32xl\:table-row {
-    display: table-row;
-  }
-
-  .\32xl\:flow-root {
-    display: flow-root;
-  }
-
-  .\32xl\:grid {
-    display: grid;
-  }
-
-  .\32xl\:inline-grid {
-    display: inline-grid;
-  }
-
-  .\32xl\:contents {
-    display: contents;
-  }
-
-  .\32xl\:hidden {
-    display: none;
-  }
-
-  .\32xl\:flex-row {
-    flex-direction: row;
-  }
-
-  .\32xl\:flex-row-reverse {
-    flex-direction: row-reverse;
-  }
-
-  .\32xl\:flex-col {
-    flex-direction: column;
-  }
-
-  .\32xl\:flex-col-reverse {
-    flex-direction: column-reverse;
-  }
-
-  .\32xl\:flex-wrap {
-    flex-wrap: wrap;
-  }
-
-  .\32xl\:flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
-  }
-
-  .\32xl\:flex-nowrap {
-    flex-wrap: nowrap;
-  }
-
-  .\32xl\:place-items-auto {
-    place-items: auto;
-  }
-
-  .\32xl\:place-items-start {
-    place-items: start;
-  }
-
-  .\32xl\:place-items-end {
-    place-items: end;
-  }
-
-  .\32xl\:place-items-center {
-    place-items: center;
-  }
-
-  .\32xl\:place-items-stretch {
-    place-items: stretch;
-  }
-
-  .\32xl\:place-content-center {
-    place-content: center;
-  }
-
-  .\32xl\:place-content-start {
-    place-content: start;
-  }
-
-  .\32xl\:place-content-end {
-    place-content: end;
-  }
-
-  .\32xl\:place-content-between {
-    place-content: space-between;
-  }
-
-  .\32xl\:place-content-around {
-    place-content: space-around;
-  }
-
-  .\32xl\:place-content-evenly {
-    place-content: space-evenly;
-  }
-
-  .\32xl\:place-content-stretch {
-    place-content: stretch;
-  }
-
-  .\32xl\:place-self-auto {
-    place-self: auto;
-  }
-
-  .\32xl\:place-self-start {
-    place-self: start;
-  }
-
-  .\32xl\:place-self-end {
-    place-self: end;
-  }
-
-  .\32xl\:place-self-center {
-    place-self: center;
-  }
-
-  .\32xl\:place-self-stretch {
-    place-self: stretch;
-  }
-
-  .\32xl\:items-start {
-    align-items: flex-start;
-  }
-
-  .\32xl\:items-end {
-    align-items: flex-end;
-  }
-
-  .\32xl\:items-center {
-    align-items: center;
-  }
-
-  .\32xl\:items-baseline {
-    align-items: baseline;
-  }
-
-  .\32xl\:items-stretch {
-    align-items: stretch;
-  }
-
-  .\32xl\:content-center {
-    align-content: center;
-  }
-
-  .\32xl\:content-start {
-    align-content: flex-start;
-  }
-
-  .\32xl\:content-end {
-    align-content: flex-end;
-  }
-
-  .\32xl\:content-between {
-    align-content: space-between;
-  }
-
-  .\32xl\:content-around {
-    align-content: space-around;
-  }
-
-  .\32xl\:content-evenly {
-    align-content: space-evenly;
-  }
-
-  .\32xl\:self-auto {
-    align-self: auto;
-  }
-
-  .\32xl\:self-start {
-    align-self: flex-start;
-  }
-
-  .\32xl\:self-end {
-    align-self: flex-end;
-  }
-
-  .\32xl\:self-center {
-    align-self: center;
-  }
-
-  .\32xl\:self-stretch {
-    align-self: stretch;
-  }
-
-  .\32xl\:justify-items-auto {
-    justify-items: auto;
-  }
-
-  .\32xl\:justify-items-start {
-    justify-items: start;
-  }
-
-  .\32xl\:justify-items-end {
-    justify-items: end;
-  }
-
-  .\32xl\:justify-items-center {
-    justify-items: center;
-  }
-
-  .\32xl\:justify-items-stretch {
-    justify-items: stretch;
-  }
-
-  .\32xl\:justify-start {
-    justify-content: flex-start;
-  }
-
-  .\32xl\:justify-end {
-    justify-content: flex-end;
-  }
-
-  .\32xl\:justify-center {
-    justify-content: center;
-  }
-
-  .\32xl\:justify-between {
-    justify-content: space-between;
-  }
-
-  .\32xl\:justify-around {
-    justify-content: space-around;
-  }
-
-  .\32xl\:justify-evenly {
-    justify-content: space-evenly;
-  }
-
-  .\32xl\:justify-self-auto {
-    justify-self: auto;
-  }
-
-  .\32xl\:justify-self-start {
-    justify-self: start;
-  }
-
-  .\32xl\:justify-self-end {
-    justify-self: end;
-  }
-
-  .\32xl\:justify-self-center {
-    justify-self: center;
-  }
-
-  .\32xl\:justify-self-stretch {
-    justify-self: stretch;
-  }
-
-  .\32xl\:flex-1 {
-    flex: 1 1 0%;
-  }
-
-  .\32xl\:flex-auto {
-    flex: 1 1 auto;
-  }
-
-  .\32xl\:flex-initial {
-    flex: 0 1 auto;
-  }
-
-  .\32xl\:flex-none {
-    flex: none;
-  }
-
-  .\32xl\:flex-grow-0 {
-    flex-grow: 0;
-  }
-
-  .\32xl\:flex-grow {
-    flex-grow: 1;
-  }
-
-  .\32xl\:flex-shrink-0 {
-    flex-shrink: 0;
-  }
-
-  .\32xl\:flex-shrink {
-    flex-shrink: 1;
-  }
-
-  .\32xl\:order-1 {
-    order: 1;
-  }
-
-  .\32xl\:order-2 {
-    order: 2;
-  }
-
-  .\32xl\:order-3 {
-    order: 3;
-  }
-
-  .\32xl\:order-4 {
-    order: 4;
-  }
-
-  .\32xl\:order-5 {
-    order: 5;
-  }
-
-  .\32xl\:order-6 {
-    order: 6;
-  }
-
-  .\32xl\:order-7 {
-    order: 7;
-  }
-
-  .\32xl\:order-8 {
-    order: 8;
-  }
-
-  .\32xl\:order-9 {
-    order: 9;
-  }
-
-  .\32xl\:order-10 {
-    order: 10;
-  }
-
-  .\32xl\:order-11 {
-    order: 11;
-  }
-
-  .\32xl\:order-12 {
-    order: 12;
-  }
-
-  .\32xl\:order-first {
-    order: -9999;
-  }
-
-  .\32xl\:order-last {
-    order: 9999;
-  }
-
-  .\32xl\:order-none {
-    order: 0;
-  }
-
-  .\32xl\:float-right {
-    float: right;
-  }
-
-  .\32xl\:float-left {
-    float: left;
-  }
-
-  .\32xl\:float-none {
-    float: none;
-  }
-
-  .\32xl\:clear-left {
-    clear: left;
-  }
-
-  .\32xl\:clear-right {
-    clear: right;
-  }
-
-  .\32xl\:clear-both {
-    clear: both;
-  }
-
-  .\32xl\:clear-none {
-    clear: none;
-  }
-
-  .\32xl\:font-body {
-    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  }
-
-  .\32xl\:font-heading {
-    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  }
-
-  .\32xl\:font-sans {
-    font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  }
-
-  .\32xl\:font-serif {
-    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
-  }
-
-  .\32xl\:font-mono {
-    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  }
-
-  .\32xl\:font-hairline {
-    font-weight: 100;
-  }
-
-  .\32xl\:font-thin {
-    font-weight: 200;
-  }
-
-  .\32xl\:font-light {
-    font-weight: 300;
-  }
-
-  .\32xl\:font-normal {
-    font-weight: 400;
-  }
-
-  .\32xl\:font-medium {
-    font-weight: 500;
-  }
-
-  .\32xl\:font-semibold {
-    font-weight: 600;
-  }
-
-  .\32xl\:font-bold {
-    font-weight: 700;
-  }
-
-  .\32xl\:font-extrabold {
-    font-weight: 800;
-  }
-
-  .\32xl\:font-black {
-    font-weight: 900;
-  }
-
-  .\32xl\:h-0 {
-    height: 0px;
-  }
-
-  .\32xl\:h-1 {
-    height: 0.25rem;
-  }
-
-  .\32xl\:h-2 {
-    height: 0.5rem;
-  }
-
-  .\32xl\:h-3 {
-    height: 0.75rem;
-  }
-
-  .\32xl\:h-4 {
-    height: 1rem;
-  }
-
-  .\32xl\:h-5 {
-    height: 1.25rem;
-  }
-
-  .\32xl\:h-6 {
-    height: 1.5rem;
-  }
-
-  .\32xl\:h-7 {
-    height: 1.75rem;
-  }
-
-  .\32xl\:h-8 {
-    height: 2rem;
-  }
-
-  .\32xl\:h-9 {
-    height: 2.25rem;
-  }
-
-  .\32xl\:h-10 {
-    height: 2.5rem;
-  }
-
-  .\32xl\:h-11 {
-    height: 2.75rem;
-  }
-
-  .\32xl\:h-12 {
-    height: 3rem;
-  }
-
-  .\32xl\:h-14 {
-    height: 3.5rem;
-  }
-
-  .\32xl\:h-16 {
-    height: 4rem;
-  }
-
-  .\32xl\:h-20 {
-    height: 5rem;
-  }
-
-  .\32xl\:h-24 {
-    height: 6rem;
-  }
-
-  .\32xl\:h-28 {
-    height: 7rem;
-  }
-
-  .\32xl\:h-32 {
-    height: 8rem;
-  }
-
-  .\32xl\:h-36 {
-    height: 9rem;
-  }
-
-  .\32xl\:h-40 {
-    height: 10rem;
-  }
-
-  .\32xl\:h-44 {
-    height: 11rem;
-  }
-
-  .\32xl\:h-48 {
-    height: 12rem;
-  }
-
-  .\32xl\:h-52 {
-    height: 13rem;
-  }
-
-  .\32xl\:h-56 {
-    height: 14rem;
-  }
-
-  .\32xl\:h-60 {
-    height: 15rem;
-  }
-
-  .\32xl\:h-64 {
-    height: 16rem;
-  }
-
-  .\32xl\:h-72 {
-    height: 18rem;
-  }
-
-  .\32xl\:h-80 {
-    height: 20rem;
-  }
-
-  .\32xl\:h-96 {
-    height: 24rem;
-  }
-
-  .\32xl\:h-auto {
-    height: auto;
-  }
-
-  .\32xl\:h-px {
-    height: 1px;
-  }
-
-  .\32xl\:h-0\.5 {
-    height: 0.125rem;
-  }
-
-  .\32xl\:h-1\.5 {
-    height: 0.375rem;
-  }
-
-  .\32xl\:h-2\.5 {
-    height: 0.625rem;
-  }
-
-  .\32xl\:h-3\.5 {
-    height: 0.875rem;
-  }
-
-  .\32xl\:h-full {
-    height: 100%;
-  }
-
-  .\32xl\:h-screen {
-    height: 100vh;
-  }
-
-  .\32xl\:text-xxs {
-    font-size: 0.6875rem;
-  }
-
-  .\32xl\:text-xs {
-    font-size: 0.75rem;
-  }
-
-  .\32xl\:text-sm {
-    font-size: 0.875rem;
-  }
-
-  .\32xl\:text-base {
-    font-size: 1rem;
-  }
-
-  .\32xl\:text-lg {
-    font-size: 1.125rem;
-  }
-
-  .\32xl\:text-xl {
-    font-size: 1.25rem;
-  }
-
-  .\32xl\:text-2xl {
-    font-size: 1.5rem;
-  }
-
-  .\32xl\:text-3xl {
-    font-size: 1.875rem;
-  }
-
-  .\32xl\:text-4xl {
-    font-size: 2.25rem;
-  }
-
-  .\32xl\:text-5xl {
-    font-size: 3rem;
-  }
-
-  .\32xl\:text-6xl {
-    font-size: 3.75rem;
-  }
-
-  .\32xl\:text-7xl {
-    font-size: 4.5rem;
-  }
-
-  .\32xl\:text-8xl {
-    font-size: 6rem;
-  }
-
-  .\32xl\:text-9xl {
-    font-size: 8rem;
-  }
-
-  .\32xl\:leading-3 {
-    line-height: .75rem;
-  }
-
-  .\32xl\:leading-4 {
-    line-height: 1rem;
-  }
-
-  .\32xl\:leading-5 {
-    line-height: 1.25rem;
-  }
-
-  .\32xl\:leading-6 {
-    line-height: 1.5rem;
-  }
-
-  .\32xl\:leading-7 {
-    line-height: 1.75rem;
-  }
-
-  .\32xl\:leading-8 {
-    line-height: 2rem;
-  }
-
-  .\32xl\:leading-9 {
-    line-height: 2.25rem;
-  }
-
-  .\32xl\:leading-10 {
-    line-height: 2.5rem;
-  }
-
-  .\32xl\:leading-none {
-    line-height: 1;
-  }
-
-  .\32xl\:leading-tight {
-    line-height: 1.25;
-  }
-
-  .\32xl\:leading-snug {
-    line-height: 1.375;
-  }
-
-  .\32xl\:leading-normal {
-    line-height: 1.5;
-  }
-
-  .\32xl\:leading-relaxed {
-    line-height: 1.625;
-  }
-
-  .\32xl\:leading-loose {
-    line-height: 2;
-  }
-
-  .\32xl\:list-inside {
-    list-style-position: inside;
-  }
-
-  .\32xl\:list-outside {
-    list-style-position: outside;
-  }
-
-  .\32xl\:list-none {
-    list-style-type: none;
-  }
-
-  .\32xl\:list-disc {
-    list-style-type: disc;
-  }
-
-  .\32xl\:list-decimal {
-    list-style-type: decimal;
-  }
-
-  .\32xl\:m-0 {
-    margin: 0px;
-  }
-
-  .\32xl\:m-1 {
-    margin: 0.25rem;
-  }
-
-  .\32xl\:m-2 {
-    margin: 0.5rem;
-  }
-
-  .\32xl\:m-3 {
-    margin: 0.75rem;
-  }
-
-  .\32xl\:m-4 {
-    margin: 1rem;
-  }
-
-  .\32xl\:m-5 {
-    margin: 1.25rem;
-  }
-
-  .\32xl\:m-6 {
-    margin: 1.5rem;
-  }
-
-  .\32xl\:m-7 {
-    margin: 1.75rem;
-  }
-
-  .\32xl\:m-8 {
-    margin: 2rem;
-  }
-
-  .\32xl\:m-9 {
-    margin: 2.25rem;
-  }
-
-  .\32xl\:m-10 {
-    margin: 2.5rem;
-  }
-
-  .\32xl\:m-11 {
-    margin: 2.75rem;
-  }
-
-  .\32xl\:m-12 {
-    margin: 3rem;
-  }
-
-  .\32xl\:m-14 {
-    margin: 3.5rem;
-  }
-
-  .\32xl\:m-16 {
-    margin: 4rem;
-  }
-
-  .\32xl\:m-20 {
-    margin: 5rem;
-  }
-
-  .\32xl\:m-24 {
-    margin: 6rem;
-  }
-
-  .\32xl\:m-28 {
-    margin: 7rem;
-  }
-
-  .\32xl\:m-32 {
-    margin: 8rem;
-  }
-
-  .\32xl\:m-36 {
-    margin: 9rem;
-  }
-
-  .\32xl\:m-40 {
-    margin: 10rem;
-  }
-
-  .\32xl\:m-44 {
-    margin: 11rem;
-  }
-
-  .\32xl\:m-48 {
-    margin: 12rem;
-  }
-
-  .\32xl\:m-52 {
-    margin: 13rem;
-  }
-
-  .\32xl\:m-56 {
-    margin: 14rem;
-  }
-
-  .\32xl\:m-60 {
-    margin: 15rem;
-  }
-
-  .\32xl\:m-64 {
-    margin: 16rem;
-  }
-
-  .\32xl\:m-72 {
-    margin: 18rem;
-  }
-
-  .\32xl\:m-80 {
-    margin: 20rem;
-  }
-
-  .\32xl\:m-96 {
-    margin: 24rem;
-  }
-
-  .\32xl\:m-auto {
-    margin: auto;
-  }
-
-  .\32xl\:m-px {
-    margin: 1px;
-  }
-
-  .\32xl\:m-0\.5 {
-    margin: 0.125rem;
-  }
-
-  .\32xl\:m-1\.5 {
-    margin: 0.375rem;
-  }
-
-  .\32xl\:m-2\.5 {
-    margin: 0.625rem;
-  }
-
-  .\32xl\:m-3\.5 {
-    margin: 0.875rem;
-  }
-
-  .\32xl\:-m-0 {
-    margin: 0px;
-  }
-
-  .\32xl\:-m-1 {
-    margin: -0.25rem;
-  }
-
-  .\32xl\:-m-2 {
-    margin: -0.5rem;
-  }
-
-  .\32xl\:-m-3 {
-    margin: -0.75rem;
-  }
-
-  .\32xl\:-m-4 {
-    margin: -1rem;
-  }
-
-  .\32xl\:-m-5 {
-    margin: -1.25rem;
-  }
-
-  .\32xl\:-m-6 {
-    margin: -1.5rem;
-  }
-
-  .\32xl\:-m-7 {
-    margin: -1.75rem;
-  }
-
-  .\32xl\:-m-8 {
-    margin: -2rem;
-  }
-
-  .\32xl\:-m-9 {
-    margin: -2.25rem;
-  }
-
-  .\32xl\:-m-10 {
-    margin: -2.5rem;
-  }
-
-  .\32xl\:-m-11 {
-    margin: -2.75rem;
-  }
-
-  .\32xl\:-m-12 {
-    margin: -3rem;
-  }
-
-  .\32xl\:-m-14 {
-    margin: -3.5rem;
-  }
-
-  .\32xl\:-m-16 {
-    margin: -4rem;
-  }
-
-  .\32xl\:-m-20 {
-    margin: -5rem;
-  }
-
-  .\32xl\:-m-24 {
-    margin: -6rem;
-  }
-
-  .\32xl\:-m-28 {
-    margin: -7rem;
-  }
-
-  .\32xl\:-m-32 {
-    margin: -8rem;
-  }
-
-  .\32xl\:-m-36 {
-    margin: -9rem;
-  }
-
-  .\32xl\:-m-40 {
-    margin: -10rem;
-  }
-
-  .\32xl\:-m-44 {
-    margin: -11rem;
-  }
-
-  .\32xl\:-m-48 {
-    margin: -12rem;
-  }
-
-  .\32xl\:-m-52 {
-    margin: -13rem;
-  }
-
-  .\32xl\:-m-56 {
-    margin: -14rem;
-  }
-
-  .\32xl\:-m-60 {
-    margin: -15rem;
-  }
-
-  .\32xl\:-m-64 {
-    margin: -16rem;
-  }
-
-  .\32xl\:-m-72 {
-    margin: -18rem;
-  }
-
-  .\32xl\:-m-80 {
-    margin: -20rem;
-  }
-
-  .\32xl\:-m-96 {
-    margin: -24rem;
-  }
-
-  .\32xl\:-m-px {
-    margin: -1px;
-  }
-
-  .\32xl\:-m-0\.5 {
-    margin: -0.125rem;
-  }
-
-  .\32xl\:-m-1\.5 {
-    margin: -0.375rem;
-  }
-
-  .\32xl\:-m-2\.5 {
-    margin: -0.625rem;
-  }
-
-  .\32xl\:-m-3\.5 {
-    margin: -0.875rem;
-  }
-
-  .\32xl\:my-0 {
-    margin-top: 0px;
-    margin-bottom: 0px;
-  }
-
-  .\32xl\:mx-0 {
-    margin-left: 0px;
-    margin-right: 0px;
-  }
-
-  .\32xl\:my-1 {
-    margin-top: 0.25rem;
-    margin-bottom: 0.25rem;
-  }
-
-  .\32xl\:mx-1 {
-    margin-left: 0.25rem;
-    margin-right: 0.25rem;
-  }
-
-  .\32xl\:my-2 {
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
-  }
-
-  .\32xl\:mx-2 {
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
-  }
-
-  .\32xl\:my-3 {
-    margin-top: 0.75rem;
-    margin-bottom: 0.75rem;
-  }
-
-  .\32xl\:mx-3 {
-    margin-left: 0.75rem;
-    margin-right: 0.75rem;
-  }
-
-  .\32xl\:my-4 {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-  }
-
-  .\32xl\:mx-4 {
-    margin-left: 1rem;
-    margin-right: 1rem;
-  }
-
-  .\32xl\:my-5 {
-    margin-top: 1.25rem;
-    margin-bottom: 1.25rem;
-  }
-
-  .\32xl\:mx-5 {
-    margin-left: 1.25rem;
-    margin-right: 1.25rem;
-  }
-
-  .\32xl\:my-6 {
-    margin-top: 1.5rem;
-    margin-bottom: 1.5rem;
-  }
-
-  .\32xl\:mx-6 {
-    margin-left: 1.5rem;
-    margin-right: 1.5rem;
-  }
-
-  .\32xl\:my-7 {
-    margin-top: 1.75rem;
-    margin-bottom: 1.75rem;
-  }
-
-  .\32xl\:mx-7 {
-    margin-left: 1.75rem;
-    margin-right: 1.75rem;
-  }
-
-  .\32xl\:my-8 {
-    margin-top: 2rem;
-    margin-bottom: 2rem;
-  }
-
-  .\32xl\:mx-8 {
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-
-  .\32xl\:my-9 {
-    margin-top: 2.25rem;
-    margin-bottom: 2.25rem;
-  }
-
-  .\32xl\:mx-9 {
-    margin-left: 2.25rem;
-    margin-right: 2.25rem;
-  }
-
-  .\32xl\:my-10 {
-    margin-top: 2.5rem;
-    margin-bottom: 2.5rem;
-  }
-
-  .\32xl\:mx-10 {
-    margin-left: 2.5rem;
-    margin-right: 2.5rem;
-  }
-
-  .\32xl\:my-11 {
-    margin-top: 2.75rem;
-    margin-bottom: 2.75rem;
-  }
-
-  .\32xl\:mx-11 {
-    margin-left: 2.75rem;
-    margin-right: 2.75rem;
-  }
-
-  .\32xl\:my-12 {
-    margin-top: 3rem;
-    margin-bottom: 3rem;
-  }
-
-  .\32xl\:mx-12 {
-    margin-left: 3rem;
-    margin-right: 3rem;
-  }
-
-  .\32xl\:my-14 {
-    margin-top: 3.5rem;
-    margin-bottom: 3.5rem;
-  }
-
-  .\32xl\:mx-14 {
-    margin-left: 3.5rem;
-    margin-right: 3.5rem;
-  }
-
-  .\32xl\:my-16 {
-    margin-top: 4rem;
-    margin-bottom: 4rem;
-  }
-
-  .\32xl\:mx-16 {
-    margin-left: 4rem;
-    margin-right: 4rem;
-  }
-
-  .\32xl\:my-20 {
-    margin-top: 5rem;
-    margin-bottom: 5rem;
-  }
-
-  .\32xl\:mx-20 {
-    margin-left: 5rem;
-    margin-right: 5rem;
-  }
-
-  .\32xl\:my-24 {
-    margin-top: 6rem;
-    margin-bottom: 6rem;
-  }
-
-  .\32xl\:mx-24 {
-    margin-left: 6rem;
-    margin-right: 6rem;
-  }
-
-  .\32xl\:my-28 {
-    margin-top: 7rem;
-    margin-bottom: 7rem;
-  }
-
-  .\32xl\:mx-28 {
-    margin-left: 7rem;
-    margin-right: 7rem;
-  }
-
-  .\32xl\:my-32 {
-    margin-top: 8rem;
-    margin-bottom: 8rem;
-  }
-
-  .\32xl\:mx-32 {
-    margin-left: 8rem;
-    margin-right: 8rem;
-  }
-
-  .\32xl\:my-36 {
-    margin-top: 9rem;
-    margin-bottom: 9rem;
-  }
-
-  .\32xl\:mx-36 {
-    margin-left: 9rem;
-    margin-right: 9rem;
-  }
-
-  .\32xl\:my-40 {
-    margin-top: 10rem;
-    margin-bottom: 10rem;
-  }
-
-  .\32xl\:mx-40 {
-    margin-left: 10rem;
-    margin-right: 10rem;
-  }
-
-  .\32xl\:my-44 {
-    margin-top: 11rem;
-    margin-bottom: 11rem;
-  }
-
-  .\32xl\:mx-44 {
-    margin-left: 11rem;
-    margin-right: 11rem;
-  }
-
-  .\32xl\:my-48 {
-    margin-top: 12rem;
-    margin-bottom: 12rem;
-  }
-
-  .\32xl\:mx-48 {
-    margin-left: 12rem;
-    margin-right: 12rem;
-  }
-
-  .\32xl\:my-52 {
-    margin-top: 13rem;
-    margin-bottom: 13rem;
-  }
-
-  .\32xl\:mx-52 {
-    margin-left: 13rem;
-    margin-right: 13rem;
-  }
-
-  .\32xl\:my-56 {
-    margin-top: 14rem;
-    margin-bottom: 14rem;
-  }
-
-  .\32xl\:mx-56 {
-    margin-left: 14rem;
-    margin-right: 14rem;
-  }
-
-  .\32xl\:my-60 {
-    margin-top: 15rem;
-    margin-bottom: 15rem;
-  }
-
-  .\32xl\:mx-60 {
-    margin-left: 15rem;
-    margin-right: 15rem;
-  }
-
-  .\32xl\:my-64 {
-    margin-top: 16rem;
-    margin-bottom: 16rem;
-  }
-
-  .\32xl\:mx-64 {
-    margin-left: 16rem;
-    margin-right: 16rem;
-  }
-
-  .\32xl\:my-72 {
-    margin-top: 18rem;
-    margin-bottom: 18rem;
-  }
-
-  .\32xl\:mx-72 {
-    margin-left: 18rem;
-    margin-right: 18rem;
-  }
-
-  .\32xl\:my-80 {
-    margin-top: 20rem;
-    margin-bottom: 20rem;
-  }
-
-  .\32xl\:mx-80 {
-    margin-left: 20rem;
-    margin-right: 20rem;
-  }
-
-  .\32xl\:my-96 {
-    margin-top: 24rem;
-    margin-bottom: 24rem;
-  }
-
-  .\32xl\:mx-96 {
-    margin-left: 24rem;
-    margin-right: 24rem;
-  }
-
-  .\32xl\:my-auto {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-
-  .\32xl\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .\32xl\:my-px {
-    margin-top: 1px;
-    margin-bottom: 1px;
-  }
-
-  .\32xl\:mx-px {
-    margin-left: 1px;
-    margin-right: 1px;
-  }
-
-  .\32xl\:my-0\.5 {
-    margin-top: 0.125rem;
-    margin-bottom: 0.125rem;
-  }
-
-  .\32xl\:mx-0\.5 {
-    margin-left: 0.125rem;
-    margin-right: 0.125rem;
-  }
-
-  .\32xl\:my-1\.5 {
-    margin-top: 0.375rem;
-    margin-bottom: 0.375rem;
-  }
-
-  .\32xl\:mx-1\.5 {
-    margin-left: 0.375rem;
-    margin-right: 0.375rem;
-  }
-
-  .\32xl\:my-2\.5 {
-    margin-top: 0.625rem;
-    margin-bottom: 0.625rem;
-  }
-
-  .\32xl\:mx-2\.5 {
-    margin-left: 0.625rem;
-    margin-right: 0.625rem;
-  }
-
-  .\32xl\:my-3\.5 {
-    margin-top: 0.875rem;
-    margin-bottom: 0.875rem;
-  }
-
-  .\32xl\:mx-3\.5 {
-    margin-left: 0.875rem;
-    margin-right: 0.875rem;
-  }
-
-  .\32xl\:-my-0 {
-    margin-top: 0px;
-    margin-bottom: 0px;
-  }
-
-  .\32xl\:-mx-0 {
-    margin-left: 0px;
-    margin-right: 0px;
-  }
-
-  .\32xl\:-my-1 {
-    margin-top: -0.25rem;
-    margin-bottom: -0.25rem;
-  }
-
-  .\32xl\:-mx-1 {
-    margin-left: -0.25rem;
-    margin-right: -0.25rem;
-  }
-
-  .\32xl\:-my-2 {
-    margin-top: -0.5rem;
-    margin-bottom: -0.5rem;
-  }
-
-  .\32xl\:-mx-2 {
-    margin-left: -0.5rem;
-    margin-right: -0.5rem;
-  }
-
-  .\32xl\:-my-3 {
-    margin-top: -0.75rem;
-    margin-bottom: -0.75rem;
-  }
-
-  .\32xl\:-mx-3 {
-    margin-left: -0.75rem;
-    margin-right: -0.75rem;
-  }
-
-  .\32xl\:-my-4 {
-    margin-top: -1rem;
-    margin-bottom: -1rem;
-  }
-
-  .\32xl\:-mx-4 {
-    margin-left: -1rem;
-    margin-right: -1rem;
-  }
-
-  .\32xl\:-my-5 {
-    margin-top: -1.25rem;
-    margin-bottom: -1.25rem;
-  }
-
-  .\32xl\:-mx-5 {
-    margin-left: -1.25rem;
-    margin-right: -1.25rem;
-  }
-
-  .\32xl\:-my-6 {
-    margin-top: -1.5rem;
-    margin-bottom: -1.5rem;
-  }
-
-  .\32xl\:-mx-6 {
-    margin-left: -1.5rem;
-    margin-right: -1.5rem;
-  }
-
-  .\32xl\:-my-7 {
-    margin-top: -1.75rem;
-    margin-bottom: -1.75rem;
-  }
-
-  .\32xl\:-mx-7 {
-    margin-left: -1.75rem;
-    margin-right: -1.75rem;
-  }
-
-  .\32xl\:-my-8 {
-    margin-top: -2rem;
-    margin-bottom: -2rem;
-  }
-
-  .\32xl\:-mx-8 {
-    margin-left: -2rem;
-    margin-right: -2rem;
-  }
-
-  .\32xl\:-my-9 {
-    margin-top: -2.25rem;
-    margin-bottom: -2.25rem;
-  }
-
-  .\32xl\:-mx-9 {
-    margin-left: -2.25rem;
-    margin-right: -2.25rem;
-  }
-
-  .\32xl\:-my-10 {
-    margin-top: -2.5rem;
-    margin-bottom: -2.5rem;
-  }
-
-  .\32xl\:-mx-10 {
-    margin-left: -2.5rem;
-    margin-right: -2.5rem;
-  }
-
-  .\32xl\:-my-11 {
-    margin-top: -2.75rem;
-    margin-bottom: -2.75rem;
-  }
-
-  .\32xl\:-mx-11 {
-    margin-left: -2.75rem;
-    margin-right: -2.75rem;
-  }
-
-  .\32xl\:-my-12 {
-    margin-top: -3rem;
-    margin-bottom: -3rem;
-  }
-
-  .\32xl\:-mx-12 {
-    margin-left: -3rem;
-    margin-right: -3rem;
-  }
-
-  .\32xl\:-my-14 {
-    margin-top: -3.5rem;
-    margin-bottom: -3.5rem;
-  }
-
-  .\32xl\:-mx-14 {
-    margin-left: -3.5rem;
-    margin-right: -3.5rem;
-  }
-
-  .\32xl\:-my-16 {
-    margin-top: -4rem;
-    margin-bottom: -4rem;
-  }
-
-  .\32xl\:-mx-16 {
-    margin-left: -4rem;
-    margin-right: -4rem;
-  }
-
-  .\32xl\:-my-20 {
-    margin-top: -5rem;
-    margin-bottom: -5rem;
-  }
-
-  .\32xl\:-mx-20 {
-    margin-left: -5rem;
-    margin-right: -5rem;
-  }
-
-  .\32xl\:-my-24 {
-    margin-top: -6rem;
-    margin-bottom: -6rem;
-  }
-
-  .\32xl\:-mx-24 {
-    margin-left: -6rem;
-    margin-right: -6rem;
-  }
-
-  .\32xl\:-my-28 {
-    margin-top: -7rem;
-    margin-bottom: -7rem;
-  }
-
-  .\32xl\:-mx-28 {
-    margin-left: -7rem;
-    margin-right: -7rem;
-  }
-
-  .\32xl\:-my-32 {
-    margin-top: -8rem;
-    margin-bottom: -8rem;
-  }
-
-  .\32xl\:-mx-32 {
-    margin-left: -8rem;
-    margin-right: -8rem;
-  }
-
-  .\32xl\:-my-36 {
-    margin-top: -9rem;
-    margin-bottom: -9rem;
-  }
-
-  .\32xl\:-mx-36 {
-    margin-left: -9rem;
-    margin-right: -9rem;
-  }
-
-  .\32xl\:-my-40 {
-    margin-top: -10rem;
-    margin-bottom: -10rem;
-  }
-
-  .\32xl\:-mx-40 {
-    margin-left: -10rem;
-    margin-right: -10rem;
-  }
-
-  .\32xl\:-my-44 {
-    margin-top: -11rem;
-    margin-bottom: -11rem;
-  }
-
-  .\32xl\:-mx-44 {
-    margin-left: -11rem;
-    margin-right: -11rem;
-  }
-
-  .\32xl\:-my-48 {
-    margin-top: -12rem;
-    margin-bottom: -12rem;
-  }
-
-  .\32xl\:-mx-48 {
-    margin-left: -12rem;
-    margin-right: -12rem;
-  }
-
-  .\32xl\:-my-52 {
-    margin-top: -13rem;
-    margin-bottom: -13rem;
-  }
-
-  .\32xl\:-mx-52 {
-    margin-left: -13rem;
-    margin-right: -13rem;
-  }
-
-  .\32xl\:-my-56 {
-    margin-top: -14rem;
-    margin-bottom: -14rem;
-  }
-
-  .\32xl\:-mx-56 {
-    margin-left: -14rem;
-    margin-right: -14rem;
-  }
-
-  .\32xl\:-my-60 {
-    margin-top: -15rem;
-    margin-bottom: -15rem;
-  }
-
-  .\32xl\:-mx-60 {
-    margin-left: -15rem;
-    margin-right: -15rem;
-  }
-
-  .\32xl\:-my-64 {
-    margin-top: -16rem;
-    margin-bottom: -16rem;
-  }
-
-  .\32xl\:-mx-64 {
-    margin-left: -16rem;
-    margin-right: -16rem;
-  }
-
-  .\32xl\:-my-72 {
-    margin-top: -18rem;
-    margin-bottom: -18rem;
-  }
-
-  .\32xl\:-mx-72 {
-    margin-left: -18rem;
-    margin-right: -18rem;
-  }
-
-  .\32xl\:-my-80 {
-    margin-top: -20rem;
-    margin-bottom: -20rem;
-  }
-
-  .\32xl\:-mx-80 {
-    margin-left: -20rem;
-    margin-right: -20rem;
-  }
-
-  .\32xl\:-my-96 {
-    margin-top: -24rem;
-    margin-bottom: -24rem;
-  }
-
-  .\32xl\:-mx-96 {
-    margin-left: -24rem;
-    margin-right: -24rem;
-  }
-
-  .\32xl\:-my-px {
-    margin-top: -1px;
-    margin-bottom: -1px;
-  }
-
-  .\32xl\:-mx-px {
-    margin-left: -1px;
-    margin-right: -1px;
-  }
-
-  .\32xl\:-my-0\.5 {
-    margin-top: -0.125rem;
-    margin-bottom: -0.125rem;
-  }
-
-  .\32xl\:-mx-0\.5 {
-    margin-left: -0.125rem;
-    margin-right: -0.125rem;
-  }
-
-  .\32xl\:-my-1\.5 {
-    margin-top: -0.375rem;
-    margin-bottom: -0.375rem;
-  }
-
-  .\32xl\:-mx-1\.5 {
-    margin-left: -0.375rem;
-    margin-right: -0.375rem;
-  }
-
-  .\32xl\:-my-2\.5 {
-    margin-top: -0.625rem;
-    margin-bottom: -0.625rem;
-  }
-
-  .\32xl\:-mx-2\.5 {
-    margin-left: -0.625rem;
-    margin-right: -0.625rem;
-  }
-
-  .\32xl\:-my-3\.5 {
-    margin-top: -0.875rem;
-    margin-bottom: -0.875rem;
-  }
-
-  .\32xl\:-mx-3\.5 {
-    margin-left: -0.875rem;
-    margin-right: -0.875rem;
-  }
-
-  .\32xl\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .\32xl\:mr-0 {
-    margin-right: 0px;
-  }
-
-  .\32xl\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .\32xl\:ml-0 {
-    margin-left: 0px;
-  }
-
-  .\32xl\:mt-1 {
-    margin-top: 0.25rem;
-  }
-
-  .\32xl\:mr-1 {
-    margin-right: 0.25rem;
-  }
-
-  .\32xl\:mb-1 {
-    margin-bottom: 0.25rem;
-  }
-
-  .\32xl\:ml-1 {
-    margin-left: 0.25rem;
-  }
-
-  .\32xl\:mt-2 {
-    margin-top: 0.5rem;
-  }
-
-  .\32xl\:mr-2 {
-    margin-right: 0.5rem;
-  }
-
-  .\32xl\:mb-2 {
-    margin-bottom: 0.5rem;
-  }
-
-  .\32xl\:ml-2 {
-    margin-left: 0.5rem;
-  }
-
-  .\32xl\:mt-3 {
-    margin-top: 0.75rem;
-  }
-
-  .\32xl\:mr-3 {
-    margin-right: 0.75rem;
-  }
-
-  .\32xl\:mb-3 {
-    margin-bottom: 0.75rem;
-  }
-
-  .\32xl\:ml-3 {
-    margin-left: 0.75rem;
-  }
-
-  .\32xl\:mt-4 {
-    margin-top: 1rem;
-  }
-
-  .\32xl\:mr-4 {
-    margin-right: 1rem;
-  }
-
-  .\32xl\:mb-4 {
-    margin-bottom: 1rem;
-  }
-
-  .\32xl\:ml-4 {
-    margin-left: 1rem;
-  }
-
-  .\32xl\:mt-5 {
-    margin-top: 1.25rem;
-  }
-
-  .\32xl\:mr-5 {
-    margin-right: 1.25rem;
-  }
-
-  .\32xl\:mb-5 {
-    margin-bottom: 1.25rem;
-  }
-
-  .\32xl\:ml-5 {
-    margin-left: 1.25rem;
-  }
-
-  .\32xl\:mt-6 {
-    margin-top: 1.5rem;
-  }
-
-  .\32xl\:mr-6 {
-    margin-right: 1.5rem;
-  }
-
-  .\32xl\:mb-6 {
-    margin-bottom: 1.5rem;
-  }
-
-  .\32xl\:ml-6 {
-    margin-left: 1.5rem;
-  }
-
-  .\32xl\:mt-7 {
-    margin-top: 1.75rem;
-  }
-
-  .\32xl\:mr-7 {
-    margin-right: 1.75rem;
-  }
-
-  .\32xl\:mb-7 {
-    margin-bottom: 1.75rem;
-  }
-
-  .\32xl\:ml-7 {
-    margin-left: 1.75rem;
-  }
-
-  .\32xl\:mt-8 {
-    margin-top: 2rem;
-  }
-
-  .\32xl\:mr-8 {
-    margin-right: 2rem;
-  }
-
-  .\32xl\:mb-8 {
-    margin-bottom: 2rem;
-  }
-
-  .\32xl\:ml-8 {
-    margin-left: 2rem;
-  }
-
-  .\32xl\:mt-9 {
-    margin-top: 2.25rem;
-  }
-
-  .\32xl\:mr-9 {
-    margin-right: 2.25rem;
-  }
-
-  .\32xl\:mb-9 {
-    margin-bottom: 2.25rem;
-  }
-
-  .\32xl\:ml-9 {
-    margin-left: 2.25rem;
-  }
-
-  .\32xl\:mt-10 {
-    margin-top: 2.5rem;
-  }
-
-  .\32xl\:mr-10 {
-    margin-right: 2.5rem;
-  }
-
-  .\32xl\:mb-10 {
-    margin-bottom: 2.5rem;
-  }
-
-  .\32xl\:ml-10 {
-    margin-left: 2.5rem;
-  }
-
-  .\32xl\:mt-11 {
-    margin-top: 2.75rem;
-  }
-
-  .\32xl\:mr-11 {
-    margin-right: 2.75rem;
-  }
-
-  .\32xl\:mb-11 {
-    margin-bottom: 2.75rem;
-  }
-
-  .\32xl\:ml-11 {
-    margin-left: 2.75rem;
-  }
-
-  .\32xl\:mt-12 {
-    margin-top: 3rem;
-  }
-
-  .\32xl\:mr-12 {
-    margin-right: 3rem;
-  }
-
-  .\32xl\:mb-12 {
-    margin-bottom: 3rem;
-  }
-
-  .\32xl\:ml-12 {
-    margin-left: 3rem;
-  }
-
-  .\32xl\:mt-14 {
-    margin-top: 3.5rem;
-  }
-
-  .\32xl\:mr-14 {
-    margin-right: 3.5rem;
-  }
-
-  .\32xl\:mb-14 {
-    margin-bottom: 3.5rem;
-  }
-
-  .\32xl\:ml-14 {
-    margin-left: 3.5rem;
-  }
-
-  .\32xl\:mt-16 {
-    margin-top: 4rem;
-  }
-
-  .\32xl\:mr-16 {
-    margin-right: 4rem;
-  }
-
-  .\32xl\:mb-16 {
-    margin-bottom: 4rem;
-  }
-
-  .\32xl\:ml-16 {
-    margin-left: 4rem;
-  }
-
-  .\32xl\:mt-20 {
-    margin-top: 5rem;
-  }
-
-  .\32xl\:mr-20 {
-    margin-right: 5rem;
-  }
-
-  .\32xl\:mb-20 {
-    margin-bottom: 5rem;
-  }
-
-  .\32xl\:ml-20 {
-    margin-left: 5rem;
-  }
-
-  .\32xl\:mt-24 {
-    margin-top: 6rem;
-  }
-
-  .\32xl\:mr-24 {
-    margin-right: 6rem;
-  }
-
-  .\32xl\:mb-24 {
-    margin-bottom: 6rem;
-  }
-
-  .\32xl\:ml-24 {
-    margin-left: 6rem;
-  }
-
-  .\32xl\:mt-28 {
-    margin-top: 7rem;
-  }
-
-  .\32xl\:mr-28 {
-    margin-right: 7rem;
-  }
-
-  .\32xl\:mb-28 {
-    margin-bottom: 7rem;
-  }
-
-  .\32xl\:ml-28 {
-    margin-left: 7rem;
-  }
-
-  .\32xl\:mt-32 {
-    margin-top: 8rem;
-  }
-
-  .\32xl\:mr-32 {
-    margin-right: 8rem;
-  }
-
-  .\32xl\:mb-32 {
-    margin-bottom: 8rem;
-  }
-
-  .\32xl\:ml-32 {
-    margin-left: 8rem;
-  }
-
-  .\32xl\:mt-36 {
-    margin-top: 9rem;
-  }
-
-  .\32xl\:mr-36 {
-    margin-right: 9rem;
-  }
-
-  .\32xl\:mb-36 {
-    margin-bottom: 9rem;
-  }
-
-  .\32xl\:ml-36 {
-    margin-left: 9rem;
-  }
-
-  .\32xl\:mt-40 {
-    margin-top: 10rem;
-  }
-
-  .\32xl\:mr-40 {
-    margin-right: 10rem;
-  }
-
-  .\32xl\:mb-40 {
-    margin-bottom: 10rem;
-  }
-
-  .\32xl\:ml-40 {
-    margin-left: 10rem;
-  }
-
-  .\32xl\:mt-44 {
-    margin-top: 11rem;
-  }
-
-  .\32xl\:mr-44 {
-    margin-right: 11rem;
-  }
-
-  .\32xl\:mb-44 {
-    margin-bottom: 11rem;
-  }
-
-  .\32xl\:ml-44 {
-    margin-left: 11rem;
-  }
-
-  .\32xl\:mt-48 {
-    margin-top: 12rem;
-  }
-
-  .\32xl\:mr-48 {
-    margin-right: 12rem;
-  }
-
-  .\32xl\:mb-48 {
-    margin-bottom: 12rem;
-  }
-
-  .\32xl\:ml-48 {
-    margin-left: 12rem;
-  }
-
-  .\32xl\:mt-52 {
-    margin-top: 13rem;
-  }
-
-  .\32xl\:mr-52 {
-    margin-right: 13rem;
-  }
-
-  .\32xl\:mb-52 {
-    margin-bottom: 13rem;
-  }
-
-  .\32xl\:ml-52 {
-    margin-left: 13rem;
-  }
-
-  .\32xl\:mt-56 {
-    margin-top: 14rem;
-  }
-
-  .\32xl\:mr-56 {
-    margin-right: 14rem;
-  }
-
-  .\32xl\:mb-56 {
-    margin-bottom: 14rem;
-  }
-
-  .\32xl\:ml-56 {
-    margin-left: 14rem;
-  }
-
-  .\32xl\:mt-60 {
-    margin-top: 15rem;
-  }
-
-  .\32xl\:mr-60 {
-    margin-right: 15rem;
-  }
-
-  .\32xl\:mb-60 {
-    margin-bottom: 15rem;
-  }
-
-  .\32xl\:ml-60 {
-    margin-left: 15rem;
-  }
-
-  .\32xl\:mt-64 {
-    margin-top: 16rem;
-  }
-
-  .\32xl\:mr-64 {
-    margin-right: 16rem;
-  }
-
-  .\32xl\:mb-64 {
-    margin-bottom: 16rem;
-  }
-
-  .\32xl\:ml-64 {
-    margin-left: 16rem;
-  }
-
-  .\32xl\:mt-72 {
-    margin-top: 18rem;
-  }
-
-  .\32xl\:mr-72 {
-    margin-right: 18rem;
-  }
-
-  .\32xl\:mb-72 {
-    margin-bottom: 18rem;
-  }
-
-  .\32xl\:ml-72 {
-    margin-left: 18rem;
-  }
-
-  .\32xl\:mt-80 {
-    margin-top: 20rem;
-  }
-
-  .\32xl\:mr-80 {
-    margin-right: 20rem;
-  }
-
-  .\32xl\:mb-80 {
-    margin-bottom: 20rem;
-  }
-
-  .\32xl\:ml-80 {
-    margin-left: 20rem;
-  }
-
-  .\32xl\:mt-96 {
-    margin-top: 24rem;
-  }
-
-  .\32xl\:mr-96 {
-    margin-right: 24rem;
-  }
-
-  .\32xl\:mb-96 {
-    margin-bottom: 24rem;
-  }
-
-  .\32xl\:ml-96 {
-    margin-left: 24rem;
-  }
-
-  .\32xl\:mt-auto {
-    margin-top: auto;
-  }
-
-  .\32xl\:mr-auto {
-    margin-right: auto;
-  }
-
-  .\32xl\:mb-auto {
-    margin-bottom: auto;
-  }
-
-  .\32xl\:ml-auto {
-    margin-left: auto;
-  }
-
-  .\32xl\:mt-px {
-    margin-top: 1px;
-  }
-
-  .\32xl\:mr-px {
-    margin-right: 1px;
-  }
-
-  .\32xl\:mb-px {
-    margin-bottom: 1px;
-  }
-
-  .\32xl\:ml-px {
-    margin-left: 1px;
-  }
-
-  .\32xl\:mt-0\.5 {
-    margin-top: 0.125rem;
-  }
-
-  .\32xl\:mr-0\.5 {
-    margin-right: 0.125rem;
-  }
-
-  .\32xl\:mb-0\.5 {
-    margin-bottom: 0.125rem;
-  }
-
-  .\32xl\:ml-0\.5 {
-    margin-left: 0.125rem;
-  }
-
-  .\32xl\:mt-1\.5 {
-    margin-top: 0.375rem;
-  }
-
-  .\32xl\:mr-1\.5 {
-    margin-right: 0.375rem;
-  }
-
-  .\32xl\:mb-1\.5 {
-    margin-bottom: 0.375rem;
-  }
-
-  .\32xl\:ml-1\.5 {
-    margin-left: 0.375rem;
-  }
-
-  .\32xl\:mt-2\.5 {
-    margin-top: 0.625rem;
-  }
-
-  .\32xl\:mr-2\.5 {
-    margin-right: 0.625rem;
-  }
-
-  .\32xl\:mb-2\.5 {
-    margin-bottom: 0.625rem;
-  }
-
-  .\32xl\:ml-2\.5 {
-    margin-left: 0.625rem;
-  }
-
-  .\32xl\:mt-3\.5 {
-    margin-top: 0.875rem;
-  }
-
-  .\32xl\:mr-3\.5 {
-    margin-right: 0.875rem;
-  }
-
-  .\32xl\:mb-3\.5 {
-    margin-bottom: 0.875rem;
-  }
-
-  .\32xl\:ml-3\.5 {
-    margin-left: 0.875rem;
-  }
-
-  .\32xl\:-mt-0 {
-    margin-top: 0px;
-  }
-
-  .\32xl\:-mr-0 {
-    margin-right: 0px;
-  }
-
-  .\32xl\:-mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .\32xl\:-ml-0 {
-    margin-left: 0px;
-  }
-
-  .\32xl\:-mt-1 {
-    margin-top: -0.25rem;
-  }
-
-  .\32xl\:-mr-1 {
-    margin-right: -0.25rem;
-  }
-
-  .\32xl\:-mb-1 {
-    margin-bottom: -0.25rem;
-  }
-
-  .\32xl\:-ml-1 {
-    margin-left: -0.25rem;
-  }
-
-  .\32xl\:-mt-2 {
-    margin-top: -0.5rem;
-  }
-
-  .\32xl\:-mr-2 {
-    margin-right: -0.5rem;
-  }
-
-  .\32xl\:-mb-2 {
-    margin-bottom: -0.5rem;
-  }
-
-  .\32xl\:-ml-2 {
-    margin-left: -0.5rem;
-  }
-
-  .\32xl\:-mt-3 {
-    margin-top: -0.75rem;
-  }
-
-  .\32xl\:-mr-3 {
-    margin-right: -0.75rem;
-  }
-
-  .\32xl\:-mb-3 {
-    margin-bottom: -0.75rem;
-  }
-
-  .\32xl\:-ml-3 {
-    margin-left: -0.75rem;
-  }
-
-  .\32xl\:-mt-4 {
-    margin-top: -1rem;
-  }
-
-  .\32xl\:-mr-4 {
-    margin-right: -1rem;
-  }
-
-  .\32xl\:-mb-4 {
-    margin-bottom: -1rem;
-  }
-
-  .\32xl\:-ml-4 {
-    margin-left: -1rem;
-  }
-
-  .\32xl\:-mt-5 {
-    margin-top: -1.25rem;
-  }
-
-  .\32xl\:-mr-5 {
-    margin-right: -1.25rem;
-  }
-
-  .\32xl\:-mb-5 {
-    margin-bottom: -1.25rem;
-  }
-
-  .\32xl\:-ml-5 {
-    margin-left: -1.25rem;
-  }
-
-  .\32xl\:-mt-6 {
-    margin-top: -1.5rem;
-  }
-
-  .\32xl\:-mr-6 {
-    margin-right: -1.5rem;
-  }
-
-  .\32xl\:-mb-6 {
-    margin-bottom: -1.5rem;
-  }
-
-  .\32xl\:-ml-6 {
-    margin-left: -1.5rem;
-  }
-
-  .\32xl\:-mt-7 {
-    margin-top: -1.75rem;
-  }
-
-  .\32xl\:-mr-7 {
-    margin-right: -1.75rem;
-  }
-
-  .\32xl\:-mb-7 {
-    margin-bottom: -1.75rem;
-  }
-
-  .\32xl\:-ml-7 {
-    margin-left: -1.75rem;
-  }
-
-  .\32xl\:-mt-8 {
-    margin-top: -2rem;
-  }
-
-  .\32xl\:-mr-8 {
-    margin-right: -2rem;
-  }
-
-  .\32xl\:-mb-8 {
-    margin-bottom: -2rem;
-  }
-
-  .\32xl\:-ml-8 {
-    margin-left: -2rem;
-  }
-
-  .\32xl\:-mt-9 {
-    margin-top: -2.25rem;
-  }
-
-  .\32xl\:-mr-9 {
-    margin-right: -2.25rem;
-  }
-
-  .\32xl\:-mb-9 {
-    margin-bottom: -2.25rem;
-  }
-
-  .\32xl\:-ml-9 {
-    margin-left: -2.25rem;
-  }
-
-  .\32xl\:-mt-10 {
-    margin-top: -2.5rem;
-  }
-
-  .\32xl\:-mr-10 {
-    margin-right: -2.5rem;
-  }
-
-  .\32xl\:-mb-10 {
-    margin-bottom: -2.5rem;
-  }
-
-  .\32xl\:-ml-10 {
-    margin-left: -2.5rem;
-  }
-
-  .\32xl\:-mt-11 {
-    margin-top: -2.75rem;
-  }
-
-  .\32xl\:-mr-11 {
-    margin-right: -2.75rem;
-  }
-
-  .\32xl\:-mb-11 {
-    margin-bottom: -2.75rem;
-  }
-
-  .\32xl\:-ml-11 {
-    margin-left: -2.75rem;
-  }
-
-  .\32xl\:-mt-12 {
-    margin-top: -3rem;
-  }
-
-  .\32xl\:-mr-12 {
-    margin-right: -3rem;
-  }
-
-  .\32xl\:-mb-12 {
-    margin-bottom: -3rem;
-  }
-
-  .\32xl\:-ml-12 {
-    margin-left: -3rem;
-  }
-
-  .\32xl\:-mt-14 {
-    margin-top: -3.5rem;
-  }
-
-  .\32xl\:-mr-14 {
-    margin-right: -3.5rem;
-  }
-
-  .\32xl\:-mb-14 {
-    margin-bottom: -3.5rem;
-  }
-
-  .\32xl\:-ml-14 {
-    margin-left: -3.5rem;
-  }
-
-  .\32xl\:-mt-16 {
-    margin-top: -4rem;
-  }
-
-  .\32xl\:-mr-16 {
-    margin-right: -4rem;
-  }
-
-  .\32xl\:-mb-16 {
-    margin-bottom: -4rem;
-  }
-
-  .\32xl\:-ml-16 {
-    margin-left: -4rem;
-  }
-
-  .\32xl\:-mt-20 {
-    margin-top: -5rem;
-  }
-
-  .\32xl\:-mr-20 {
-    margin-right: -5rem;
-  }
-
-  .\32xl\:-mb-20 {
-    margin-bottom: -5rem;
-  }
-
-  .\32xl\:-ml-20 {
-    margin-left: -5rem;
-  }
-
-  .\32xl\:-mt-24 {
-    margin-top: -6rem;
-  }
-
-  .\32xl\:-mr-24 {
-    margin-right: -6rem;
-  }
-
-  .\32xl\:-mb-24 {
-    margin-bottom: -6rem;
-  }
-
-  .\32xl\:-ml-24 {
-    margin-left: -6rem;
-  }
-
-  .\32xl\:-mt-28 {
-    margin-top: -7rem;
-  }
-
-  .\32xl\:-mr-28 {
-    margin-right: -7rem;
-  }
-
-  .\32xl\:-mb-28 {
-    margin-bottom: -7rem;
-  }
-
-  .\32xl\:-ml-28 {
-    margin-left: -7rem;
-  }
-
-  .\32xl\:-mt-32 {
-    margin-top: -8rem;
-  }
-
-  .\32xl\:-mr-32 {
-    margin-right: -8rem;
-  }
-
-  .\32xl\:-mb-32 {
-    margin-bottom: -8rem;
-  }
-
-  .\32xl\:-ml-32 {
-    margin-left: -8rem;
-  }
-
-  .\32xl\:-mt-36 {
-    margin-top: -9rem;
-  }
-
-  .\32xl\:-mr-36 {
-    margin-right: -9rem;
-  }
-
-  .\32xl\:-mb-36 {
-    margin-bottom: -9rem;
-  }
-
-  .\32xl\:-ml-36 {
-    margin-left: -9rem;
-  }
-
-  .\32xl\:-mt-40 {
-    margin-top: -10rem;
-  }
-
-  .\32xl\:-mr-40 {
-    margin-right: -10rem;
-  }
-
-  .\32xl\:-mb-40 {
-    margin-bottom: -10rem;
-  }
-
-  .\32xl\:-ml-40 {
-    margin-left: -10rem;
-  }
-
-  .\32xl\:-mt-44 {
-    margin-top: -11rem;
-  }
-
-  .\32xl\:-mr-44 {
-    margin-right: -11rem;
-  }
-
-  .\32xl\:-mb-44 {
-    margin-bottom: -11rem;
-  }
-
-  .\32xl\:-ml-44 {
-    margin-left: -11rem;
-  }
-
-  .\32xl\:-mt-48 {
-    margin-top: -12rem;
-  }
-
-  .\32xl\:-mr-48 {
-    margin-right: -12rem;
-  }
-
-  .\32xl\:-mb-48 {
-    margin-bottom: -12rem;
-  }
-
-  .\32xl\:-ml-48 {
-    margin-left: -12rem;
-  }
-
-  .\32xl\:-mt-52 {
-    margin-top: -13rem;
-  }
-
-  .\32xl\:-mr-52 {
-    margin-right: -13rem;
-  }
-
-  .\32xl\:-mb-52 {
-    margin-bottom: -13rem;
-  }
-
-  .\32xl\:-ml-52 {
-    margin-left: -13rem;
-  }
-
-  .\32xl\:-mt-56 {
-    margin-top: -14rem;
-  }
-
-  .\32xl\:-mr-56 {
-    margin-right: -14rem;
-  }
-
-  .\32xl\:-mb-56 {
-    margin-bottom: -14rem;
-  }
-
-  .\32xl\:-ml-56 {
-    margin-left: -14rem;
-  }
-
-  .\32xl\:-mt-60 {
-    margin-top: -15rem;
-  }
-
-  .\32xl\:-mr-60 {
-    margin-right: -15rem;
-  }
-
-  .\32xl\:-mb-60 {
-    margin-bottom: -15rem;
-  }
-
-  .\32xl\:-ml-60 {
-    margin-left: -15rem;
-  }
-
-  .\32xl\:-mt-64 {
-    margin-top: -16rem;
-  }
-
-  .\32xl\:-mr-64 {
-    margin-right: -16rem;
-  }
-
-  .\32xl\:-mb-64 {
-    margin-bottom: -16rem;
-  }
-
-  .\32xl\:-ml-64 {
-    margin-left: -16rem;
-  }
-
-  .\32xl\:-mt-72 {
-    margin-top: -18rem;
-  }
-
-  .\32xl\:-mr-72 {
-    margin-right: -18rem;
-  }
-
-  .\32xl\:-mb-72 {
-    margin-bottom: -18rem;
-  }
-
-  .\32xl\:-ml-72 {
-    margin-left: -18rem;
-  }
-
-  .\32xl\:-mt-80 {
-    margin-top: -20rem;
-  }
-
-  .\32xl\:-mr-80 {
-    margin-right: -20rem;
-  }
-
-  .\32xl\:-mb-80 {
-    margin-bottom: -20rem;
-  }
-
-  .\32xl\:-ml-80 {
-    margin-left: -20rem;
-  }
-
-  .\32xl\:-mt-96 {
-    margin-top: -24rem;
-  }
-
-  .\32xl\:-mr-96 {
-    margin-right: -24rem;
-  }
-
-  .\32xl\:-mb-96 {
-    margin-bottom: -24rem;
-  }
-
-  .\32xl\:-ml-96 {
-    margin-left: -24rem;
-  }
-
-  .\32xl\:-mt-px {
-    margin-top: -1px;
-  }
-
-  .\32xl\:-mr-px {
-    margin-right: -1px;
-  }
-
-  .\32xl\:-mb-px {
-    margin-bottom: -1px;
-  }
-
-  .\32xl\:-ml-px {
-    margin-left: -1px;
-  }
-
-  .\32xl\:-mt-0\.5 {
-    margin-top: -0.125rem;
-  }
-
-  .\32xl\:-mr-0\.5 {
-    margin-right: -0.125rem;
-  }
-
-  .\32xl\:-mb-0\.5 {
-    margin-bottom: -0.125rem;
-  }
-
-  .\32xl\:-ml-0\.5 {
-    margin-left: -0.125rem;
-  }
-
-  .\32xl\:-mt-1\.5 {
-    margin-top: -0.375rem;
-  }
-
-  .\32xl\:-mr-1\.5 {
-    margin-right: -0.375rem;
-  }
-
-  .\32xl\:-mb-1\.5 {
-    margin-bottom: -0.375rem;
-  }
-
-  .\32xl\:-ml-1\.5 {
-    margin-left: -0.375rem;
-  }
-
-  .\32xl\:-mt-2\.5 {
-    margin-top: -0.625rem;
-  }
-
-  .\32xl\:-mr-2\.5 {
-    margin-right: -0.625rem;
-  }
-
-  .\32xl\:-mb-2\.5 {
-    margin-bottom: -0.625rem;
-  }
-
-  .\32xl\:-ml-2\.5 {
-    margin-left: -0.625rem;
-  }
-
-  .\32xl\:-mt-3\.5 {
-    margin-top: -0.875rem;
-  }
-
-  .\32xl\:-mr-3\.5 {
-    margin-right: -0.875rem;
-  }
-
-  .\32xl\:-mb-3\.5 {
-    margin-bottom: -0.875rem;
-  }
-
-  .\32xl\:-ml-3\.5 {
-    margin-left: -0.875rem;
-  }
-
-  .\32xl\:max-h-full {
-    max-height: 100%;
-  }
-
-  .\32xl\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .\32xl\:max-w-none {
-    max-width: none;
-  }
-
-  .\32xl\:max-w-xs {
-    max-width: 20rem;
-  }
-
-  .\32xl\:max-w-sm {
-    max-width: 24rem;
-  }
-
-  .\32xl\:max-w-md {
-    max-width: 28rem;
-  }
-
-  .\32xl\:max-w-lg {
-    max-width: 32rem;
-  }
-
-  .\32xl\:max-w-xl {
-    max-width: 36rem;
-  }
-
-  .\32xl\:max-w-2xl {
-    max-width: 42rem;
-  }
-
-  .\32xl\:max-w-3xl {
-    max-width: 48rem;
-  }
-
-  .\32xl\:max-w-4xl {
-    max-width: 56rem;
-  }
-
-  .\32xl\:max-w-5xl {
-    max-width: 64rem;
-  }
-
-  .\32xl\:max-w-6xl {
-    max-width: 72rem;
-  }
-
-  .\32xl\:max-w-7xl {
-    max-width: 80rem;
-  }
-
-  .\32xl\:max-w-full {
-    max-width: 100%;
-  }
-
-  .\32xl\:max-w-min {
-    max-width: -webkit-min-content;
-    max-width: -moz-min-content;
-    max-width: min-content;
-  }
-
-  .\32xl\:max-w-max {
-    max-width: -webkit-max-content;
-    max-width: -moz-max-content;
-    max-width: max-content;
-  }
-
-  .\32xl\:max-w-prose {
-    max-width: 65ch;
-  }
-
-  .\32xl\:min-h-0 {
-    min-height: 0;
-  }
-
-  .\32xl\:min-h-full {
-    min-height: 100%;
-  }
-
-  .\32xl\:min-h-screen {
-    min-height: 100vh;
-  }
-
-  .\32xl\:min-w-0 {
-    min-width: 0;
-  }
-
-  .\32xl\:min-w-full {
-    min-width: 100%;
-  }
-
-  .\32xl\:object-contain {
-    -o-object-fit: contain;
-       object-fit: contain;
-  }
-
-  .\32xl\:object-cover {
-    -o-object-fit: cover;
-       object-fit: cover;
-  }
-
-  .\32xl\:object-fill {
-    -o-object-fit: fill;
-       object-fit: fill;
-  }
-
-  .\32xl\:object-none {
-    -o-object-fit: none;
-       object-fit: none;
-  }
-
-  .\32xl\:object-scale-down {
-    -o-object-fit: scale-down;
-       object-fit: scale-down;
-  }
-
-  .\32xl\:object-bottom {
-    -o-object-position: bottom;
-       object-position: bottom;
-  }
-
-  .\32xl\:object-center {
-    -o-object-position: center;
-       object-position: center;
-  }
-
-  .\32xl\:object-left {
-    -o-object-position: left;
-       object-position: left;
-  }
-
-  .\32xl\:object-left-bottom {
-    -o-object-position: left bottom;
-       object-position: left bottom;
-  }
-
-  .\32xl\:object-left-top {
-    -o-object-position: left top;
-       object-position: left top;
-  }
-
-  .\32xl\:object-right {
-    -o-object-position: right;
-       object-position: right;
-  }
-
-  .\32xl\:object-right-bottom {
-    -o-object-position: right bottom;
-       object-position: right bottom;
-  }
-
-  .\32xl\:object-right-top {
-    -o-object-position: right top;
-       object-position: right top;
-  }
-
-  .\32xl\:object-top {
-    -o-object-position: top;
-       object-position: top;
-  }
-
-  .\32xl\:opacity-0 {
-    opacity: 0;
-  }
-
-  .\32xl\:opacity-5 {
-    opacity: 0.05;
-  }
-
-  .\32xl\:opacity-10 {
-    opacity: 0.1;
-  }
-
-  .\32xl\:opacity-20 {
-    opacity: 0.2;
-  }
-
-  .\32xl\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .\32xl\:opacity-30 {
-    opacity: 0.3;
-  }
-
-  .\32xl\:opacity-40 {
-    opacity: 0.4;
-  }
-
-  .\32xl\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .\32xl\:opacity-60 {
-    opacity: 0.6;
-  }
-
-  .\32xl\:opacity-70 {
-    opacity: 0.7;
-  }
-
-  .\32xl\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .\32xl\:opacity-80 {
-    opacity: 0.8;
-  }
-
-  .\32xl\:opacity-90 {
-    opacity: 0.9;
-  }
-
-  .\32xl\:opacity-95 {
-    opacity: 0.95;
-  }
-
-  .\32xl\:opacity-100 {
-    opacity: 1;
-  }
-
-  .group:hover .\32xl\:group-hover\:opacity-0 {
-    opacity: 0;
-  }
-
-  .group:hover .\32xl\:group-hover\:opacity-5 {
-    opacity: 0.05;
-  }
-
-  .group:hover .\32xl\:group-hover\:opacity-10 {
-    opacity: 0.1;
-  }
-
-  .group:hover .\32xl\:group-hover\:opacity-20 {
-    opacity: 0.2;
-  }
-
-  .group:hover .\32xl\:group-hover\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .group:hover .\32xl\:group-hover\:opacity-30 {
-    opacity: 0.3;
-  }
-
-  .group:hover .\32xl\:group-hover\:opacity-40 {
-    opacity: 0.4;
-  }
-
-  .group:hover .\32xl\:group-hover\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .group:hover .\32xl\:group-hover\:opacity-60 {
-    opacity: 0.6;
-  }
-
-  .group:hover .\32xl\:group-hover\:opacity-70 {
-    opacity: 0.7;
-  }
-
-  .group:hover .\32xl\:group-hover\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .group:hover .\32xl\:group-hover\:opacity-80 {
-    opacity: 0.8;
-  }
-
-  .group:hover .\32xl\:group-hover\:opacity-90 {
-    opacity: 0.9;
-  }
-
-  .group:hover .\32xl\:group-hover\:opacity-95 {
-    opacity: 0.95;
-  }
-
-  .group:hover .\32xl\:group-hover\:opacity-100 {
-    opacity: 1;
-  }
-
-  .\32xl\:focus-within\:opacity-0:focus-within {
-    opacity: 0;
-  }
-
-  .\32xl\:focus-within\:opacity-5:focus-within {
-    opacity: 0.05;
-  }
-
-  .\32xl\:focus-within\:opacity-10:focus-within {
-    opacity: 0.1;
-  }
-
-  .\32xl\:focus-within\:opacity-20:focus-within {
-    opacity: 0.2;
-  }
-
-  .\32xl\:focus-within\:opacity-25:focus-within {
-    opacity: 0.25;
-  }
-
-  .\32xl\:focus-within\:opacity-30:focus-within {
-    opacity: 0.3;
-  }
-
-  .\32xl\:focus-within\:opacity-40:focus-within {
-    opacity: 0.4;
-  }
-
-  .\32xl\:focus-within\:opacity-50:focus-within {
-    opacity: 0.5;
-  }
-
-  .\32xl\:focus-within\:opacity-60:focus-within {
-    opacity: 0.6;
-  }
-
-  .\32xl\:focus-within\:opacity-70:focus-within {
-    opacity: 0.7;
-  }
-
-  .\32xl\:focus-within\:opacity-75:focus-within {
-    opacity: 0.75;
-  }
-
-  .\32xl\:focus-within\:opacity-80:focus-within {
-    opacity: 0.8;
-  }
-
-  .\32xl\:focus-within\:opacity-90:focus-within {
-    opacity: 0.9;
-  }
-
-  .\32xl\:focus-within\:opacity-95:focus-within {
-    opacity: 0.95;
-  }
-
-  .\32xl\:focus-within\:opacity-100:focus-within {
-    opacity: 1;
-  }
-
-  .\32xl\:hover\:opacity-0:hover {
-    opacity: 0;
-  }
-
-  .\32xl\:hover\:opacity-5:hover {
-    opacity: 0.05;
-  }
-
-  .\32xl\:hover\:opacity-10:hover {
-    opacity: 0.1;
-  }
-
-  .\32xl\:hover\:opacity-20:hover {
-    opacity: 0.2;
-  }
-
-  .\32xl\:hover\:opacity-25:hover {
-    opacity: 0.25;
-  }
-
-  .\32xl\:hover\:opacity-30:hover {
-    opacity: 0.3;
-  }
-
-  .\32xl\:hover\:opacity-40:hover {
-    opacity: 0.4;
-  }
-
-  .\32xl\:hover\:opacity-50:hover {
-    opacity: 0.5;
-  }
-
-  .\32xl\:hover\:opacity-60:hover {
-    opacity: 0.6;
-  }
-
-  .\32xl\:hover\:opacity-70:hover {
-    opacity: 0.7;
-  }
-
-  .\32xl\:hover\:opacity-75:hover {
-    opacity: 0.75;
-  }
-
-  .\32xl\:hover\:opacity-80:hover {
-    opacity: 0.8;
-  }
-
-  .\32xl\:hover\:opacity-90:hover {
-    opacity: 0.9;
-  }
-
-  .\32xl\:hover\:opacity-95:hover {
-    opacity: 0.95;
-  }
-
-  .\32xl\:hover\:opacity-100:hover {
-    opacity: 1;
-  }
-
-  .\32xl\:focus\:opacity-0:focus {
-    opacity: 0;
-  }
-
-  .\32xl\:focus\:opacity-5:focus {
-    opacity: 0.05;
-  }
-
-  .\32xl\:focus\:opacity-10:focus {
-    opacity: 0.1;
-  }
-
-  .\32xl\:focus\:opacity-20:focus {
-    opacity: 0.2;
-  }
-
-  .\32xl\:focus\:opacity-25:focus {
-    opacity: 0.25;
-  }
-
-  .\32xl\:focus\:opacity-30:focus {
-    opacity: 0.3;
-  }
-
-  .\32xl\:focus\:opacity-40:focus {
-    opacity: 0.4;
-  }
-
-  .\32xl\:focus\:opacity-50:focus {
-    opacity: 0.5;
-  }
-
-  .\32xl\:focus\:opacity-60:focus {
-    opacity: 0.6;
-  }
-
-  .\32xl\:focus\:opacity-70:focus {
-    opacity: 0.7;
-  }
-
-  .\32xl\:focus\:opacity-75:focus {
-    opacity: 0.75;
-  }
-
-  .\32xl\:focus\:opacity-80:focus {
-    opacity: 0.8;
-  }
-
-  .\32xl\:focus\:opacity-90:focus {
-    opacity: 0.9;
-  }
-
-  .\32xl\:focus\:opacity-95:focus {
-    opacity: 0.95;
-  }
-
-  .\32xl\:focus\:opacity-100:focus {
-    opacity: 1;
-  }
-
-  .\32xl\:outline-none {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .\32xl\:outline-white {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .\32xl\:outline-black {
-    outline: 2px dotted black;
-    outline-offset: 2px;
-  }
-
-  .\32xl\:focus-within\:outline-none:focus-within {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .\32xl\:focus-within\:outline-white:focus-within {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .\32xl\:focus-within\:outline-black:focus-within {
-    outline: 2px dotted black;
-    outline-offset: 2px;
-  }
-
-  .\32xl\:focus\:outline-none:focus {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .\32xl\:focus\:outline-white:focus {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .\32xl\:focus\:outline-black:focus {
-    outline: 2px dotted black;
-    outline-offset: 2px;
-  }
-
-  .\32xl\:overflow-auto {
-    overflow: auto;
-  }
-
-  .\32xl\:overflow-hidden {
-    overflow: hidden;
-  }
-
-  .\32xl\:overflow-visible {
-    overflow: visible;
-  }
-
-  .\32xl\:overflow-scroll {
-    overflow: scroll;
-  }
-
-  .\32xl\:overflow-x-auto {
-    overflow-x: auto;
-  }
-
-  .\32xl\:overflow-y-auto {
-    overflow-y: auto;
-  }
-
-  .\32xl\:overflow-x-hidden {
-    overflow-x: hidden;
-  }
-
-  .\32xl\:overflow-y-hidden {
-    overflow-y: hidden;
-  }
-
-  .\32xl\:overflow-x-visible {
-    overflow-x: visible;
-  }
-
-  .\32xl\:overflow-y-visible {
-    overflow-y: visible;
-  }
-
-  .\32xl\:overflow-x-scroll {
-    overflow-x: scroll;
-  }
-
-  .\32xl\:overflow-y-scroll {
-    overflow-y: scroll;
-  }
-
-  .\32xl\:overscroll-auto {
-    -ms-scroll-chaining: chained;
-        overscroll-behavior: auto;
-  }
-
-  .\32xl\:overscroll-contain {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: contain;
-  }
-
-  .\32xl\:overscroll-none {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: none;
-  }
-
-  .\32xl\:overscroll-y-auto {
-    overscroll-behavior-y: auto;
-  }
-
-  .\32xl\:overscroll-y-contain {
-    overscroll-behavior-y: contain;
-  }
-
-  .\32xl\:overscroll-y-none {
-    overscroll-behavior-y: none;
-  }
-
-  .\32xl\:overscroll-x-auto {
-    overscroll-behavior-x: auto;
-  }
-
-  .\32xl\:overscroll-x-contain {
-    overscroll-behavior-x: contain;
-  }
-
-  .\32xl\:overscroll-x-none {
-    overscroll-behavior-x: none;
-  }
-
-  .\32xl\:p-0 {
-    padding: 0px;
-  }
-
-  .\32xl\:p-1 {
-    padding: 0.25rem;
-  }
-
-  .\32xl\:p-2 {
-    padding: 0.5rem;
-  }
-
-  .\32xl\:p-3 {
-    padding: 0.75rem;
-  }
-
-  .\32xl\:p-4 {
-    padding: 1rem;
-  }
-
-  .\32xl\:p-5 {
-    padding: 1.25rem;
-  }
-
-  .\32xl\:p-6 {
-    padding: 1.5rem;
-  }
-
-  .\32xl\:p-7 {
-    padding: 1.75rem;
-  }
-
-  .\32xl\:p-8 {
-    padding: 2rem;
-  }
-
-  .\32xl\:p-9 {
-    padding: 2.25rem;
-  }
-
-  .\32xl\:p-10 {
-    padding: 2.5rem;
-  }
-
-  .\32xl\:p-11 {
-    padding: 2.75rem;
-  }
-
-  .\32xl\:p-12 {
-    padding: 3rem;
-  }
-
-  .\32xl\:p-14 {
-    padding: 3.5rem;
-  }
-
-  .\32xl\:p-16 {
-    padding: 4rem;
-  }
-
-  .\32xl\:p-20 {
-    padding: 5rem;
-  }
-
-  .\32xl\:p-24 {
-    padding: 6rem;
-  }
-
-  .\32xl\:p-28 {
-    padding: 7rem;
-  }
-
-  .\32xl\:p-32 {
-    padding: 8rem;
-  }
-
-  .\32xl\:p-36 {
-    padding: 9rem;
-  }
-
-  .\32xl\:p-40 {
-    padding: 10rem;
-  }
-
-  .\32xl\:p-44 {
-    padding: 11rem;
-  }
-
-  .\32xl\:p-48 {
-    padding: 12rem;
-  }
-
-  .\32xl\:p-52 {
-    padding: 13rem;
-  }
-
-  .\32xl\:p-56 {
-    padding: 14rem;
-  }
-
-  .\32xl\:p-60 {
-    padding: 15rem;
-  }
-
-  .\32xl\:p-64 {
-    padding: 16rem;
-  }
-
-  .\32xl\:p-72 {
-    padding: 18rem;
-  }
-
-  .\32xl\:p-80 {
-    padding: 20rem;
-  }
-
-  .\32xl\:p-96 {
-    padding: 24rem;
-  }
-
-  .\32xl\:p-px {
-    padding: 1px;
-  }
-
-  .\32xl\:p-0\.5 {
-    padding: 0.125rem;
-  }
-
-  .\32xl\:p-1\.5 {
-    padding: 0.375rem;
-  }
-
-  .\32xl\:p-2\.5 {
-    padding: 0.625rem;
-  }
-
-  .\32xl\:p-3\.5 {
-    padding: 0.875rem;
-  }
-
-  .\32xl\:py-0 {
-    padding-top: 0px;
-    padding-bottom: 0px;
-  }
-
-  .\32xl\:px-0 {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
-
-  .\32xl\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
-
-  .\32xl\:px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-  }
-
-  .\32xl\:py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-  }
-
-  .\32xl\:px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
-
-  .\32xl\:py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-  }
-
-  .\32xl\:px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-  }
-
-  .\32xl\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-
-  .\32xl\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .\32xl\:py-5 {
-    padding-top: 1.25rem;
-    padding-bottom: 1.25rem;
-  }
-
-  .\32xl\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
-  .\32xl\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  .\32xl\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .\32xl\:py-7 {
-    padding-top: 1.75rem;
-    padding-bottom: 1.75rem;
-  }
-
-  .\32xl\:px-7 {
-    padding-left: 1.75rem;
-    padding-right: 1.75rem;
-  }
-
-  .\32xl\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-
-  .\32xl\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .\32xl\:py-9 {
-    padding-top: 2.25rem;
-    padding-bottom: 2.25rem;
-  }
-
-  .\32xl\:px-9 {
-    padding-left: 2.25rem;
-    padding-right: 2.25rem;
-  }
-
-  .\32xl\:py-10 {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
-  }
-
-  .\32xl\:px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
-  }
-
-  .\32xl\:py-11 {
-    padding-top: 2.75rem;
-    padding-bottom: 2.75rem;
-  }
-
-  .\32xl\:px-11 {
-    padding-left: 2.75rem;
-    padding-right: 2.75rem;
-  }
-
-  .\32xl\:py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
-  }
-
-  .\32xl\:px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-
-  .\32xl\:py-14 {
-    padding-top: 3.5rem;
-    padding-bottom: 3.5rem;
-  }
-
-  .\32xl\:px-14 {
-    padding-left: 3.5rem;
-    padding-right: 3.5rem;
-  }
-
-  .\32xl\:py-16 {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-
-  .\32xl\:px-16 {
-    padding-left: 4rem;
-    padding-right: 4rem;
-  }
-
-  .\32xl\:py-20 {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
-  }
-
-  .\32xl\:px-20 {
-    padding-left: 5rem;
-    padding-right: 5rem;
-  }
-
-  .\32xl\:py-24 {
-    padding-top: 6rem;
-    padding-bottom: 6rem;
-  }
-
-  .\32xl\:px-24 {
-    padding-left: 6rem;
-    padding-right: 6rem;
-  }
-
-  .\32xl\:py-28 {
-    padding-top: 7rem;
-    padding-bottom: 7rem;
-  }
-
-  .\32xl\:px-28 {
-    padding-left: 7rem;
-    padding-right: 7rem;
-  }
-
-  .\32xl\:py-32 {
-    padding-top: 8rem;
-    padding-bottom: 8rem;
-  }
-
-  .\32xl\:px-32 {
-    padding-left: 8rem;
-    padding-right: 8rem;
-  }
-
-  .\32xl\:py-36 {
-    padding-top: 9rem;
-    padding-bottom: 9rem;
-  }
-
-  .\32xl\:px-36 {
-    padding-left: 9rem;
-    padding-right: 9rem;
-  }
-
-  .\32xl\:py-40 {
-    padding-top: 10rem;
-    padding-bottom: 10rem;
-  }
-
-  .\32xl\:px-40 {
-    padding-left: 10rem;
-    padding-right: 10rem;
-  }
-
-  .\32xl\:py-44 {
-    padding-top: 11rem;
-    padding-bottom: 11rem;
-  }
-
-  .\32xl\:px-44 {
-    padding-left: 11rem;
-    padding-right: 11rem;
-  }
-
-  .\32xl\:py-48 {
-    padding-top: 12rem;
-    padding-bottom: 12rem;
-  }
-
-  .\32xl\:px-48 {
-    padding-left: 12rem;
-    padding-right: 12rem;
-  }
-
-  .\32xl\:py-52 {
-    padding-top: 13rem;
-    padding-bottom: 13rem;
-  }
-
-  .\32xl\:px-52 {
-    padding-left: 13rem;
-    padding-right: 13rem;
-  }
-
-  .\32xl\:py-56 {
-    padding-top: 14rem;
-    padding-bottom: 14rem;
-  }
-
-  .\32xl\:px-56 {
-    padding-left: 14rem;
-    padding-right: 14rem;
-  }
-
-  .\32xl\:py-60 {
-    padding-top: 15rem;
-    padding-bottom: 15rem;
-  }
-
-  .\32xl\:px-60 {
-    padding-left: 15rem;
-    padding-right: 15rem;
-  }
-
-  .\32xl\:py-64 {
-    padding-top: 16rem;
-    padding-bottom: 16rem;
-  }
-
-  .\32xl\:px-64 {
-    padding-left: 16rem;
-    padding-right: 16rem;
-  }
-
-  .\32xl\:py-72 {
-    padding-top: 18rem;
-    padding-bottom: 18rem;
-  }
-
-  .\32xl\:px-72 {
-    padding-left: 18rem;
-    padding-right: 18rem;
-  }
-
-  .\32xl\:py-80 {
-    padding-top: 20rem;
-    padding-bottom: 20rem;
-  }
-
-  .\32xl\:px-80 {
-    padding-left: 20rem;
-    padding-right: 20rem;
-  }
-
-  .\32xl\:py-96 {
-    padding-top: 24rem;
-    padding-bottom: 24rem;
-  }
-
-  .\32xl\:px-96 {
-    padding-left: 24rem;
-    padding-right: 24rem;
-  }
-
-  .\32xl\:py-px {
-    padding-top: 1px;
-    padding-bottom: 1px;
-  }
-
-  .\32xl\:px-px {
-    padding-left: 1px;
-    padding-right: 1px;
-  }
-
-  .\32xl\:py-0\.5 {
-    padding-top: 0.125rem;
-    padding-bottom: 0.125rem;
-  }
-
-  .\32xl\:px-0\.5 {
-    padding-left: 0.125rem;
-    padding-right: 0.125rem;
-  }
-
-  .\32xl\:py-1\.5 {
-    padding-top: 0.375rem;
-    padding-bottom: 0.375rem;
-  }
-
-  .\32xl\:px-1\.5 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-  }
-
-  .\32xl\:py-2\.5 {
-    padding-top: 0.625rem;
-    padding-bottom: 0.625rem;
-  }
-
-  .\32xl\:px-2\.5 {
-    padding-left: 0.625rem;
-    padding-right: 0.625rem;
-  }
-
-  .\32xl\:py-3\.5 {
-    padding-top: 0.875rem;
-    padding-bottom: 0.875rem;
-  }
-
-  .\32xl\:px-3\.5 {
-    padding-left: 0.875rem;
-    padding-right: 0.875rem;
-  }
-
-  .\32xl\:pt-0 {
-    padding-top: 0px;
-  }
-
-  .\32xl\:pr-0 {
-    padding-right: 0px;
-  }
-
-  .\32xl\:pb-0 {
-    padding-bottom: 0px;
-  }
-
-  .\32xl\:pl-0 {
-    padding-left: 0px;
-  }
-
-  .\32xl\:pt-1 {
-    padding-top: 0.25rem;
-  }
-
-  .\32xl\:pr-1 {
-    padding-right: 0.25rem;
-  }
-
-  .\32xl\:pb-1 {
-    padding-bottom: 0.25rem;
-  }
-
-  .\32xl\:pl-1 {
-    padding-left: 0.25rem;
-  }
-
-  .\32xl\:pt-2 {
-    padding-top: 0.5rem;
-  }
-
-  .\32xl\:pr-2 {
-    padding-right: 0.5rem;
-  }
-
-  .\32xl\:pb-2 {
-    padding-bottom: 0.5rem;
-  }
-
-  .\32xl\:pl-2 {
-    padding-left: 0.5rem;
-  }
-
-  .\32xl\:pt-3 {
-    padding-top: 0.75rem;
-  }
-
-  .\32xl\:pr-3 {
-    padding-right: 0.75rem;
-  }
-
-  .\32xl\:pb-3 {
-    padding-bottom: 0.75rem;
-  }
-
-  .\32xl\:pl-3 {
-    padding-left: 0.75rem;
-  }
-
-  .\32xl\:pt-4 {
-    padding-top: 1rem;
-  }
-
-  .\32xl\:pr-4 {
-    padding-right: 1rem;
-  }
-
-  .\32xl\:pb-4 {
-    padding-bottom: 1rem;
-  }
-
-  .\32xl\:pl-4 {
-    padding-left: 1rem;
-  }
-
-  .\32xl\:pt-5 {
-    padding-top: 1.25rem;
-  }
-
-  .\32xl\:pr-5 {
-    padding-right: 1.25rem;
-  }
-
-  .\32xl\:pb-5 {
-    padding-bottom: 1.25rem;
-  }
-
-  .\32xl\:pl-5 {
-    padding-left: 1.25rem;
-  }
-
-  .\32xl\:pt-6 {
-    padding-top: 1.5rem;
-  }
-
-  .\32xl\:pr-6 {
-    padding-right: 1.5rem;
-  }
-
-  .\32xl\:pb-6 {
-    padding-bottom: 1.5rem;
-  }
-
-  .\32xl\:pl-6 {
-    padding-left: 1.5rem;
-  }
-
-  .\32xl\:pt-7 {
-    padding-top: 1.75rem;
-  }
-
-  .\32xl\:pr-7 {
-    padding-right: 1.75rem;
-  }
-
-  .\32xl\:pb-7 {
-    padding-bottom: 1.75rem;
-  }
-
-  .\32xl\:pl-7 {
-    padding-left: 1.75rem;
-  }
-
-  .\32xl\:pt-8 {
-    padding-top: 2rem;
-  }
-
-  .\32xl\:pr-8 {
-    padding-right: 2rem;
-  }
-
-  .\32xl\:pb-8 {
-    padding-bottom: 2rem;
-  }
-
-  .\32xl\:pl-8 {
-    padding-left: 2rem;
-  }
-
-  .\32xl\:pt-9 {
-    padding-top: 2.25rem;
-  }
-
-  .\32xl\:pr-9 {
-    padding-right: 2.25rem;
-  }
-
-  .\32xl\:pb-9 {
-    padding-bottom: 2.25rem;
-  }
-
-  .\32xl\:pl-9 {
-    padding-left: 2.25rem;
-  }
-
-  .\32xl\:pt-10 {
-    padding-top: 2.5rem;
-  }
-
-  .\32xl\:pr-10 {
-    padding-right: 2.5rem;
-  }
-
-  .\32xl\:pb-10 {
-    padding-bottom: 2.5rem;
-  }
-
-  .\32xl\:pl-10 {
-    padding-left: 2.5rem;
-  }
-
-  .\32xl\:pt-11 {
-    padding-top: 2.75rem;
-  }
-
-  .\32xl\:pr-11 {
-    padding-right: 2.75rem;
-  }
-
-  .\32xl\:pb-11 {
-    padding-bottom: 2.75rem;
-  }
-
-  .\32xl\:pl-11 {
-    padding-left: 2.75rem;
-  }
-
-  .\32xl\:pt-12 {
-    padding-top: 3rem;
-  }
-
-  .\32xl\:pr-12 {
-    padding-right: 3rem;
-  }
-
-  .\32xl\:pb-12 {
-    padding-bottom: 3rem;
-  }
-
-  .\32xl\:pl-12 {
-    padding-left: 3rem;
-  }
-
-  .\32xl\:pt-14 {
-    padding-top: 3.5rem;
-  }
-
-  .\32xl\:pr-14 {
-    padding-right: 3.5rem;
-  }
-
-  .\32xl\:pb-14 {
-    padding-bottom: 3.5rem;
-  }
-
-  .\32xl\:pl-14 {
-    padding-left: 3.5rem;
-  }
-
-  .\32xl\:pt-16 {
-    padding-top: 4rem;
-  }
-
-  .\32xl\:pr-16 {
-    padding-right: 4rem;
-  }
-
-  .\32xl\:pb-16 {
-    padding-bottom: 4rem;
-  }
-
-  .\32xl\:pl-16 {
-    padding-left: 4rem;
-  }
-
-  .\32xl\:pt-20 {
-    padding-top: 5rem;
-  }
-
-  .\32xl\:pr-20 {
-    padding-right: 5rem;
-  }
-
-  .\32xl\:pb-20 {
-    padding-bottom: 5rem;
-  }
-
-  .\32xl\:pl-20 {
-    padding-left: 5rem;
-  }
-
-  .\32xl\:pt-24 {
-    padding-top: 6rem;
-  }
-
-  .\32xl\:pr-24 {
-    padding-right: 6rem;
-  }
-
-  .\32xl\:pb-24 {
-    padding-bottom: 6rem;
-  }
-
-  .\32xl\:pl-24 {
-    padding-left: 6rem;
-  }
-
-  .\32xl\:pt-28 {
-    padding-top: 7rem;
-  }
-
-  .\32xl\:pr-28 {
-    padding-right: 7rem;
-  }
-
-  .\32xl\:pb-28 {
-    padding-bottom: 7rem;
-  }
-
-  .\32xl\:pl-28 {
-    padding-left: 7rem;
-  }
-
-  .\32xl\:pt-32 {
-    padding-top: 8rem;
-  }
-
-  .\32xl\:pr-32 {
-    padding-right: 8rem;
-  }
-
-  .\32xl\:pb-32 {
-    padding-bottom: 8rem;
-  }
-
-  .\32xl\:pl-32 {
-    padding-left: 8rem;
-  }
-
-  .\32xl\:pt-36 {
-    padding-top: 9rem;
-  }
-
-  .\32xl\:pr-36 {
-    padding-right: 9rem;
-  }
-
-  .\32xl\:pb-36 {
-    padding-bottom: 9rem;
-  }
-
-  .\32xl\:pl-36 {
-    padding-left: 9rem;
-  }
-
-  .\32xl\:pt-40 {
-    padding-top: 10rem;
-  }
-
-  .\32xl\:pr-40 {
-    padding-right: 10rem;
-  }
-
-  .\32xl\:pb-40 {
-    padding-bottom: 10rem;
-  }
-
-  .\32xl\:pl-40 {
-    padding-left: 10rem;
-  }
-
-  .\32xl\:pt-44 {
-    padding-top: 11rem;
-  }
-
-  .\32xl\:pr-44 {
-    padding-right: 11rem;
-  }
-
-  .\32xl\:pb-44 {
-    padding-bottom: 11rem;
-  }
-
-  .\32xl\:pl-44 {
-    padding-left: 11rem;
-  }
-
-  .\32xl\:pt-48 {
-    padding-top: 12rem;
-  }
-
-  .\32xl\:pr-48 {
-    padding-right: 12rem;
-  }
-
-  .\32xl\:pb-48 {
-    padding-bottom: 12rem;
-  }
-
-  .\32xl\:pl-48 {
-    padding-left: 12rem;
-  }
-
-  .\32xl\:pt-52 {
-    padding-top: 13rem;
-  }
-
-  .\32xl\:pr-52 {
-    padding-right: 13rem;
-  }
-
-  .\32xl\:pb-52 {
-    padding-bottom: 13rem;
-  }
-
-  .\32xl\:pl-52 {
-    padding-left: 13rem;
-  }
-
-  .\32xl\:pt-56 {
-    padding-top: 14rem;
-  }
-
-  .\32xl\:pr-56 {
-    padding-right: 14rem;
-  }
-
-  .\32xl\:pb-56 {
-    padding-bottom: 14rem;
-  }
-
-  .\32xl\:pl-56 {
-    padding-left: 14rem;
-  }
-
-  .\32xl\:pt-60 {
-    padding-top: 15rem;
-  }
-
-  .\32xl\:pr-60 {
-    padding-right: 15rem;
-  }
-
-  .\32xl\:pb-60 {
-    padding-bottom: 15rem;
-  }
-
-  .\32xl\:pl-60 {
-    padding-left: 15rem;
-  }
-
-  .\32xl\:pt-64 {
-    padding-top: 16rem;
-  }
-
-  .\32xl\:pr-64 {
-    padding-right: 16rem;
-  }
-
-  .\32xl\:pb-64 {
-    padding-bottom: 16rem;
-  }
-
-  .\32xl\:pl-64 {
-    padding-left: 16rem;
-  }
-
-  .\32xl\:pt-72 {
-    padding-top: 18rem;
-  }
-
-  .\32xl\:pr-72 {
-    padding-right: 18rem;
-  }
-
-  .\32xl\:pb-72 {
-    padding-bottom: 18rem;
-  }
-
-  .\32xl\:pl-72 {
-    padding-left: 18rem;
-  }
-
-  .\32xl\:pt-80 {
-    padding-top: 20rem;
-  }
-
-  .\32xl\:pr-80 {
-    padding-right: 20rem;
-  }
-
-  .\32xl\:pb-80 {
-    padding-bottom: 20rem;
-  }
-
-  .\32xl\:pl-80 {
-    padding-left: 20rem;
-  }
-
-  .\32xl\:pt-96 {
-    padding-top: 24rem;
-  }
-
-  .\32xl\:pr-96 {
-    padding-right: 24rem;
-  }
-
-  .\32xl\:pb-96 {
-    padding-bottom: 24rem;
-  }
-
-  .\32xl\:pl-96 {
-    padding-left: 24rem;
-  }
-
-  .\32xl\:pt-px {
-    padding-top: 1px;
-  }
-
-  .\32xl\:pr-px {
-    padding-right: 1px;
-  }
-
-  .\32xl\:pb-px {
-    padding-bottom: 1px;
-  }
-
-  .\32xl\:pl-px {
-    padding-left: 1px;
-  }
-
-  .\32xl\:pt-0\.5 {
-    padding-top: 0.125rem;
-  }
-
-  .\32xl\:pr-0\.5 {
-    padding-right: 0.125rem;
-  }
-
-  .\32xl\:pb-0\.5 {
-    padding-bottom: 0.125rem;
-  }
-
-  .\32xl\:pl-0\.5 {
-    padding-left: 0.125rem;
-  }
-
-  .\32xl\:pt-1\.5 {
-    padding-top: 0.375rem;
-  }
-
-  .\32xl\:pr-1\.5 {
-    padding-right: 0.375rem;
-  }
-
-  .\32xl\:pb-1\.5 {
-    padding-bottom: 0.375rem;
-  }
-
-  .\32xl\:pl-1\.5 {
-    padding-left: 0.375rem;
-  }
-
-  .\32xl\:pt-2\.5 {
-    padding-top: 0.625rem;
-  }
-
-  .\32xl\:pr-2\.5 {
-    padding-right: 0.625rem;
-  }
-
-  .\32xl\:pb-2\.5 {
-    padding-bottom: 0.625rem;
-  }
-
-  .\32xl\:pl-2\.5 {
-    padding-left: 0.625rem;
-  }
-
-  .\32xl\:pt-3\.5 {
-    padding-top: 0.875rem;
-  }
-
-  .\32xl\:pr-3\.5 {
-    padding-right: 0.875rem;
-  }
-
-  .\32xl\:pb-3\.5 {
-    padding-bottom: 0.875rem;
-  }
-
-  .\32xl\:pl-3\.5 {
-    padding-left: 0.875rem;
-  }
-
-  .\32xl\:placeholder-current::-webkit-input-placeholder {
-    color: currentColor;
-  }
-
-  .\32xl\:placeholder-current::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .\32xl\:placeholder-current:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .\32xl\:placeholder-current::-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .\32xl\:placeholder-current::placeholder {
-    color: currentColor;
-  }
-
-  .\32xl\:placeholder-transparent::-webkit-input-placeholder {
-    color: transparent;
-  }
-
-  .\32xl\:placeholder-transparent::-moz-placeholder {
-    color: transparent;
-  }
-
-  .\32xl\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .\32xl\:placeholder-transparent::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .\32xl\:placeholder-transparent::placeholder {
-    color: transparent;
-  }
-
-  .\32xl\:placeholder-black::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-black::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-black:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-black::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-black::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-white::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-white::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-white:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-white::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-white::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-darkCoolGray-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-coolGray-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-indigo-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-violet-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-yellow-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-red-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-green-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-blue-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-50::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-50::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-100::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-200::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-200::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-200:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-200::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-200::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-300::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-300::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-300:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-300::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-300::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-400::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-400:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-400::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-500::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-500::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-500:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-500::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-500::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-600::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-600::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-600:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-600::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-600::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-700::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-700::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-700:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-700::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-700::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-800::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-800::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-800:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-800::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-800::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-900::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-900::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-900:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-900::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-gray-900::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-current:focus::-webkit-input-placeholder {
-    color: currentColor;
-  }
-
-  .\32xl\:focus\:placeholder-current:focus::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .\32xl\:focus\:placeholder-current:focus:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .\32xl\:focus\:placeholder-current:focus::-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .\32xl\:focus\:placeholder-current:focus::placeholder {
-    color: currentColor;
-  }
-
-  .\32xl\:focus\:placeholder-transparent:focus::-webkit-input-placeholder {
-    color: transparent;
-  }
-
-  .\32xl\:focus\:placeholder-transparent:focus::-moz-placeholder {
-    color: transparent;
-  }
-
-  .\32xl\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .\32xl\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .\32xl\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
-  }
-
-  .\32xl\:focus\:placeholder-black:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-black:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-black:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-black:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-white:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-white:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-white:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-white:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-darkCoolGray-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-coolGray-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-indigo-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-violet-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-yellow-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-red-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-green-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-blue-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-50:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-200:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-200:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-300:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-300:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-400:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-400:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-500:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-500:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-600:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-600:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-700:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-700:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-800:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-800:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-900:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:focus\:placeholder-gray-900:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
-  }
-
-  .\32xl\:placeholder-opacity-0::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .\32xl\:placeholder-opacity-0::-moz-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .\32xl\:placeholder-opacity-0:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .\32xl\:placeholder-opacity-0::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .\32xl\:placeholder-opacity-0::placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .\32xl\:placeholder-opacity-5::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .\32xl\:placeholder-opacity-5::-moz-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .\32xl\:placeholder-opacity-5:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .\32xl\:placeholder-opacity-5::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .\32xl\:placeholder-opacity-5::placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .\32xl\:placeholder-opacity-10::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .\32xl\:placeholder-opacity-10::-moz-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .\32xl\:placeholder-opacity-10:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .\32xl\:placeholder-opacity-10::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .\32xl\:placeholder-opacity-10::placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .\32xl\:placeholder-opacity-20::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .\32xl\:placeholder-opacity-20::-moz-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .\32xl\:placeholder-opacity-20:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .\32xl\:placeholder-opacity-20::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .\32xl\:placeholder-opacity-20::placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .\32xl\:placeholder-opacity-25::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .\32xl\:placeholder-opacity-25::-moz-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .\32xl\:placeholder-opacity-25:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .\32xl\:placeholder-opacity-25::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .\32xl\:placeholder-opacity-25::placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .\32xl\:placeholder-opacity-30::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .\32xl\:placeholder-opacity-30::-moz-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .\32xl\:placeholder-opacity-30:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .\32xl\:placeholder-opacity-30::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .\32xl\:placeholder-opacity-30::placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .\32xl\:placeholder-opacity-40::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .\32xl\:placeholder-opacity-40::-moz-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .\32xl\:placeholder-opacity-40:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .\32xl\:placeholder-opacity-40::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .\32xl\:placeholder-opacity-40::placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .\32xl\:placeholder-opacity-50::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .\32xl\:placeholder-opacity-50::-moz-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .\32xl\:placeholder-opacity-50:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .\32xl\:placeholder-opacity-50::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .\32xl\:placeholder-opacity-50::placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .\32xl\:placeholder-opacity-60::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .\32xl\:placeholder-opacity-60::-moz-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .\32xl\:placeholder-opacity-60:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .\32xl\:placeholder-opacity-60::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .\32xl\:placeholder-opacity-60::placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .\32xl\:placeholder-opacity-70::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .\32xl\:placeholder-opacity-70::-moz-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .\32xl\:placeholder-opacity-70:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .\32xl\:placeholder-opacity-70::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .\32xl\:placeholder-opacity-70::placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .\32xl\:placeholder-opacity-75::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .\32xl\:placeholder-opacity-75::-moz-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .\32xl\:placeholder-opacity-75:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .\32xl\:placeholder-opacity-75::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .\32xl\:placeholder-opacity-75::placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .\32xl\:placeholder-opacity-80::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .\32xl\:placeholder-opacity-80::-moz-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .\32xl\:placeholder-opacity-80:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .\32xl\:placeholder-opacity-80::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .\32xl\:placeholder-opacity-80::placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .\32xl\:placeholder-opacity-90::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .\32xl\:placeholder-opacity-90::-moz-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .\32xl\:placeholder-opacity-90:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .\32xl\:placeholder-opacity-90::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .\32xl\:placeholder-opacity-90::placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .\32xl\:placeholder-opacity-95::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .\32xl\:placeholder-opacity-95::-moz-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .\32xl\:placeholder-opacity-95:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .\32xl\:placeholder-opacity-95::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .\32xl\:placeholder-opacity-95::placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .\32xl\:placeholder-opacity-100::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .\32xl\:placeholder-opacity-100::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .\32xl\:placeholder-opacity-100:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .\32xl\:placeholder-opacity-100::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .\32xl\:placeholder-opacity-100::placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-0:focus::placeholder {
-    --tw-placeholder-opacity: 0;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-5:focus::placeholder {
-    --tw-placeholder-opacity: 0.05;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-10:focus::placeholder {
-    --tw-placeholder-opacity: 0.1;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-20:focus::placeholder {
-    --tw-placeholder-opacity: 0.2;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-25:focus::placeholder {
-    --tw-placeholder-opacity: 0.25;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-30:focus::placeholder {
-    --tw-placeholder-opacity: 0.3;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-40:focus::placeholder {
-    --tw-placeholder-opacity: 0.4;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-50:focus::placeholder {
-    --tw-placeholder-opacity: 0.5;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-60:focus::placeholder {
-    --tw-placeholder-opacity: 0.6;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-70:focus::placeholder {
-    --tw-placeholder-opacity: 0.7;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-75:focus::placeholder {
-    --tw-placeholder-opacity: 0.75;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-80:focus::placeholder {
-    --tw-placeholder-opacity: 0.8;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-90:focus::placeholder {
-    --tw-placeholder-opacity: 0.9;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-95:focus::placeholder {
-    --tw-placeholder-opacity: 0.95;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .\32xl\:focus\:placeholder-opacity-100:focus::placeholder {
-    --tw-placeholder-opacity: 1;
-  }
-
-  .\32xl\:pointer-events-none {
-    pointer-events: none;
-  }
-
-  .\32xl\:pointer-events-auto {
-    pointer-events: auto;
-  }
-
-  .\32xl\:static {
-    position: static;
-  }
-
-  .\32xl\:fixed {
-    position: fixed;
-  }
-
-  .\32xl\:absolute {
-    position: absolute;
-  }
-
-  .\32xl\:relative {
-    position: relative;
-  }
-
-  .\32xl\:sticky {
-    position: -webkit-sticky;
-    position: sticky;
-  }
-
-  .\32xl\:inset-0 {
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-  }
-
-  .\32xl\:inset-1 {
-    top: 0.25rem;
-    right: 0.25rem;
-    bottom: 0.25rem;
-    left: 0.25rem;
-  }
-
-  .\32xl\:inset-2 {
-    top: 0.5rem;
-    right: 0.5rem;
-    bottom: 0.5rem;
-    left: 0.5rem;
-  }
-
-  .\32xl\:inset-3 {
-    top: 0.75rem;
-    right: 0.75rem;
-    bottom: 0.75rem;
-    left: 0.75rem;
-  }
-
-  .\32xl\:inset-4 {
-    top: 1rem;
-    right: 1rem;
-    bottom: 1rem;
-    left: 1rem;
-  }
-
-  .\32xl\:inset-5 {
-    top: 1.25rem;
-    right: 1.25rem;
-    bottom: 1.25rem;
-    left: 1.25rem;
-  }
-
-  .\32xl\:inset-6 {
-    top: 1.5rem;
-    right: 1.5rem;
-    bottom: 1.5rem;
-    left: 1.5rem;
-  }
-
-  .\32xl\:inset-7 {
-    top: 1.75rem;
-    right: 1.75rem;
-    bottom: 1.75rem;
-    left: 1.75rem;
-  }
-
-  .\32xl\:inset-8 {
-    top: 2rem;
-    right: 2rem;
-    bottom: 2rem;
-    left: 2rem;
-  }
-
-  .\32xl\:inset-9 {
-    top: 2.25rem;
-    right: 2.25rem;
-    bottom: 2.25rem;
-    left: 2.25rem;
-  }
-
-  .\32xl\:inset-10 {
-    top: 2.5rem;
-    right: 2.5rem;
-    bottom: 2.5rem;
-    left: 2.5rem;
-  }
-
-  .\32xl\:inset-11 {
-    top: 2.75rem;
-    right: 2.75rem;
-    bottom: 2.75rem;
-    left: 2.75rem;
-  }
-
-  .\32xl\:inset-12 {
-    top: 3rem;
-    right: 3rem;
-    bottom: 3rem;
-    left: 3rem;
-  }
-
-  .\32xl\:inset-14 {
-    top: 3.5rem;
-    right: 3.5rem;
-    bottom: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .\32xl\:inset-16 {
-    top: 4rem;
-    right: 4rem;
-    bottom: 4rem;
-    left: 4rem;
-  }
-
-  .\32xl\:inset-20 {
-    top: 5rem;
-    right: 5rem;
-    bottom: 5rem;
-    left: 5rem;
-  }
-
-  .\32xl\:inset-24 {
-    top: 6rem;
-    right: 6rem;
-    bottom: 6rem;
-    left: 6rem;
-  }
-
-  .\32xl\:inset-28 {
-    top: 7rem;
-    right: 7rem;
-    bottom: 7rem;
-    left: 7rem;
-  }
-
-  .\32xl\:inset-32 {
-    top: 8rem;
-    right: 8rem;
-    bottom: 8rem;
-    left: 8rem;
-  }
-
-  .\32xl\:inset-36 {
-    top: 9rem;
-    right: 9rem;
-    bottom: 9rem;
-    left: 9rem;
-  }
-
-  .\32xl\:inset-40 {
-    top: 10rem;
-    right: 10rem;
-    bottom: 10rem;
-    left: 10rem;
-  }
-
-  .\32xl\:inset-44 {
-    top: 11rem;
-    right: 11rem;
-    bottom: 11rem;
-    left: 11rem;
-  }
-
-  .\32xl\:inset-48 {
-    top: 12rem;
-    right: 12rem;
-    bottom: 12rem;
-    left: 12rem;
-  }
-
-  .\32xl\:inset-52 {
-    top: 13rem;
-    right: 13rem;
-    bottom: 13rem;
-    left: 13rem;
-  }
-
-  .\32xl\:inset-56 {
-    top: 14rem;
-    right: 14rem;
-    bottom: 14rem;
-    left: 14rem;
-  }
-
-  .\32xl\:inset-60 {
-    top: 15rem;
-    right: 15rem;
-    bottom: 15rem;
-    left: 15rem;
-  }
-
-  .\32xl\:inset-64 {
-    top: 16rem;
-    right: 16rem;
-    bottom: 16rem;
-    left: 16rem;
-  }
-
-  .\32xl\:inset-72 {
-    top: 18rem;
-    right: 18rem;
-    bottom: 18rem;
-    left: 18rem;
-  }
-
-  .\32xl\:inset-80 {
-    top: 20rem;
-    right: 20rem;
-    bottom: 20rem;
-    left: 20rem;
-  }
-
-  .\32xl\:inset-96 {
-    top: 24rem;
-    right: 24rem;
-    bottom: 24rem;
-    left: 24rem;
-  }
-
-  .\32xl\:inset-auto {
-    top: auto;
-    right: auto;
-    bottom: auto;
-    left: auto;
-  }
-
-  .\32xl\:inset-px {
-    top: 1px;
-    right: 1px;
-    bottom: 1px;
-    left: 1px;
-  }
-
-  .\32xl\:inset-0\.5 {
-    top: 0.125rem;
-    right: 0.125rem;
-    bottom: 0.125rem;
-    left: 0.125rem;
-  }
-
-  .\32xl\:inset-1\.5 {
-    top: 0.375rem;
-    right: 0.375rem;
-    bottom: 0.375rem;
-    left: 0.375rem;
-  }
-
-  .\32xl\:inset-2\.5 {
-    top: 0.625rem;
-    right: 0.625rem;
-    bottom: 0.625rem;
-    left: 0.625rem;
-  }
-
-  .\32xl\:inset-3\.5 {
-    top: 0.875rem;
-    right: 0.875rem;
-    bottom: 0.875rem;
-    left: 0.875rem;
-  }
-
-  .\32xl\:-inset-0 {
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-  }
-
-  .\32xl\:-inset-1 {
-    top: -0.25rem;
-    right: -0.25rem;
-    bottom: -0.25rem;
-    left: -0.25rem;
-  }
-
-  .\32xl\:-inset-2 {
-    top: -0.5rem;
-    right: -0.5rem;
-    bottom: -0.5rem;
-    left: -0.5rem;
-  }
-
-  .\32xl\:-inset-3 {
-    top: -0.75rem;
-    right: -0.75rem;
-    bottom: -0.75rem;
-    left: -0.75rem;
-  }
-
-  .\32xl\:-inset-4 {
-    top: -1rem;
-    right: -1rem;
-    bottom: -1rem;
-    left: -1rem;
-  }
-
-  .\32xl\:-inset-5 {
-    top: -1.25rem;
-    right: -1.25rem;
-    bottom: -1.25rem;
-    left: -1.25rem;
-  }
-
-  .\32xl\:-inset-6 {
-    top: -1.5rem;
-    right: -1.5rem;
-    bottom: -1.5rem;
-    left: -1.5rem;
-  }
-
-  .\32xl\:-inset-7 {
-    top: -1.75rem;
-    right: -1.75rem;
-    bottom: -1.75rem;
-    left: -1.75rem;
-  }
-
-  .\32xl\:-inset-8 {
-    top: -2rem;
-    right: -2rem;
-    bottom: -2rem;
-    left: -2rem;
-  }
-
-  .\32xl\:-inset-9 {
-    top: -2.25rem;
-    right: -2.25rem;
-    bottom: -2.25rem;
-    left: -2.25rem;
-  }
-
-  .\32xl\:-inset-10 {
-    top: -2.5rem;
-    right: -2.5rem;
-    bottom: -2.5rem;
-    left: -2.5rem;
-  }
-
-  .\32xl\:-inset-11 {
-    top: -2.75rem;
-    right: -2.75rem;
-    bottom: -2.75rem;
-    left: -2.75rem;
-  }
-
-  .\32xl\:-inset-12 {
-    top: -3rem;
-    right: -3rem;
-    bottom: -3rem;
-    left: -3rem;
-  }
-
-  .\32xl\:-inset-14 {
-    top: -3.5rem;
-    right: -3.5rem;
-    bottom: -3.5rem;
-    left: -3.5rem;
-  }
-
-  .\32xl\:-inset-16 {
-    top: -4rem;
-    right: -4rem;
-    bottom: -4rem;
-    left: -4rem;
-  }
-
-  .\32xl\:-inset-20 {
-    top: -5rem;
-    right: -5rem;
-    bottom: -5rem;
-    left: -5rem;
-  }
-
-  .\32xl\:-inset-24 {
-    top: -6rem;
-    right: -6rem;
-    bottom: -6rem;
-    left: -6rem;
-  }
-
-  .\32xl\:-inset-28 {
-    top: -7rem;
-    right: -7rem;
-    bottom: -7rem;
-    left: -7rem;
-  }
-
-  .\32xl\:-inset-32 {
-    top: -8rem;
-    right: -8rem;
-    bottom: -8rem;
-    left: -8rem;
-  }
-
-  .\32xl\:-inset-36 {
-    top: -9rem;
-    right: -9rem;
-    bottom: -9rem;
-    left: -9rem;
-  }
-
-  .\32xl\:-inset-40 {
-    top: -10rem;
-    right: -10rem;
-    bottom: -10rem;
-    left: -10rem;
-  }
-
-  .\32xl\:-inset-44 {
-    top: -11rem;
-    right: -11rem;
-    bottom: -11rem;
-    left: -11rem;
-  }
-
-  .\32xl\:-inset-48 {
-    top: -12rem;
-    right: -12rem;
-    bottom: -12rem;
-    left: -12rem;
-  }
-
-  .\32xl\:-inset-52 {
-    top: -13rem;
-    right: -13rem;
-    bottom: -13rem;
-    left: -13rem;
-  }
-
-  .\32xl\:-inset-56 {
-    top: -14rem;
-    right: -14rem;
-    bottom: -14rem;
-    left: -14rem;
-  }
-
-  .\32xl\:-inset-60 {
-    top: -15rem;
-    right: -15rem;
-    bottom: -15rem;
-    left: -15rem;
-  }
-
-  .\32xl\:-inset-64 {
-    top: -16rem;
-    right: -16rem;
-    bottom: -16rem;
-    left: -16rem;
-  }
-
-  .\32xl\:-inset-72 {
-    top: -18rem;
-    right: -18rem;
-    bottom: -18rem;
-    left: -18rem;
-  }
-
-  .\32xl\:-inset-80 {
-    top: -20rem;
-    right: -20rem;
-    bottom: -20rem;
-    left: -20rem;
-  }
-
-  .\32xl\:-inset-96 {
-    top: -24rem;
-    right: -24rem;
-    bottom: -24rem;
-    left: -24rem;
-  }
-
-  .\32xl\:-inset-px {
-    top: -1px;
-    right: -1px;
-    bottom: -1px;
-    left: -1px;
-  }
-
-  .\32xl\:-inset-0\.5 {
-    top: -0.125rem;
-    right: -0.125rem;
-    bottom: -0.125rem;
-    left: -0.125rem;
-  }
-
-  .\32xl\:-inset-1\.5 {
-    top: -0.375rem;
-    right: -0.375rem;
-    bottom: -0.375rem;
-    left: -0.375rem;
-  }
-
-  .\32xl\:-inset-2\.5 {
-    top: -0.625rem;
-    right: -0.625rem;
-    bottom: -0.625rem;
-    left: -0.625rem;
-  }
-
-  .\32xl\:-inset-3\.5 {
-    top: -0.875rem;
-    right: -0.875rem;
-    bottom: -0.875rem;
-    left: -0.875rem;
-  }
-
-  .\32xl\:inset-1\/2 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .\32xl\:inset-1\/3 {
-    top: 33.333333%;
-    right: 33.333333%;
-    bottom: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .\32xl\:inset-2\/3 {
-    top: 66.666667%;
-    right: 66.666667%;
-    bottom: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .\32xl\:inset-1\/4 {
-    top: 25%;
-    right: 25%;
-    bottom: 25%;
-    left: 25%;
-  }
-
-  .\32xl\:inset-2\/4 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .\32xl\:inset-3\/4 {
-    top: 75%;
-    right: 75%;
-    bottom: 75%;
-    left: 75%;
-  }
-
-  .\32xl\:inset-full {
-    top: 100%;
-    right: 100%;
-    bottom: 100%;
-    left: 100%;
-  }
-
-  .\32xl\:-inset-1\/2 {
-    top: -50%;
-    right: -50%;
-    bottom: -50%;
-    left: -50%;
-  }
-
-  .\32xl\:-inset-1\/3 {
-    top: -33.333333%;
-    right: -33.333333%;
-    bottom: -33.333333%;
-    left: -33.333333%;
-  }
-
-  .\32xl\:-inset-2\/3 {
-    top: -66.666667%;
-    right: -66.666667%;
-    bottom: -66.666667%;
-    left: -66.666667%;
-  }
-
-  .\32xl\:-inset-1\/4 {
-    top: -25%;
-    right: -25%;
-    bottom: -25%;
-    left: -25%;
-  }
-
-  .\32xl\:-inset-2\/4 {
-    top: -50%;
-    right: -50%;
-    bottom: -50%;
-    left: -50%;
-  }
-
-  .\32xl\:-inset-3\/4 {
-    top: -75%;
-    right: -75%;
-    bottom: -75%;
-    left: -75%;
-  }
-
-  .\32xl\:-inset-full {
-    top: -100%;
-    right: -100%;
-    bottom: -100%;
-    left: -100%;
-  }
-
-  .\32xl\:inset-y-0 {
-    top: 0px;
-    bottom: 0px;
-  }
-
-  .\32xl\:inset-x-0 {
-    right: 0px;
-    left: 0px;
-  }
-
-  .\32xl\:inset-y-1 {
-    top: 0.25rem;
-    bottom: 0.25rem;
-  }
-
-  .\32xl\:inset-x-1 {
-    right: 0.25rem;
-    left: 0.25rem;
-  }
-
-  .\32xl\:inset-y-2 {
-    top: 0.5rem;
-    bottom: 0.5rem;
-  }
-
-  .\32xl\:inset-x-2 {
-    right: 0.5rem;
-    left: 0.5rem;
-  }
-
-  .\32xl\:inset-y-3 {
-    top: 0.75rem;
-    bottom: 0.75rem;
-  }
-
-  .\32xl\:inset-x-3 {
-    right: 0.75rem;
-    left: 0.75rem;
-  }
-
-  .\32xl\:inset-y-4 {
-    top: 1rem;
-    bottom: 1rem;
-  }
-
-  .\32xl\:inset-x-4 {
-    right: 1rem;
-    left: 1rem;
-  }
-
-  .\32xl\:inset-y-5 {
-    top: 1.25rem;
-    bottom: 1.25rem;
-  }
-
-  .\32xl\:inset-x-5 {
-    right: 1.25rem;
-    left: 1.25rem;
-  }
-
-  .\32xl\:inset-y-6 {
-    top: 1.5rem;
-    bottom: 1.5rem;
-  }
-
-  .\32xl\:inset-x-6 {
-    right: 1.5rem;
-    left: 1.5rem;
-  }
-
-  .\32xl\:inset-y-7 {
-    top: 1.75rem;
-    bottom: 1.75rem;
-  }
-
-  .\32xl\:inset-x-7 {
-    right: 1.75rem;
-    left: 1.75rem;
-  }
-
-  .\32xl\:inset-y-8 {
-    top: 2rem;
-    bottom: 2rem;
-  }
-
-  .\32xl\:inset-x-8 {
-    right: 2rem;
-    left: 2rem;
-  }
-
-  .\32xl\:inset-y-9 {
-    top: 2.25rem;
-    bottom: 2.25rem;
-  }
-
-  .\32xl\:inset-x-9 {
-    right: 2.25rem;
-    left: 2.25rem;
-  }
-
-  .\32xl\:inset-y-10 {
-    top: 2.5rem;
-    bottom: 2.5rem;
-  }
-
-  .\32xl\:inset-x-10 {
-    right: 2.5rem;
-    left: 2.5rem;
-  }
-
-  .\32xl\:inset-y-11 {
-    top: 2.75rem;
-    bottom: 2.75rem;
-  }
-
-  .\32xl\:inset-x-11 {
-    right: 2.75rem;
-    left: 2.75rem;
-  }
-
-  .\32xl\:inset-y-12 {
-    top: 3rem;
-    bottom: 3rem;
-  }
-
-  .\32xl\:inset-x-12 {
-    right: 3rem;
-    left: 3rem;
-  }
-
-  .\32xl\:inset-y-14 {
-    top: 3.5rem;
-    bottom: 3.5rem;
-  }
-
-  .\32xl\:inset-x-14 {
-    right: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .\32xl\:inset-y-16 {
-    top: 4rem;
-    bottom: 4rem;
-  }
-
-  .\32xl\:inset-x-16 {
-    right: 4rem;
-    left: 4rem;
-  }
-
-  .\32xl\:inset-y-20 {
-    top: 5rem;
-    bottom: 5rem;
-  }
-
-  .\32xl\:inset-x-20 {
-    right: 5rem;
-    left: 5rem;
-  }
-
-  .\32xl\:inset-y-24 {
-    top: 6rem;
-    bottom: 6rem;
-  }
-
-  .\32xl\:inset-x-24 {
-    right: 6rem;
-    left: 6rem;
-  }
-
-  .\32xl\:inset-y-28 {
-    top: 7rem;
-    bottom: 7rem;
-  }
-
-  .\32xl\:inset-x-28 {
-    right: 7rem;
-    left: 7rem;
-  }
-
-  .\32xl\:inset-y-32 {
-    top: 8rem;
-    bottom: 8rem;
-  }
-
-  .\32xl\:inset-x-32 {
-    right: 8rem;
-    left: 8rem;
-  }
-
-  .\32xl\:inset-y-36 {
-    top: 9rem;
-    bottom: 9rem;
-  }
-
-  .\32xl\:inset-x-36 {
-    right: 9rem;
-    left: 9rem;
-  }
-
-  .\32xl\:inset-y-40 {
-    top: 10rem;
-    bottom: 10rem;
-  }
-
-  .\32xl\:inset-x-40 {
-    right: 10rem;
-    left: 10rem;
-  }
-
-  .\32xl\:inset-y-44 {
-    top: 11rem;
-    bottom: 11rem;
-  }
-
-  .\32xl\:inset-x-44 {
-    right: 11rem;
-    left: 11rem;
-  }
-
-  .\32xl\:inset-y-48 {
-    top: 12rem;
-    bottom: 12rem;
-  }
-
-  .\32xl\:inset-x-48 {
-    right: 12rem;
-    left: 12rem;
-  }
-
-  .\32xl\:inset-y-52 {
-    top: 13rem;
-    bottom: 13rem;
-  }
-
-  .\32xl\:inset-x-52 {
-    right: 13rem;
-    left: 13rem;
-  }
-
-  .\32xl\:inset-y-56 {
-    top: 14rem;
-    bottom: 14rem;
-  }
-
-  .\32xl\:inset-x-56 {
-    right: 14rem;
-    left: 14rem;
-  }
-
-  .\32xl\:inset-y-60 {
-    top: 15rem;
-    bottom: 15rem;
-  }
-
-  .\32xl\:inset-x-60 {
-    right: 15rem;
-    left: 15rem;
-  }
-
-  .\32xl\:inset-y-64 {
-    top: 16rem;
-    bottom: 16rem;
-  }
-
-  .\32xl\:inset-x-64 {
-    right: 16rem;
-    left: 16rem;
-  }
-
-  .\32xl\:inset-y-72 {
-    top: 18rem;
-    bottom: 18rem;
-  }
-
-  .\32xl\:inset-x-72 {
-    right: 18rem;
-    left: 18rem;
-  }
-
-  .\32xl\:inset-y-80 {
-    top: 20rem;
-    bottom: 20rem;
-  }
-
-  .\32xl\:inset-x-80 {
-    right: 20rem;
-    left: 20rem;
-  }
-
-  .\32xl\:inset-y-96 {
-    top: 24rem;
-    bottom: 24rem;
-  }
-
-  .\32xl\:inset-x-96 {
-    right: 24rem;
-    left: 24rem;
-  }
-
-  .\32xl\:inset-y-auto {
-    top: auto;
-    bottom: auto;
-  }
-
-  .\32xl\:inset-x-auto {
-    right: auto;
-    left: auto;
-  }
-
-  .\32xl\:inset-y-px {
-    top: 1px;
-    bottom: 1px;
-  }
-
-  .\32xl\:inset-x-px {
-    right: 1px;
-    left: 1px;
-  }
-
-  .\32xl\:inset-y-0\.5 {
-    top: 0.125rem;
-    bottom: 0.125rem;
-  }
-
-  .\32xl\:inset-x-0\.5 {
-    right: 0.125rem;
-    left: 0.125rem;
-  }
-
-  .\32xl\:inset-y-1\.5 {
-    top: 0.375rem;
-    bottom: 0.375rem;
-  }
-
-  .\32xl\:inset-x-1\.5 {
-    right: 0.375rem;
-    left: 0.375rem;
-  }
-
-  .\32xl\:inset-y-2\.5 {
-    top: 0.625rem;
-    bottom: 0.625rem;
-  }
-
-  .\32xl\:inset-x-2\.5 {
-    right: 0.625rem;
-    left: 0.625rem;
-  }
-
-  .\32xl\:inset-y-3\.5 {
-    top: 0.875rem;
-    bottom: 0.875rem;
-  }
-
-  .\32xl\:inset-x-3\.5 {
-    right: 0.875rem;
-    left: 0.875rem;
-  }
-
-  .\32xl\:-inset-y-0 {
-    top: 0px;
-    bottom: 0px;
-  }
-
-  .\32xl\:-inset-x-0 {
-    right: 0px;
-    left: 0px;
-  }
-
-  .\32xl\:-inset-y-1 {
-    top: -0.25rem;
-    bottom: -0.25rem;
-  }
-
-  .\32xl\:-inset-x-1 {
-    right: -0.25rem;
-    left: -0.25rem;
-  }
-
-  .\32xl\:-inset-y-2 {
-    top: -0.5rem;
-    bottom: -0.5rem;
-  }
-
-  .\32xl\:-inset-x-2 {
-    right: -0.5rem;
-    left: -0.5rem;
-  }
-
-  .\32xl\:-inset-y-3 {
-    top: -0.75rem;
-    bottom: -0.75rem;
-  }
-
-  .\32xl\:-inset-x-3 {
-    right: -0.75rem;
-    left: -0.75rem;
-  }
-
-  .\32xl\:-inset-y-4 {
-    top: -1rem;
-    bottom: -1rem;
-  }
-
-  .\32xl\:-inset-x-4 {
-    right: -1rem;
-    left: -1rem;
-  }
-
-  .\32xl\:-inset-y-5 {
-    top: -1.25rem;
-    bottom: -1.25rem;
-  }
-
-  .\32xl\:-inset-x-5 {
-    right: -1.25rem;
-    left: -1.25rem;
-  }
-
-  .\32xl\:-inset-y-6 {
-    top: -1.5rem;
-    bottom: -1.5rem;
-  }
-
-  .\32xl\:-inset-x-6 {
-    right: -1.5rem;
-    left: -1.5rem;
-  }
-
-  .\32xl\:-inset-y-7 {
-    top: -1.75rem;
-    bottom: -1.75rem;
-  }
-
-  .\32xl\:-inset-x-7 {
-    right: -1.75rem;
-    left: -1.75rem;
-  }
-
-  .\32xl\:-inset-y-8 {
-    top: -2rem;
-    bottom: -2rem;
-  }
-
-  .\32xl\:-inset-x-8 {
-    right: -2rem;
-    left: -2rem;
-  }
-
-  .\32xl\:-inset-y-9 {
-    top: -2.25rem;
-    bottom: -2.25rem;
-  }
-
-  .\32xl\:-inset-x-9 {
-    right: -2.25rem;
-    left: -2.25rem;
-  }
-
-  .\32xl\:-inset-y-10 {
-    top: -2.5rem;
-    bottom: -2.5rem;
-  }
-
-  .\32xl\:-inset-x-10 {
-    right: -2.5rem;
-    left: -2.5rem;
-  }
-
-  .\32xl\:-inset-y-11 {
-    top: -2.75rem;
-    bottom: -2.75rem;
-  }
-
-  .\32xl\:-inset-x-11 {
-    right: -2.75rem;
-    left: -2.75rem;
-  }
-
-  .\32xl\:-inset-y-12 {
-    top: -3rem;
-    bottom: -3rem;
-  }
-
-  .\32xl\:-inset-x-12 {
-    right: -3rem;
-    left: -3rem;
-  }
-
-  .\32xl\:-inset-y-14 {
-    top: -3.5rem;
-    bottom: -3.5rem;
-  }
-
-  .\32xl\:-inset-x-14 {
-    right: -3.5rem;
-    left: -3.5rem;
-  }
-
-  .\32xl\:-inset-y-16 {
-    top: -4rem;
-    bottom: -4rem;
-  }
-
-  .\32xl\:-inset-x-16 {
-    right: -4rem;
-    left: -4rem;
-  }
-
-  .\32xl\:-inset-y-20 {
-    top: -5rem;
-    bottom: -5rem;
-  }
-
-  .\32xl\:-inset-x-20 {
-    right: -5rem;
-    left: -5rem;
-  }
-
-  .\32xl\:-inset-y-24 {
-    top: -6rem;
-    bottom: -6rem;
-  }
-
-  .\32xl\:-inset-x-24 {
-    right: -6rem;
-    left: -6rem;
-  }
-
-  .\32xl\:-inset-y-28 {
-    top: -7rem;
-    bottom: -7rem;
-  }
-
-  .\32xl\:-inset-x-28 {
-    right: -7rem;
-    left: -7rem;
-  }
-
-  .\32xl\:-inset-y-32 {
-    top: -8rem;
-    bottom: -8rem;
-  }
-
-  .\32xl\:-inset-x-32 {
-    right: -8rem;
-    left: -8rem;
-  }
-
-  .\32xl\:-inset-y-36 {
-    top: -9rem;
-    bottom: -9rem;
-  }
-
-  .\32xl\:-inset-x-36 {
-    right: -9rem;
-    left: -9rem;
-  }
-
-  .\32xl\:-inset-y-40 {
-    top: -10rem;
-    bottom: -10rem;
-  }
-
-  .\32xl\:-inset-x-40 {
-    right: -10rem;
-    left: -10rem;
-  }
-
-  .\32xl\:-inset-y-44 {
-    top: -11rem;
-    bottom: -11rem;
-  }
-
-  .\32xl\:-inset-x-44 {
-    right: -11rem;
-    left: -11rem;
-  }
-
-  .\32xl\:-inset-y-48 {
-    top: -12rem;
-    bottom: -12rem;
-  }
-
-  .\32xl\:-inset-x-48 {
-    right: -12rem;
-    left: -12rem;
-  }
-
-  .\32xl\:-inset-y-52 {
-    top: -13rem;
-    bottom: -13rem;
-  }
-
-  .\32xl\:-inset-x-52 {
-    right: -13rem;
-    left: -13rem;
-  }
-
-  .\32xl\:-inset-y-56 {
-    top: -14rem;
-    bottom: -14rem;
-  }
-
-  .\32xl\:-inset-x-56 {
-    right: -14rem;
-    left: -14rem;
-  }
-
-  .\32xl\:-inset-y-60 {
-    top: -15rem;
-    bottom: -15rem;
-  }
-
-  .\32xl\:-inset-x-60 {
-    right: -15rem;
-    left: -15rem;
-  }
-
-  .\32xl\:-inset-y-64 {
-    top: -16rem;
-    bottom: -16rem;
-  }
-
-  .\32xl\:-inset-x-64 {
-    right: -16rem;
-    left: -16rem;
-  }
-
-  .\32xl\:-inset-y-72 {
-    top: -18rem;
-    bottom: -18rem;
-  }
-
-  .\32xl\:-inset-x-72 {
-    right: -18rem;
-    left: -18rem;
-  }
-
-  .\32xl\:-inset-y-80 {
-    top: -20rem;
-    bottom: -20rem;
-  }
-
-  .\32xl\:-inset-x-80 {
-    right: -20rem;
-    left: -20rem;
-  }
-
-  .\32xl\:-inset-y-96 {
-    top: -24rem;
-    bottom: -24rem;
-  }
-
-  .\32xl\:-inset-x-96 {
-    right: -24rem;
-    left: -24rem;
-  }
-
-  .\32xl\:-inset-y-px {
-    top: -1px;
-    bottom: -1px;
-  }
-
-  .\32xl\:-inset-x-px {
-    right: -1px;
-    left: -1px;
-  }
-
-  .\32xl\:-inset-y-0\.5 {
-    top: -0.125rem;
-    bottom: -0.125rem;
-  }
-
-  .\32xl\:-inset-x-0\.5 {
-    right: -0.125rem;
-    left: -0.125rem;
-  }
-
-  .\32xl\:-inset-y-1\.5 {
-    top: -0.375rem;
-    bottom: -0.375rem;
-  }
-
-  .\32xl\:-inset-x-1\.5 {
-    right: -0.375rem;
-    left: -0.375rem;
-  }
-
-  .\32xl\:-inset-y-2\.5 {
-    top: -0.625rem;
-    bottom: -0.625rem;
-  }
-
-  .\32xl\:-inset-x-2\.5 {
-    right: -0.625rem;
-    left: -0.625rem;
-  }
-
-  .\32xl\:-inset-y-3\.5 {
-    top: -0.875rem;
-    bottom: -0.875rem;
-  }
-
-  .\32xl\:-inset-x-3\.5 {
-    right: -0.875rem;
-    left: -0.875rem;
-  }
-
-  .\32xl\:inset-y-1\/2 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .\32xl\:inset-x-1\/2 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .\32xl\:inset-y-1\/3 {
-    top: 33.333333%;
-    bottom: 33.333333%;
-  }
-
-  .\32xl\:inset-x-1\/3 {
-    right: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .\32xl\:inset-y-2\/3 {
-    top: 66.666667%;
-    bottom: 66.666667%;
-  }
-
-  .\32xl\:inset-x-2\/3 {
-    right: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .\32xl\:inset-y-1\/4 {
-    top: 25%;
-    bottom: 25%;
-  }
-
-  .\32xl\:inset-x-1\/4 {
-    right: 25%;
-    left: 25%;
-  }
-
-  .\32xl\:inset-y-2\/4 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .\32xl\:inset-x-2\/4 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .\32xl\:inset-y-3\/4 {
-    top: 75%;
-    bottom: 75%;
-  }
-
-  .\32xl\:inset-x-3\/4 {
-    right: 75%;
-    left: 75%;
-  }
-
-  .\32xl\:inset-y-full {
-    top: 100%;
-    bottom: 100%;
-  }
-
-  .\32xl\:inset-x-full {
-    right: 100%;
-    left: 100%;
-  }
-
-  .\32xl\:-inset-y-1\/2 {
-    top: -50%;
-    bottom: -50%;
-  }
-
-  .\32xl\:-inset-x-1\/2 {
-    right: -50%;
-    left: -50%;
-  }
-
-  .\32xl\:-inset-y-1\/3 {
-    top: -33.333333%;
-    bottom: -33.333333%;
-  }
-
-  .\32xl\:-inset-x-1\/3 {
-    right: -33.333333%;
-    left: -33.333333%;
-  }
-
-  .\32xl\:-inset-y-2\/3 {
-    top: -66.666667%;
-    bottom: -66.666667%;
-  }
-
-  .\32xl\:-inset-x-2\/3 {
-    right: -66.666667%;
-    left: -66.666667%;
-  }
-
-  .\32xl\:-inset-y-1\/4 {
-    top: -25%;
-    bottom: -25%;
-  }
-
-  .\32xl\:-inset-x-1\/4 {
-    right: -25%;
-    left: -25%;
-  }
-
-  .\32xl\:-inset-y-2\/4 {
-    top: -50%;
-    bottom: -50%;
-  }
-
-  .\32xl\:-inset-x-2\/4 {
-    right: -50%;
-    left: -50%;
-  }
-
-  .\32xl\:-inset-y-3\/4 {
-    top: -75%;
-    bottom: -75%;
-  }
-
-  .\32xl\:-inset-x-3\/4 {
-    right: -75%;
-    left: -75%;
-  }
-
-  .\32xl\:-inset-y-full {
-    top: -100%;
-    bottom: -100%;
-  }
-
-  .\32xl\:-inset-x-full {
-    right: -100%;
-    left: -100%;
-  }
-
-  .\32xl\:top-0 {
-    top: 0px;
-  }
-
-  .\32xl\:right-0 {
-    right: 0px;
-  }
-
-  .\32xl\:bottom-0 {
-    bottom: 0px;
-  }
-
-  .\32xl\:left-0 {
-    left: 0px;
-  }
-
-  .\32xl\:top-1 {
-    top: 0.25rem;
-  }
-
-  .\32xl\:right-1 {
-    right: 0.25rem;
-  }
-
-  .\32xl\:bottom-1 {
-    bottom: 0.25rem;
-  }
-
-  .\32xl\:left-1 {
-    left: 0.25rem;
-  }
-
-  .\32xl\:top-2 {
-    top: 0.5rem;
-  }
-
-  .\32xl\:right-2 {
-    right: 0.5rem;
-  }
-
-  .\32xl\:bottom-2 {
-    bottom: 0.5rem;
-  }
-
-  .\32xl\:left-2 {
-    left: 0.5rem;
-  }
-
-  .\32xl\:top-3 {
-    top: 0.75rem;
-  }
-
-  .\32xl\:right-3 {
-    right: 0.75rem;
-  }
-
-  .\32xl\:bottom-3 {
-    bottom: 0.75rem;
-  }
-
-  .\32xl\:left-3 {
-    left: 0.75rem;
-  }
-
-  .\32xl\:top-4 {
-    top: 1rem;
-  }
-
-  .\32xl\:right-4 {
-    right: 1rem;
-  }
-
-  .\32xl\:bottom-4 {
-    bottom: 1rem;
-  }
-
-  .\32xl\:left-4 {
-    left: 1rem;
-  }
-
-  .\32xl\:top-5 {
-    top: 1.25rem;
-  }
-
-  .\32xl\:right-5 {
-    right: 1.25rem;
-  }
-
-  .\32xl\:bottom-5 {
-    bottom: 1.25rem;
-  }
-
-  .\32xl\:left-5 {
-    left: 1.25rem;
-  }
-
-  .\32xl\:top-6 {
-    top: 1.5rem;
-  }
-
-  .\32xl\:right-6 {
-    right: 1.5rem;
-  }
-
-  .\32xl\:bottom-6 {
-    bottom: 1.5rem;
-  }
-
-  .\32xl\:left-6 {
-    left: 1.5rem;
-  }
-
-  .\32xl\:top-7 {
-    top: 1.75rem;
-  }
-
-  .\32xl\:right-7 {
-    right: 1.75rem;
-  }
-
-  .\32xl\:bottom-7 {
-    bottom: 1.75rem;
-  }
-
-  .\32xl\:left-7 {
-    left: 1.75rem;
-  }
-
-  .\32xl\:top-8 {
-    top: 2rem;
-  }
-
-  .\32xl\:right-8 {
-    right: 2rem;
-  }
-
-  .\32xl\:bottom-8 {
-    bottom: 2rem;
-  }
-
-  .\32xl\:left-8 {
-    left: 2rem;
-  }
-
-  .\32xl\:top-9 {
-    top: 2.25rem;
-  }
-
-  .\32xl\:right-9 {
-    right: 2.25rem;
-  }
-
-  .\32xl\:bottom-9 {
-    bottom: 2.25rem;
-  }
-
-  .\32xl\:left-9 {
-    left: 2.25rem;
-  }
-
-  .\32xl\:top-10 {
-    top: 2.5rem;
-  }
-
-  .\32xl\:right-10 {
-    right: 2.5rem;
-  }
-
-  .\32xl\:bottom-10 {
-    bottom: 2.5rem;
-  }
-
-  .\32xl\:left-10 {
-    left: 2.5rem;
-  }
-
-  .\32xl\:top-11 {
-    top: 2.75rem;
-  }
-
-  .\32xl\:right-11 {
-    right: 2.75rem;
-  }
-
-  .\32xl\:bottom-11 {
-    bottom: 2.75rem;
-  }
-
-  .\32xl\:left-11 {
-    left: 2.75rem;
-  }
-
-  .\32xl\:top-12 {
-    top: 3rem;
-  }
-
-  .\32xl\:right-12 {
-    right: 3rem;
-  }
-
-  .\32xl\:bottom-12 {
-    bottom: 3rem;
-  }
-
-  .\32xl\:left-12 {
-    left: 3rem;
-  }
-
-  .\32xl\:top-14 {
-    top: 3.5rem;
-  }
-
-  .\32xl\:right-14 {
-    right: 3.5rem;
-  }
-
-  .\32xl\:bottom-14 {
-    bottom: 3.5rem;
-  }
-
-  .\32xl\:left-14 {
-    left: 3.5rem;
-  }
-
-  .\32xl\:top-16 {
-    top: 4rem;
-  }
-
-  .\32xl\:right-16 {
-    right: 4rem;
-  }
-
-  .\32xl\:bottom-16 {
-    bottom: 4rem;
-  }
-
-  .\32xl\:left-16 {
-    left: 4rem;
-  }
-
-  .\32xl\:top-20 {
-    top: 5rem;
-  }
-
-  .\32xl\:right-20 {
-    right: 5rem;
-  }
-
-  .\32xl\:bottom-20 {
-    bottom: 5rem;
-  }
-
-  .\32xl\:left-20 {
-    left: 5rem;
-  }
-
-  .\32xl\:top-24 {
-    top: 6rem;
-  }
-
-  .\32xl\:right-24 {
-    right: 6rem;
-  }
-
-  .\32xl\:bottom-24 {
-    bottom: 6rem;
-  }
-
-  .\32xl\:left-24 {
-    left: 6rem;
-  }
-
-  .\32xl\:top-28 {
-    top: 7rem;
-  }
-
-  .\32xl\:right-28 {
-    right: 7rem;
-  }
-
-  .\32xl\:bottom-28 {
-    bottom: 7rem;
-  }
-
-  .\32xl\:left-28 {
-    left: 7rem;
-  }
-
-  .\32xl\:top-32 {
-    top: 8rem;
-  }
-
-  .\32xl\:right-32 {
-    right: 8rem;
-  }
-
-  .\32xl\:bottom-32 {
-    bottom: 8rem;
-  }
-
-  .\32xl\:left-32 {
-    left: 8rem;
-  }
-
-  .\32xl\:top-36 {
-    top: 9rem;
-  }
-
-  .\32xl\:right-36 {
-    right: 9rem;
-  }
-
-  .\32xl\:bottom-36 {
-    bottom: 9rem;
-  }
-
-  .\32xl\:left-36 {
-    left: 9rem;
-  }
-
-  .\32xl\:top-40 {
-    top: 10rem;
-  }
-
-  .\32xl\:right-40 {
-    right: 10rem;
-  }
-
-  .\32xl\:bottom-40 {
-    bottom: 10rem;
-  }
-
-  .\32xl\:left-40 {
-    left: 10rem;
-  }
-
-  .\32xl\:top-44 {
-    top: 11rem;
-  }
-
-  .\32xl\:right-44 {
-    right: 11rem;
-  }
-
-  .\32xl\:bottom-44 {
-    bottom: 11rem;
-  }
-
-  .\32xl\:left-44 {
-    left: 11rem;
-  }
-
-  .\32xl\:top-48 {
-    top: 12rem;
-  }
-
-  .\32xl\:right-48 {
-    right: 12rem;
-  }
-
-  .\32xl\:bottom-48 {
-    bottom: 12rem;
-  }
-
-  .\32xl\:left-48 {
-    left: 12rem;
-  }
-
-  .\32xl\:top-52 {
-    top: 13rem;
-  }
-
-  .\32xl\:right-52 {
-    right: 13rem;
-  }
-
-  .\32xl\:bottom-52 {
-    bottom: 13rem;
-  }
-
-  .\32xl\:left-52 {
-    left: 13rem;
-  }
-
-  .\32xl\:top-56 {
-    top: 14rem;
-  }
-
-  .\32xl\:right-56 {
-    right: 14rem;
-  }
-
-  .\32xl\:bottom-56 {
-    bottom: 14rem;
-  }
-
-  .\32xl\:left-56 {
-    left: 14rem;
-  }
-
-  .\32xl\:top-60 {
-    top: 15rem;
-  }
-
-  .\32xl\:right-60 {
-    right: 15rem;
-  }
-
-  .\32xl\:bottom-60 {
-    bottom: 15rem;
-  }
-
-  .\32xl\:left-60 {
-    left: 15rem;
-  }
-
-  .\32xl\:top-64 {
-    top: 16rem;
-  }
-
-  .\32xl\:right-64 {
-    right: 16rem;
-  }
-
-  .\32xl\:bottom-64 {
-    bottom: 16rem;
-  }
-
-  .\32xl\:left-64 {
-    left: 16rem;
-  }
-
-  .\32xl\:top-72 {
-    top: 18rem;
-  }
-
-  .\32xl\:right-72 {
-    right: 18rem;
-  }
-
-  .\32xl\:bottom-72 {
-    bottom: 18rem;
-  }
-
-  .\32xl\:left-72 {
-    left: 18rem;
-  }
-
-  .\32xl\:top-80 {
-    top: 20rem;
-  }
-
-  .\32xl\:right-80 {
-    right: 20rem;
-  }
-
-  .\32xl\:bottom-80 {
-    bottom: 20rem;
-  }
-
-  .\32xl\:left-80 {
-    left: 20rem;
-  }
-
-  .\32xl\:top-96 {
-    top: 24rem;
-  }
-
-  .\32xl\:right-96 {
-    right: 24rem;
-  }
-
-  .\32xl\:bottom-96 {
-    bottom: 24rem;
-  }
-
-  .\32xl\:left-96 {
-    left: 24rem;
-  }
-
-  .\32xl\:top-auto {
-    top: auto;
-  }
-
-  .\32xl\:right-auto {
-    right: auto;
-  }
-
-  .\32xl\:bottom-auto {
-    bottom: auto;
-  }
-
-  .\32xl\:left-auto {
-    left: auto;
-  }
-
-  .\32xl\:top-px {
-    top: 1px;
-  }
-
-  .\32xl\:right-px {
-    right: 1px;
-  }
-
-  .\32xl\:bottom-px {
-    bottom: 1px;
-  }
-
-  .\32xl\:left-px {
-    left: 1px;
-  }
-
-  .\32xl\:top-0\.5 {
-    top: 0.125rem;
-  }
-
-  .\32xl\:right-0\.5 {
-    right: 0.125rem;
-  }
-
-  .\32xl\:bottom-0\.5 {
-    bottom: 0.125rem;
-  }
-
-  .\32xl\:left-0\.5 {
-    left: 0.125rem;
-  }
-
-  .\32xl\:top-1\.5 {
-    top: 0.375rem;
-  }
-
-  .\32xl\:right-1\.5 {
-    right: 0.375rem;
-  }
-
-  .\32xl\:bottom-1\.5 {
-    bottom: 0.375rem;
-  }
-
-  .\32xl\:left-1\.5 {
-    left: 0.375rem;
-  }
-
-  .\32xl\:top-2\.5 {
-    top: 0.625rem;
-  }
-
-  .\32xl\:right-2\.5 {
-    right: 0.625rem;
-  }
-
-  .\32xl\:bottom-2\.5 {
-    bottom: 0.625rem;
-  }
-
-  .\32xl\:left-2\.5 {
-    left: 0.625rem;
-  }
-
-  .\32xl\:top-3\.5 {
-    top: 0.875rem;
-  }
-
-  .\32xl\:right-3\.5 {
-    right: 0.875rem;
-  }
-
-  .\32xl\:bottom-3\.5 {
-    bottom: 0.875rem;
-  }
-
-  .\32xl\:left-3\.5 {
-    left: 0.875rem;
-  }
-
-  .\32xl\:-top-0 {
-    top: 0px;
-  }
-
-  .\32xl\:-right-0 {
-    right: 0px;
-  }
-
-  .\32xl\:-bottom-0 {
-    bottom: 0px;
-  }
-
-  .\32xl\:-left-0 {
-    left: 0px;
-  }
-
-  .\32xl\:-top-1 {
-    top: -0.25rem;
-  }
-
-  .\32xl\:-right-1 {
-    right: -0.25rem;
-  }
-
-  .\32xl\:-bottom-1 {
-    bottom: -0.25rem;
-  }
-
-  .\32xl\:-left-1 {
-    left: -0.25rem;
-  }
-
-  .\32xl\:-top-2 {
-    top: -0.5rem;
-  }
-
-  .\32xl\:-right-2 {
-    right: -0.5rem;
-  }
-
-  .\32xl\:-bottom-2 {
-    bottom: -0.5rem;
-  }
-
-  .\32xl\:-left-2 {
-    left: -0.5rem;
-  }
-
-  .\32xl\:-top-3 {
-    top: -0.75rem;
-  }
-
-  .\32xl\:-right-3 {
-    right: -0.75rem;
-  }
-
-  .\32xl\:-bottom-3 {
-    bottom: -0.75rem;
-  }
-
-  .\32xl\:-left-3 {
-    left: -0.75rem;
-  }
-
-  .\32xl\:-top-4 {
-    top: -1rem;
-  }
-
-  .\32xl\:-right-4 {
-    right: -1rem;
-  }
-
-  .\32xl\:-bottom-4 {
-    bottom: -1rem;
-  }
-
-  .\32xl\:-left-4 {
-    left: -1rem;
-  }
-
-  .\32xl\:-top-5 {
-    top: -1.25rem;
-  }
-
-  .\32xl\:-right-5 {
-    right: -1.25rem;
-  }
-
-  .\32xl\:-bottom-5 {
-    bottom: -1.25rem;
-  }
-
-  .\32xl\:-left-5 {
-    left: -1.25rem;
-  }
-
-  .\32xl\:-top-6 {
-    top: -1.5rem;
-  }
-
-  .\32xl\:-right-6 {
-    right: -1.5rem;
-  }
-
-  .\32xl\:-bottom-6 {
-    bottom: -1.5rem;
-  }
-
-  .\32xl\:-left-6 {
-    left: -1.5rem;
-  }
-
-  .\32xl\:-top-7 {
-    top: -1.75rem;
-  }
-
-  .\32xl\:-right-7 {
-    right: -1.75rem;
-  }
-
-  .\32xl\:-bottom-7 {
-    bottom: -1.75rem;
-  }
-
-  .\32xl\:-left-7 {
-    left: -1.75rem;
-  }
-
-  .\32xl\:-top-8 {
-    top: -2rem;
-  }
-
-  .\32xl\:-right-8 {
-    right: -2rem;
-  }
-
-  .\32xl\:-bottom-8 {
-    bottom: -2rem;
-  }
-
-  .\32xl\:-left-8 {
-    left: -2rem;
-  }
-
-  .\32xl\:-top-9 {
-    top: -2.25rem;
-  }
-
-  .\32xl\:-right-9 {
-    right: -2.25rem;
-  }
-
-  .\32xl\:-bottom-9 {
-    bottom: -2.25rem;
-  }
-
-  .\32xl\:-left-9 {
-    left: -2.25rem;
-  }
-
-  .\32xl\:-top-10 {
-    top: -2.5rem;
-  }
-
-  .\32xl\:-right-10 {
-    right: -2.5rem;
-  }
-
-  .\32xl\:-bottom-10 {
-    bottom: -2.5rem;
-  }
-
-  .\32xl\:-left-10 {
-    left: -2.5rem;
-  }
-
-  .\32xl\:-top-11 {
-    top: -2.75rem;
-  }
-
-  .\32xl\:-right-11 {
-    right: -2.75rem;
-  }
-
-  .\32xl\:-bottom-11 {
-    bottom: -2.75rem;
-  }
-
-  .\32xl\:-left-11 {
-    left: -2.75rem;
-  }
-
-  .\32xl\:-top-12 {
-    top: -3rem;
-  }
-
-  .\32xl\:-right-12 {
-    right: -3rem;
-  }
-
-  .\32xl\:-bottom-12 {
-    bottom: -3rem;
-  }
-
-  .\32xl\:-left-12 {
-    left: -3rem;
-  }
-
-  .\32xl\:-top-14 {
-    top: -3.5rem;
-  }
-
-  .\32xl\:-right-14 {
-    right: -3.5rem;
-  }
-
-  .\32xl\:-bottom-14 {
-    bottom: -3.5rem;
-  }
-
-  .\32xl\:-left-14 {
-    left: -3.5rem;
-  }
-
-  .\32xl\:-top-16 {
-    top: -4rem;
-  }
-
-  .\32xl\:-right-16 {
-    right: -4rem;
-  }
-
-  .\32xl\:-bottom-16 {
-    bottom: -4rem;
-  }
-
-  .\32xl\:-left-16 {
-    left: -4rem;
-  }
-
-  .\32xl\:-top-20 {
-    top: -5rem;
-  }
-
-  .\32xl\:-right-20 {
-    right: -5rem;
-  }
-
-  .\32xl\:-bottom-20 {
-    bottom: -5rem;
-  }
-
-  .\32xl\:-left-20 {
-    left: -5rem;
-  }
-
-  .\32xl\:-top-24 {
-    top: -6rem;
-  }
-
-  .\32xl\:-right-24 {
-    right: -6rem;
-  }
-
-  .\32xl\:-bottom-24 {
-    bottom: -6rem;
-  }
-
-  .\32xl\:-left-24 {
-    left: -6rem;
-  }
-
-  .\32xl\:-top-28 {
-    top: -7rem;
-  }
-
-  .\32xl\:-right-28 {
-    right: -7rem;
-  }
-
-  .\32xl\:-bottom-28 {
-    bottom: -7rem;
-  }
-
-  .\32xl\:-left-28 {
-    left: -7rem;
-  }
-
-  .\32xl\:-top-32 {
-    top: -8rem;
-  }
-
-  .\32xl\:-right-32 {
-    right: -8rem;
-  }
-
-  .\32xl\:-bottom-32 {
-    bottom: -8rem;
-  }
-
-  .\32xl\:-left-32 {
-    left: -8rem;
-  }
-
-  .\32xl\:-top-36 {
-    top: -9rem;
-  }
-
-  .\32xl\:-right-36 {
-    right: -9rem;
-  }
-
-  .\32xl\:-bottom-36 {
-    bottom: -9rem;
-  }
-
-  .\32xl\:-left-36 {
-    left: -9rem;
-  }
-
-  .\32xl\:-top-40 {
-    top: -10rem;
-  }
-
-  .\32xl\:-right-40 {
-    right: -10rem;
-  }
-
-  .\32xl\:-bottom-40 {
-    bottom: -10rem;
-  }
-
-  .\32xl\:-left-40 {
-    left: -10rem;
-  }
-
-  .\32xl\:-top-44 {
-    top: -11rem;
-  }
-
-  .\32xl\:-right-44 {
-    right: -11rem;
-  }
-
-  .\32xl\:-bottom-44 {
-    bottom: -11rem;
-  }
-
-  .\32xl\:-left-44 {
-    left: -11rem;
-  }
-
-  .\32xl\:-top-48 {
-    top: -12rem;
-  }
-
-  .\32xl\:-right-48 {
-    right: -12rem;
-  }
-
-  .\32xl\:-bottom-48 {
-    bottom: -12rem;
-  }
-
-  .\32xl\:-left-48 {
-    left: -12rem;
-  }
-
-  .\32xl\:-top-52 {
-    top: -13rem;
-  }
-
-  .\32xl\:-right-52 {
-    right: -13rem;
-  }
-
-  .\32xl\:-bottom-52 {
-    bottom: -13rem;
-  }
-
-  .\32xl\:-left-52 {
-    left: -13rem;
-  }
-
-  .\32xl\:-top-56 {
-    top: -14rem;
-  }
-
-  .\32xl\:-right-56 {
-    right: -14rem;
-  }
-
-  .\32xl\:-bottom-56 {
-    bottom: -14rem;
-  }
-
-  .\32xl\:-left-56 {
-    left: -14rem;
-  }
-
-  .\32xl\:-top-60 {
-    top: -15rem;
-  }
-
-  .\32xl\:-right-60 {
-    right: -15rem;
-  }
-
-  .\32xl\:-bottom-60 {
-    bottom: -15rem;
-  }
-
-  .\32xl\:-left-60 {
-    left: -15rem;
-  }
-
-  .\32xl\:-top-64 {
-    top: -16rem;
-  }
-
-  .\32xl\:-right-64 {
-    right: -16rem;
-  }
-
-  .\32xl\:-bottom-64 {
-    bottom: -16rem;
-  }
-
-  .\32xl\:-left-64 {
-    left: -16rem;
-  }
-
-  .\32xl\:-top-72 {
-    top: -18rem;
-  }
-
-  .\32xl\:-right-72 {
-    right: -18rem;
-  }
-
-  .\32xl\:-bottom-72 {
-    bottom: -18rem;
-  }
-
-  .\32xl\:-left-72 {
-    left: -18rem;
-  }
-
-  .\32xl\:-top-80 {
-    top: -20rem;
-  }
-
-  .\32xl\:-right-80 {
-    right: -20rem;
-  }
-
-  .\32xl\:-bottom-80 {
-    bottom: -20rem;
-  }
-
-  .\32xl\:-left-80 {
-    left: -20rem;
-  }
-
-  .\32xl\:-top-96 {
-    top: -24rem;
-  }
-
-  .\32xl\:-right-96 {
-    right: -24rem;
-  }
-
-  .\32xl\:-bottom-96 {
-    bottom: -24rem;
-  }
-
-  .\32xl\:-left-96 {
-    left: -24rem;
-  }
-
-  .\32xl\:-top-px {
-    top: -1px;
-  }
-
-  .\32xl\:-right-px {
-    right: -1px;
-  }
-
-  .\32xl\:-bottom-px {
-    bottom: -1px;
-  }
-
-  .\32xl\:-left-px {
-    left: -1px;
-  }
-
-  .\32xl\:-top-0\.5 {
-    top: -0.125rem;
-  }
-
-  .\32xl\:-right-0\.5 {
-    right: -0.125rem;
-  }
-
-  .\32xl\:-bottom-0\.5 {
-    bottom: -0.125rem;
-  }
-
-  .\32xl\:-left-0\.5 {
-    left: -0.125rem;
-  }
-
-  .\32xl\:-top-1\.5 {
-    top: -0.375rem;
-  }
-
-  .\32xl\:-right-1\.5 {
-    right: -0.375rem;
-  }
-
-  .\32xl\:-bottom-1\.5 {
-    bottom: -0.375rem;
-  }
-
-  .\32xl\:-left-1\.5 {
-    left: -0.375rem;
-  }
-
-  .\32xl\:-top-2\.5 {
-    top: -0.625rem;
-  }
-
-  .\32xl\:-right-2\.5 {
-    right: -0.625rem;
-  }
-
-  .\32xl\:-bottom-2\.5 {
-    bottom: -0.625rem;
-  }
-
-  .\32xl\:-left-2\.5 {
-    left: -0.625rem;
-  }
-
-  .\32xl\:-top-3\.5 {
-    top: -0.875rem;
-  }
-
-  .\32xl\:-right-3\.5 {
-    right: -0.875rem;
-  }
-
-  .\32xl\:-bottom-3\.5 {
-    bottom: -0.875rem;
-  }
-
-  .\32xl\:-left-3\.5 {
-    left: -0.875rem;
-  }
-
-  .\32xl\:top-1\/2 {
-    top: 50%;
-  }
-
-  .\32xl\:right-1\/2 {
-    right: 50%;
-  }
-
-  .\32xl\:bottom-1\/2 {
-    bottom: 50%;
-  }
-
-  .\32xl\:left-1\/2 {
-    left: 50%;
-  }
-
-  .\32xl\:top-1\/3 {
-    top: 33.333333%;
-  }
-
-  .\32xl\:right-1\/3 {
-    right: 33.333333%;
-  }
-
-  .\32xl\:bottom-1\/3 {
-    bottom: 33.333333%;
-  }
-
-  .\32xl\:left-1\/3 {
-    left: 33.333333%;
-  }
-
-  .\32xl\:top-2\/3 {
-    top: 66.666667%;
-  }
-
-  .\32xl\:right-2\/3 {
-    right: 66.666667%;
-  }
-
-  .\32xl\:bottom-2\/3 {
-    bottom: 66.666667%;
-  }
-
-  .\32xl\:left-2\/3 {
-    left: 66.666667%;
-  }
-
-  .\32xl\:top-1\/4 {
-    top: 25%;
-  }
-
-  .\32xl\:right-1\/4 {
-    right: 25%;
-  }
-
-  .\32xl\:bottom-1\/4 {
-    bottom: 25%;
-  }
-
-  .\32xl\:left-1\/4 {
-    left: 25%;
-  }
-
-  .\32xl\:top-2\/4 {
-    top: 50%;
-  }
-
-  .\32xl\:right-2\/4 {
-    right: 50%;
-  }
-
-  .\32xl\:bottom-2\/4 {
-    bottom: 50%;
-  }
-
-  .\32xl\:left-2\/4 {
-    left: 50%;
-  }
-
-  .\32xl\:top-3\/4 {
-    top: 75%;
-  }
-
-  .\32xl\:right-3\/4 {
-    right: 75%;
-  }
-
-  .\32xl\:bottom-3\/4 {
-    bottom: 75%;
-  }
-
-  .\32xl\:left-3\/4 {
-    left: 75%;
-  }
-
-  .\32xl\:top-full {
-    top: 100%;
-  }
-
-  .\32xl\:right-full {
-    right: 100%;
-  }
-
-  .\32xl\:bottom-full {
-    bottom: 100%;
-  }
-
-  .\32xl\:left-full {
-    left: 100%;
-  }
-
-  .\32xl\:-top-1\/2 {
-    top: -50%;
-  }
-
-  .\32xl\:-right-1\/2 {
-    right: -50%;
-  }
-
-  .\32xl\:-bottom-1\/2 {
-    bottom: -50%;
-  }
-
-  .\32xl\:-left-1\/2 {
-    left: -50%;
-  }
-
-  .\32xl\:-top-1\/3 {
-    top: -33.333333%;
-  }
-
-  .\32xl\:-right-1\/3 {
-    right: -33.333333%;
-  }
-
-  .\32xl\:-bottom-1\/3 {
-    bottom: -33.333333%;
-  }
-
-  .\32xl\:-left-1\/3 {
-    left: -33.333333%;
-  }
-
-  .\32xl\:-top-2\/3 {
-    top: -66.666667%;
-  }
-
-  .\32xl\:-right-2\/3 {
-    right: -66.666667%;
-  }
-
-  .\32xl\:-bottom-2\/3 {
-    bottom: -66.666667%;
-  }
-
-  .\32xl\:-left-2\/3 {
-    left: -66.666667%;
-  }
-
-  .\32xl\:-top-1\/4 {
-    top: -25%;
-  }
-
-  .\32xl\:-right-1\/4 {
-    right: -25%;
-  }
-
-  .\32xl\:-bottom-1\/4 {
-    bottom: -25%;
-  }
-
-  .\32xl\:-left-1\/4 {
-    left: -25%;
-  }
-
-  .\32xl\:-top-2\/4 {
-    top: -50%;
-  }
-
-  .\32xl\:-right-2\/4 {
-    right: -50%;
-  }
-
-  .\32xl\:-bottom-2\/4 {
-    bottom: -50%;
-  }
-
-  .\32xl\:-left-2\/4 {
-    left: -50%;
-  }
-
-  .\32xl\:-top-3\/4 {
-    top: -75%;
-  }
-
-  .\32xl\:-right-3\/4 {
-    right: -75%;
-  }
-
-  .\32xl\:-bottom-3\/4 {
-    bottom: -75%;
-  }
-
-  .\32xl\:-left-3\/4 {
-    left: -75%;
-  }
-
-  .\32xl\:-top-full {
-    top: -100%;
-  }
-
-  .\32xl\:-right-full {
-    right: -100%;
-  }
-
-  .\32xl\:-bottom-full {
-    bottom: -100%;
-  }
-
-  .\32xl\:-left-full {
-    left: -100%;
-  }
-
-  .\32xl\:resize-none {
-    resize: none;
-  }
-
-  .\32xl\:resize-y {
-    resize: vertical;
-  }
-
-  .\32xl\:resize-x {
-    resize: horizontal;
-  }
-
-  .\32xl\:resize {
-    resize: both;
-  }
-
-  .\32xl\:shadow-sm {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:shadow {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:shadow-md {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:shadow-lg {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:shadow-xl {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:shadow-2xl {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:shadow-3xl {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:shadow-inner {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:shadow-none {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .\32xl\:group-hover\:shadow-sm {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .\32xl\:group-hover\:shadow {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .\32xl\:group-hover\:shadow-md {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .\32xl\:group-hover\:shadow-lg {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .\32xl\:group-hover\:shadow-xl {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .\32xl\:group-hover\:shadow-2xl {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .\32xl\:group-hover\:shadow-3xl {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .\32xl\:group-hover\:shadow-inner {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .group:hover .\32xl\:group-hover\:shadow-none {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus-within\:shadow-sm:focus-within {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus-within\:shadow:focus-within {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus-within\:shadow-md:focus-within {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus-within\:shadow-lg:focus-within {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus-within\:shadow-xl:focus-within {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus-within\:shadow-2xl:focus-within {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus-within\:shadow-3xl:focus-within {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus-within\:shadow-inner:focus-within {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus-within\:shadow-none:focus-within {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:hover\:shadow-sm:hover {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:hover\:shadow:hover {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:hover\:shadow-md:hover {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:hover\:shadow-lg:hover {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:hover\:shadow-xl:hover {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:hover\:shadow-2xl:hover {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:hover\:shadow-3xl:hover {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:hover\:shadow-inner:hover {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:hover\:shadow-none:hover {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus\:shadow-sm:focus {
-    --tw-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus\:shadow:focus {
-    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus\:shadow-md:focus {
-    --tw-shadow: 0 1px 2px 0 rgba(85, 105, 135, 0.1);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus\:shadow-lg:focus {
-    --tw-shadow: 0px 1px 3px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus\:shadow-xl:focus {
-    --tw-shadow: 10px 14px 34px rgba(0, 0, 0, 0.04);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus\:shadow-2xl:focus {
-    --tw-shadow: 0px 32px 64px -12px rgba(85, 105, 135, 0.08);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus\:shadow-3xl:focus {
-    --tw-shadow: 0px 24px 48px -12px rgba(42, 51, 66, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus\:shadow-inner:focus {
-    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:focus\:shadow-none:focus {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-
-  .\32xl\:ring-0 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:ring-1 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:ring-2 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:ring-4 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:ring-8 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:ring {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:ring-inset {
-    --tw-ring-inset: inset;
-  }
-
-  .\32xl\:focus-within\:ring-0:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:focus-within\:ring-1:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:focus-within\:ring-2:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:focus-within\:ring-4:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:focus-within\:ring-8:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:focus-within\:ring:focus-within {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:focus-within\:ring-inset:focus-within {
-    --tw-ring-inset: inset;
-  }
-
-  .\32xl\:focus\:ring-0:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:focus\:ring-1:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:focus\:ring-2:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:focus\:ring-4:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:focus\:ring-8:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:focus\:ring:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  }
-
-  .\32xl\:focus\:ring-inset:focus {
-    --tw-ring-inset: inset;
-  }
-
-  .\32xl\:ring-offset-current {
-    --tw-ring-offset-color: currentColor;
-  }
-
-  .\32xl\:ring-offset-transparent {
-    --tw-ring-offset-color: transparent;
-  }
-
-  .\32xl\:ring-offset-black {
-    --tw-ring-offset-color: #000;
-  }
-
-  .\32xl\:ring-offset-white {
-    --tw-ring-offset-color: #fff;
-  }
-
-  .\32xl\:ring-offset-darkCoolGray-50 {
-    --tw-ring-offset-color: #F5F6F7;
-  }
-
-  .\32xl\:ring-offset-darkCoolGray-100 {
-    --tw-ring-offset-color: #EBEDEF;
-  }
-
-  .\32xl\:ring-offset-darkCoolGray-200 {
-    --tw-ring-offset-color: #CED1D6;
-  }
-
-  .\32xl\:ring-offset-darkCoolGray-300 {
-    --tw-ring-offset-color: #B0B5BD;
-  }
-
-  .\32xl\:ring-offset-darkCoolGray-400 {
-    --tw-ring-offset-color: #757E8C;
-  }
-
-  .\32xl\:ring-offset-darkCoolGray-500 {
-    --tw-ring-offset-color: #3A475B;
-  }
-
-  .\32xl\:ring-offset-darkCoolGray-600 {
-    --tw-ring-offset-color: #344052;
-  }
-
-  .\32xl\:ring-offset-darkCoolGray-700 {
-    --tw-ring-offset-color: #2C3544;
-  }
-
-  .\32xl\:ring-offset-darkCoolGray-800 {
-    --tw-ring-offset-color: #232B37;
-  }
-
-  .\32xl\:ring-offset-darkCoolGray-900 {
-    --tw-ring-offset-color: #1C232D;
-  }
-
-  .\32xl\:ring-offset-coolGray-50 {
-    --tw-ring-offset-color: #F7F8F9;
-  }
-
-  .\32xl\:ring-offset-coolGray-100 {
-    --tw-ring-offset-color: #EEF0F3;
-  }
-
-  .\32xl\:ring-offset-coolGray-200 {
-    --tw-ring-offset-color: #D5DAE1;
-  }
-
-  .\32xl\:ring-offset-coolGray-300 {
-    --tw-ring-offset-color: #BBC3CF;
-  }
-
-  .\32xl\:ring-offset-coolGray-400 {
-    --tw-ring-offset-color: #8896AB;
-  }
-
-  .\32xl\:ring-offset-coolGray-500 {
-    --tw-ring-offset-color: #556987;
-  }
-
-  .\32xl\:ring-offset-coolGray-600 {
-    --tw-ring-offset-color: #4D5F7A;
-  }
-
-  .\32xl\:ring-offset-coolGray-700 {
-    --tw-ring-offset-color: #404F65;
-  }
-
-  .\32xl\:ring-offset-coolGray-800 {
-    --tw-ring-offset-color: #333F51;
-  }
-
-  .\32xl\:ring-offset-coolGray-900 {
-    --tw-ring-offset-color: #2A3342;
-  }
-
-  .\32xl\:ring-offset-indigo-50 {
-    --tw-ring-offset-color: #F8F6FF;
-  }
-
-  .\32xl\:ring-offset-indigo-100 {
-    --tw-ring-offset-color: #F0EEFF;
-  }
-
-  .\32xl\:ring-offset-indigo-200 {
-    --tw-ring-offset-color: #DAD4FF;
-  }
-
-  .\32xl\:ring-offset-indigo-300 {
-    --tw-ring-offset-color: #C3B9FF;
-  }
-
-  .\32xl\:ring-offset-indigo-400 {
-    --tw-ring-offset-color: #9685FF;
-  }
-
-  .\32xl\:ring-offset-indigo-500 {
-    --tw-ring-offset-color: #6951FF;
-  }
-
-  .\32xl\:ring-offset-indigo-600 {
-    --tw-ring-offset-color: #5F49E6;
-  }
-
-  .\32xl\:ring-offset-indigo-700 {
-    --tw-ring-offset-color: #4F3DBF;
-  }
-
-  .\32xl\:ring-offset-indigo-800 {
-    --tw-ring-offset-color: #3F3199;
-  }
-
-  .\32xl\:ring-offset-indigo-900 {
-    --tw-ring-offset-color: #33287D;
-  }
-
-  .\32xl\:ring-offset-violet-50 {
-    --tw-ring-offset-color: #FBF7FF;
-  }
-
-  .\32xl\:ring-offset-violet-100 {
-    --tw-ring-offset-color: #F6EEFE;
-  }
-
-  .\32xl\:ring-offset-violet-200 {
-    --tw-ring-offset-color: #E9D5FD;
-  }
-
-  .\32xl\:ring-offset-violet-300 {
-    --tw-ring-offset-color: #DCBBFC;
-  }
-
-  .\32xl\:ring-offset-violet-400 {
-    --tw-ring-offset-color: #C288F9;
-  }
-
-  .\32xl\:ring-offset-violet-500 {
-    --tw-ring-offset-color: #A855F7;
-  }
-
-  .\32xl\:ring-offset-violet-600 {
-    --tw-ring-offset-color: #974DDE;
-  }
-
-  .\32xl\:ring-offset-violet-700 {
-    --tw-ring-offset-color: #7E40B9;
-  }
-
-  .\32xl\:ring-offset-violet-800 {
-    --tw-ring-offset-color: #653394;
-  }
-
-  .\32xl\:ring-offset-violet-900 {
-    --tw-ring-offset-color: #522A79;
-  }
-
-  .\32xl\:ring-offset-yellow-50 {
-    --tw-ring-offset-color: #FFFAF3;
-  }
-
-  .\32xl\:ring-offset-yellow-100 {
-    --tw-ring-offset-color: #FEF5E7;
-  }
-
-  .\32xl\:ring-offset-yellow-200 {
-    --tw-ring-offset-color: #FDE7C2;
-  }
-
-  .\32xl\:ring-offset-yellow-300 {
-    --tw-ring-offset-color: #FBD89D;
-  }
-
-  .\32xl\:ring-offset-yellow-400 {
-    --tw-ring-offset-color: #F8BB54;
-  }
-
-  .\32xl\:ring-offset-yellow-500 {
-    --tw-ring-offset-color: #F59E0B;
-  }
-
-  .\32xl\:ring-offset-yellow-600 {
-    --tw-ring-offset-color: #DD8E0A;
-  }
-
-  .\32xl\:ring-offset-yellow-700 {
-    --tw-ring-offset-color: #B87708;
-  }
-
-  .\32xl\:ring-offset-yellow-800 {
-    --tw-ring-offset-color: #935F07;
-  }
-
-  .\32xl\:ring-offset-yellow-900 {
-    --tw-ring-offset-color: #784D05;
-  }
-
-  .\32xl\:ring-offset-red-50 {
-    --tw-ring-offset-color: #FEF7F6;
-  }
-
-  .\32xl\:ring-offset-red-100 {
-    --tw-ring-offset-color: #FDEEEC;
-  }
-
-  .\32xl\:ring-offset-red-200 {
-    --tw-ring-offset-color: #FBD6D0;
-  }
-
-  .\32xl\:ring-offset-red-300 {
-    --tw-ring-offset-color: #F9BDB4;
-  }
-
-  .\32xl\:ring-offset-red-400 {
-    --tw-ring-offset-color: #F48B7C;
-  }
-
-  .\32xl\:ring-offset-red-500 {
-    --tw-ring-offset-color: #EF5844;
-  }
-
-  .\32xl\:ring-offset-red-600 {
-    --tw-ring-offset-color: #D7503D;
-  }
-
-  .\32xl\:ring-offset-red-700 {
-    --tw-ring-offset-color: #B34333;
-  }
-
-  .\32xl\:ring-offset-red-800 {
-    --tw-ring-offset-color: #8F3529;
-  }
-
-  .\32xl\:ring-offset-red-900 {
-    --tw-ring-offset-color: #752C21;
-  }
-
-  .\32xl\:ring-offset-green-50 {
-    --tw-ring-offset-color: #F4FDF7;
-  }
-
-  .\32xl\:ring-offset-green-100 {
-    --tw-ring-offset-color: #EAFAF0;
-  }
-
-  .\32xl\:ring-offset-green-200 {
-    --tw-ring-offset-color: #CAF4D9;
-  }
-
-  .\32xl\:ring-offset-green-300 {
-    --tw-ring-offset-color: #AAEDC3;
-  }
-
-  .\32xl\:ring-offset-green-400 {
-    --tw-ring-offset-color: #6ADF95;
-  }
-
-  .\32xl\:ring-offset-green-500 {
-    --tw-ring-offset-color: #2AD167;
-  }
-
-  .\32xl\:ring-offset-green-600 {
-    --tw-ring-offset-color: #26BC5E;
-  }
-
-  .\32xl\:ring-offset-green-700 {
-    --tw-ring-offset-color: #209D4E;
-  }
-
-  .\32xl\:ring-offset-green-800 {
-    --tw-ring-offset-color: #197D3E;
-  }
-
-  .\32xl\:ring-offset-green-900 {
-    --tw-ring-offset-color: #156633;
-  }
-
-  .\32xl\:ring-offset-blue-50 {
-    --tw-ring-offset-color: #F5F9FF;
-  }
-
-  .\32xl\:ring-offset-blue-100 {
-    --tw-ring-offset-color: #EBF3FE;
-  }
-
-  .\32xl\:ring-offset-blue-200 {
-    --tw-ring-offset-color: #CEE0FD;
-  }
-
-  .\32xl\:ring-offset-blue-300 {
-    --tw-ring-offset-color: #B1CDFB;
-  }
-
-  .\32xl\:ring-offset-blue-400 {
-    --tw-ring-offset-color: #76A8F9;
-  }
-
-  .\32xl\:ring-offset-blue-500 {
-    --tw-ring-offset-color: #3B82F6;
-  }
-
-  .\32xl\:ring-offset-blue-600 {
-    --tw-ring-offset-color: #3575DD;
-  }
-
-  .\32xl\:ring-offset-blue-700 {
-    --tw-ring-offset-color: #2C62B9;
-  }
-
-  .\32xl\:ring-offset-blue-800 {
-    --tw-ring-offset-color: #234E94;
-  }
-
-  .\32xl\:ring-offset-blue-900 {
-    --tw-ring-offset-color: #1D4079;
-  }
-
-  .\32xl\:ring-offset-gray-50 {
-    --tw-ring-offset-color: #f9fafb;
-  }
-
-  .\32xl\:ring-offset-gray-100 {
-    --tw-ring-offset-color: #f3f4f6;
-  }
-
-  .\32xl\:ring-offset-gray-200 {
-    --tw-ring-offset-color: #e5e7eb;
-  }
-
-  .\32xl\:ring-offset-gray-300 {
-    --tw-ring-offset-color: #d1d5db;
-  }
-
-  .\32xl\:ring-offset-gray-400 {
-    --tw-ring-offset-color: #9ca3af;
-  }
-
-  .\32xl\:ring-offset-gray-500 {
-    --tw-ring-offset-color: #6b7280;
-  }
-
-  .\32xl\:ring-offset-gray-600 {
-    --tw-ring-offset-color: #4b5563;
-  }
-
-  .\32xl\:ring-offset-gray-700 {
-    --tw-ring-offset-color: #374151;
-  }
-
-  .\32xl\:ring-offset-gray-800 {
-    --tw-ring-offset-color: #1f2937;
-  }
-
-  .\32xl\:ring-offset-gray-900 {
-    --tw-ring-offset-color: #111827;
-  }
-
-  .\32xl\:focus-within\:ring-offset-current:focus-within {
-    --tw-ring-offset-color: currentColor;
-  }
-
-  .\32xl\:focus-within\:ring-offset-transparent:focus-within {
-    --tw-ring-offset-color: transparent;
-  }
-
-  .\32xl\:focus-within\:ring-offset-black:focus-within {
-    --tw-ring-offset-color: #000;
-  }
-
-  .\32xl\:focus-within\:ring-offset-white:focus-within {
-    --tw-ring-offset-color: #fff;
-  }
-
-  .\32xl\:focus-within\:ring-offset-darkCoolGray-50:focus-within {
-    --tw-ring-offset-color: #F5F6F7;
-  }
-
-  .\32xl\:focus-within\:ring-offset-darkCoolGray-100:focus-within {
-    --tw-ring-offset-color: #EBEDEF;
-  }
-
-  .\32xl\:focus-within\:ring-offset-darkCoolGray-200:focus-within {
-    --tw-ring-offset-color: #CED1D6;
-  }
-
-  .\32xl\:focus-within\:ring-offset-darkCoolGray-300:focus-within {
-    --tw-ring-offset-color: #B0B5BD;
-  }
-
-  .\32xl\:focus-within\:ring-offset-darkCoolGray-400:focus-within {
-    --tw-ring-offset-color: #757E8C;
-  }
-
-  .\32xl\:focus-within\:ring-offset-darkCoolGray-500:focus-within {
-    --tw-ring-offset-color: #3A475B;
-  }
-
-  .\32xl\:focus-within\:ring-offset-darkCoolGray-600:focus-within {
-    --tw-ring-offset-color: #344052;
-  }
-
-  .\32xl\:focus-within\:ring-offset-darkCoolGray-700:focus-within {
-    --tw-ring-offset-color: #2C3544;
-  }
-
-  .\32xl\:focus-within\:ring-offset-darkCoolGray-800:focus-within {
-    --tw-ring-offset-color: #232B37;
-  }
-
-  .\32xl\:focus-within\:ring-offset-darkCoolGray-900:focus-within {
-    --tw-ring-offset-color: #1C232D;
-  }
-
-  .\32xl\:focus-within\:ring-offset-coolGray-50:focus-within {
-    --tw-ring-offset-color: #F7F8F9;
-  }
-
-  .\32xl\:focus-within\:ring-offset-coolGray-100:focus-within {
-    --tw-ring-offset-color: #EEF0F3;
-  }
-
-  .\32xl\:focus-within\:ring-offset-coolGray-200:focus-within {
-    --tw-ring-offset-color: #D5DAE1;
-  }
-
-  .\32xl\:focus-within\:ring-offset-coolGray-300:focus-within {
-    --tw-ring-offset-color: #BBC3CF;
-  }
-
-  .\32xl\:focus-within\:ring-offset-coolGray-400:focus-within {
-    --tw-ring-offset-color: #8896AB;
-  }
-
-  .\32xl\:focus-within\:ring-offset-coolGray-500:focus-within {
-    --tw-ring-offset-color: #556987;
-  }
-
-  .\32xl\:focus-within\:ring-offset-coolGray-600:focus-within {
-    --tw-ring-offset-color: #4D5F7A;
-  }
-
-  .\32xl\:focus-within\:ring-offset-coolGray-700:focus-within {
-    --tw-ring-offset-color: #404F65;
-  }
-
-  .\32xl\:focus-within\:ring-offset-coolGray-800:focus-within {
-    --tw-ring-offset-color: #333F51;
-  }
-
-  .\32xl\:focus-within\:ring-offset-coolGray-900:focus-within {
-    --tw-ring-offset-color: #2A3342;
-  }
-
-  .\32xl\:focus-within\:ring-offset-indigo-50:focus-within {
-    --tw-ring-offset-color: #F8F6FF;
-  }
-
-  .\32xl\:focus-within\:ring-offset-indigo-100:focus-within {
-    --tw-ring-offset-color: #F0EEFF;
-  }
-
-  .\32xl\:focus-within\:ring-offset-indigo-200:focus-within {
-    --tw-ring-offset-color: #DAD4FF;
-  }
-
-  .\32xl\:focus-within\:ring-offset-indigo-300:focus-within {
-    --tw-ring-offset-color: #C3B9FF;
-  }
-
-  .\32xl\:focus-within\:ring-offset-indigo-400:focus-within {
-    --tw-ring-offset-color: #9685FF;
-  }
-
-  .\32xl\:focus-within\:ring-offset-indigo-500:focus-within {
-    --tw-ring-offset-color: #6951FF;
-  }
-
-  .\32xl\:focus-within\:ring-offset-indigo-600:focus-within {
-    --tw-ring-offset-color: #5F49E6;
-  }
-
-  .\32xl\:focus-within\:ring-offset-indigo-700:focus-within {
-    --tw-ring-offset-color: #4F3DBF;
-  }
-
-  .\32xl\:focus-within\:ring-offset-indigo-800:focus-within {
-    --tw-ring-offset-color: #3F3199;
-  }
-
-  .\32xl\:focus-within\:ring-offset-indigo-900:focus-within {
-    --tw-ring-offset-color: #33287D;
-  }
-
-  .\32xl\:focus-within\:ring-offset-violet-50:focus-within {
-    --tw-ring-offset-color: #FBF7FF;
-  }
-
-  .\32xl\:focus-within\:ring-offset-violet-100:focus-within {
-    --tw-ring-offset-color: #F6EEFE;
-  }
-
-  .\32xl\:focus-within\:ring-offset-violet-200:focus-within {
-    --tw-ring-offset-color: #E9D5FD;
-  }
-
-  .\32xl\:focus-within\:ring-offset-violet-300:focus-within {
-    --tw-ring-offset-color: #DCBBFC;
-  }
-
-  .\32xl\:focus-within\:ring-offset-violet-400:focus-within {
-    --tw-ring-offset-color: #C288F9;
-  }
-
-  .\32xl\:focus-within\:ring-offset-violet-500:focus-within {
-    --tw-ring-offset-color: #A855F7;
-  }
-
-  .\32xl\:focus-within\:ring-offset-violet-600:focus-within {
-    --tw-ring-offset-color: #974DDE;
-  }
-
-  .\32xl\:focus-within\:ring-offset-violet-700:focus-within {
-    --tw-ring-offset-color: #7E40B9;
-  }
-
-  .\32xl\:focus-within\:ring-offset-violet-800:focus-within {
-    --tw-ring-offset-color: #653394;
-  }
-
-  .\32xl\:focus-within\:ring-offset-violet-900:focus-within {
-    --tw-ring-offset-color: #522A79;
-  }
-
-  .\32xl\:focus-within\:ring-offset-yellow-50:focus-within {
-    --tw-ring-offset-color: #FFFAF3;
-  }
-
-  .\32xl\:focus-within\:ring-offset-yellow-100:focus-within {
-    --tw-ring-offset-color: #FEF5E7;
-  }
-
-  .\32xl\:focus-within\:ring-offset-yellow-200:focus-within {
-    --tw-ring-offset-color: #FDE7C2;
-  }
-
-  .\32xl\:focus-within\:ring-offset-yellow-300:focus-within {
-    --tw-ring-offset-color: #FBD89D;
-  }
-
-  .\32xl\:focus-within\:ring-offset-yellow-400:focus-within {
-    --tw-ring-offset-color: #F8BB54;
-  }
-
-  .\32xl\:focus-within\:ring-offset-yellow-500:focus-within {
-    --tw-ring-offset-color: #F59E0B;
-  }
-
-  .\32xl\:focus-within\:ring-offset-yellow-600:focus-within {
-    --tw-ring-offset-color: #DD8E0A;
-  }
-
-  .\32xl\:focus-within\:ring-offset-yellow-700:focus-within {
-    --tw-ring-offset-color: #B87708;
-  }
-
-  .\32xl\:focus-within\:ring-offset-yellow-800:focus-within {
-    --tw-ring-offset-color: #935F07;
-  }
-
-  .\32xl\:focus-within\:ring-offset-yellow-900:focus-within {
-    --tw-ring-offset-color: #784D05;
-  }
-
-  .\32xl\:focus-within\:ring-offset-red-50:focus-within {
-    --tw-ring-offset-color: #FEF7F6;
-  }
-
-  .\32xl\:focus-within\:ring-offset-red-100:focus-within {
-    --tw-ring-offset-color: #FDEEEC;
-  }
-
-  .\32xl\:focus-within\:ring-offset-red-200:focus-within {
-    --tw-ring-offset-color: #FBD6D0;
-  }
-
-  .\32xl\:focus-within\:ring-offset-red-300:focus-within {
-    --tw-ring-offset-color: #F9BDB4;
-  }
-
-  .\32xl\:focus-within\:ring-offset-red-400:focus-within {
-    --tw-ring-offset-color: #F48B7C;
-  }
-
-  .\32xl\:focus-within\:ring-offset-red-500:focus-within {
-    --tw-ring-offset-color: #EF5844;
-  }
-
-  .\32xl\:focus-within\:ring-offset-red-600:focus-within {
-    --tw-ring-offset-color: #D7503D;
-  }
-
-  .\32xl\:focus-within\:ring-offset-red-700:focus-within {
-    --tw-ring-offset-color: #B34333;
-  }
-
-  .\32xl\:focus-within\:ring-offset-red-800:focus-within {
-    --tw-ring-offset-color: #8F3529;
-  }
-
-  .\32xl\:focus-within\:ring-offset-red-900:focus-within {
-    --tw-ring-offset-color: #752C21;
-  }
-
-  .\32xl\:focus-within\:ring-offset-green-50:focus-within {
-    --tw-ring-offset-color: #F4FDF7;
-  }
-
-  .\32xl\:focus-within\:ring-offset-green-100:focus-within {
-    --tw-ring-offset-color: #EAFAF0;
-  }
-
-  .\32xl\:focus-within\:ring-offset-green-200:focus-within {
-    --tw-ring-offset-color: #CAF4D9;
-  }
-
-  .\32xl\:focus-within\:ring-offset-green-300:focus-within {
-    --tw-ring-offset-color: #AAEDC3;
-  }
-
-  .\32xl\:focus-within\:ring-offset-green-400:focus-within {
-    --tw-ring-offset-color: #6ADF95;
-  }
-
-  .\32xl\:focus-within\:ring-offset-green-500:focus-within {
-    --tw-ring-offset-color: #2AD167;
-  }
-
-  .\32xl\:focus-within\:ring-offset-green-600:focus-within {
-    --tw-ring-offset-color: #26BC5E;
-  }
-
-  .\32xl\:focus-within\:ring-offset-green-700:focus-within {
-    --tw-ring-offset-color: #209D4E;
-  }
-
-  .\32xl\:focus-within\:ring-offset-green-800:focus-within {
-    --tw-ring-offset-color: #197D3E;
-  }
-
-  .\32xl\:focus-within\:ring-offset-green-900:focus-within {
-    --tw-ring-offset-color: #156633;
-  }
-
-  .\32xl\:focus-within\:ring-offset-blue-50:focus-within {
-    --tw-ring-offset-color: #F5F9FF;
-  }
-
-  .\32xl\:focus-within\:ring-offset-blue-100:focus-within {
-    --tw-ring-offset-color: #EBF3FE;
-  }
-
-  .\32xl\:focus-within\:ring-offset-blue-200:focus-within {
-    --tw-ring-offset-color: #CEE0FD;
-  }
-
-  .\32xl\:focus-within\:ring-offset-blue-300:focus-within {
-    --tw-ring-offset-color: #B1CDFB;
-  }
-
-  .\32xl\:focus-within\:ring-offset-blue-400:focus-within {
-    --tw-ring-offset-color: #76A8F9;
-  }
-
-  .\32xl\:focus-within\:ring-offset-blue-500:focus-within {
-    --tw-ring-offset-color: #3B82F6;
-  }
-
-  .\32xl\:focus-within\:ring-offset-blue-600:focus-within {
-    --tw-ring-offset-color: #3575DD;
-  }
-
-  .\32xl\:focus-within\:ring-offset-blue-700:focus-within {
-    --tw-ring-offset-color: #2C62B9;
-  }
-
-  .\32xl\:focus-within\:ring-offset-blue-800:focus-within {
-    --tw-ring-offset-color: #234E94;
-  }
-
-  .\32xl\:focus-within\:ring-offset-blue-900:focus-within {
-    --tw-ring-offset-color: #1D4079;
-  }
-
-  .\32xl\:focus-within\:ring-offset-gray-50:focus-within {
-    --tw-ring-offset-color: #f9fafb;
-  }
-
-  .\32xl\:focus-within\:ring-offset-gray-100:focus-within {
-    --tw-ring-offset-color: #f3f4f6;
-  }
-
-  .\32xl\:focus-within\:ring-offset-gray-200:focus-within {
-    --tw-ring-offset-color: #e5e7eb;
-  }
-
-  .\32xl\:focus-within\:ring-offset-gray-300:focus-within {
-    --tw-ring-offset-color: #d1d5db;
-  }
-
-  .\32xl\:focus-within\:ring-offset-gray-400:focus-within {
-    --tw-ring-offset-color: #9ca3af;
-  }
-
-  .\32xl\:focus-within\:ring-offset-gray-500:focus-within {
-    --tw-ring-offset-color: #6b7280;
-  }
-
-  .\32xl\:focus-within\:ring-offset-gray-600:focus-within {
-    --tw-ring-offset-color: #4b5563;
-  }
-
-  .\32xl\:focus-within\:ring-offset-gray-700:focus-within {
-    --tw-ring-offset-color: #374151;
-  }
-
-  .\32xl\:focus-within\:ring-offset-gray-800:focus-within {
-    --tw-ring-offset-color: #1f2937;
-  }
-
-  .\32xl\:focus-within\:ring-offset-gray-900:focus-within {
-    --tw-ring-offset-color: #111827;
-  }
-
-  .\32xl\:focus\:ring-offset-current:focus {
-    --tw-ring-offset-color: currentColor;
-  }
-
-  .\32xl\:focus\:ring-offset-transparent:focus {
-    --tw-ring-offset-color: transparent;
-  }
-
-  .\32xl\:focus\:ring-offset-black:focus {
-    --tw-ring-offset-color: #000;
-  }
-
-  .\32xl\:focus\:ring-offset-white:focus {
-    --tw-ring-offset-color: #fff;
-  }
-
-  .\32xl\:focus\:ring-offset-darkCoolGray-50:focus {
-    --tw-ring-offset-color: #F5F6F7;
-  }
-
-  .\32xl\:focus\:ring-offset-darkCoolGray-100:focus {
-    --tw-ring-offset-color: #EBEDEF;
-  }
-
-  .\32xl\:focus\:ring-offset-darkCoolGray-200:focus {
-    --tw-ring-offset-color: #CED1D6;
-  }
-
-  .\32xl\:focus\:ring-offset-darkCoolGray-300:focus {
-    --tw-ring-offset-color: #B0B5BD;
-  }
-
-  .\32xl\:focus\:ring-offset-darkCoolGray-400:focus {
-    --tw-ring-offset-color: #757E8C;
-  }
-
-  .\32xl\:focus\:ring-offset-darkCoolGray-500:focus {
-    --tw-ring-offset-color: #3A475B;
-  }
-
-  .\32xl\:focus\:ring-offset-darkCoolGray-600:focus {
-    --tw-ring-offset-color: #344052;
-  }
-
-  .\32xl\:focus\:ring-offset-darkCoolGray-700:focus {
-    --tw-ring-offset-color: #2C3544;
-  }
-
-  .\32xl\:focus\:ring-offset-darkCoolGray-800:focus {
-    --tw-ring-offset-color: #232B37;
-  }
-
-  .\32xl\:focus\:ring-offset-darkCoolGray-900:focus {
-    --tw-ring-offset-color: #1C232D;
-  }
-
-  .\32xl\:focus\:ring-offset-coolGray-50:focus {
-    --tw-ring-offset-color: #F7F8F9;
-  }
-
-  .\32xl\:focus\:ring-offset-coolGray-100:focus {
-    --tw-ring-offset-color: #EEF0F3;
-  }
-
-  .\32xl\:focus\:ring-offset-coolGray-200:focus {
-    --tw-ring-offset-color: #D5DAE1;
-  }
-
-  .\32xl\:focus\:ring-offset-coolGray-300:focus {
-    --tw-ring-offset-color: #BBC3CF;
-  }
-
-  .\32xl\:focus\:ring-offset-coolGray-400:focus {
-    --tw-ring-offset-color: #8896AB;
-  }
-
-  .\32xl\:focus\:ring-offset-coolGray-500:focus {
-    --tw-ring-offset-color: #556987;
-  }
-
-  .\32xl\:focus\:ring-offset-coolGray-600:focus {
-    --tw-ring-offset-color: #4D5F7A;
-  }
-
-  .\32xl\:focus\:ring-offset-coolGray-700:focus {
-    --tw-ring-offset-color: #404F65;
-  }
-
-  .\32xl\:focus\:ring-offset-coolGray-800:focus {
-    --tw-ring-offset-color: #333F51;
-  }
-
-  .\32xl\:focus\:ring-offset-coolGray-900:focus {
-    --tw-ring-offset-color: #2A3342;
-  }
-
-  .\32xl\:focus\:ring-offset-indigo-50:focus {
-    --tw-ring-offset-color: #F8F6FF;
-  }
-
-  .\32xl\:focus\:ring-offset-indigo-100:focus {
-    --tw-ring-offset-color: #F0EEFF;
-  }
-
-  .\32xl\:focus\:ring-offset-indigo-200:focus {
-    --tw-ring-offset-color: #DAD4FF;
-  }
-
-  .\32xl\:focus\:ring-offset-indigo-300:focus {
-    --tw-ring-offset-color: #C3B9FF;
-  }
-
-  .\32xl\:focus\:ring-offset-indigo-400:focus {
-    --tw-ring-offset-color: #9685FF;
-  }
-
-  .\32xl\:focus\:ring-offset-indigo-500:focus {
-    --tw-ring-offset-color: #6951FF;
-  }
-
-  .\32xl\:focus\:ring-offset-indigo-600:focus {
-    --tw-ring-offset-color: #5F49E6;
-  }
-
-  .\32xl\:focus\:ring-offset-indigo-700:focus {
-    --tw-ring-offset-color: #4F3DBF;
-  }
-
-  .\32xl\:focus\:ring-offset-indigo-800:focus {
-    --tw-ring-offset-color: #3F3199;
-  }
-
-  .\32xl\:focus\:ring-offset-indigo-900:focus {
-    --tw-ring-offset-color: #33287D;
-  }
-
-  .\32xl\:focus\:ring-offset-violet-50:focus {
-    --tw-ring-offset-color: #FBF7FF;
-  }
-
-  .\32xl\:focus\:ring-offset-violet-100:focus {
-    --tw-ring-offset-color: #F6EEFE;
-  }
-
-  .\32xl\:focus\:ring-offset-violet-200:focus {
-    --tw-ring-offset-color: #E9D5FD;
-  }
-
-  .\32xl\:focus\:ring-offset-violet-300:focus {
-    --tw-ring-offset-color: #DCBBFC;
-  }
-
-  .\32xl\:focus\:ring-offset-violet-400:focus {
-    --tw-ring-offset-color: #C288F9;
-  }
-
-  .\32xl\:focus\:ring-offset-violet-500:focus {
-    --tw-ring-offset-color: #A855F7;
-  }
-
-  .\32xl\:focus\:ring-offset-violet-600:focus {
-    --tw-ring-offset-color: #974DDE;
-  }
-
-  .\32xl\:focus\:ring-offset-violet-700:focus {
-    --tw-ring-offset-color: #7E40B9;
-  }
-
-  .\32xl\:focus\:ring-offset-violet-800:focus {
-    --tw-ring-offset-color: #653394;
-  }
-
-  .\32xl\:focus\:ring-offset-violet-900:focus {
-    --tw-ring-offset-color: #522A79;
-  }
-
-  .\32xl\:focus\:ring-offset-yellow-50:focus {
-    --tw-ring-offset-color: #FFFAF3;
-  }
-
-  .\32xl\:focus\:ring-offset-yellow-100:focus {
-    --tw-ring-offset-color: #FEF5E7;
-  }
-
-  .\32xl\:focus\:ring-offset-yellow-200:focus {
-    --tw-ring-offset-color: #FDE7C2;
-  }
-
-  .\32xl\:focus\:ring-offset-yellow-300:focus {
-    --tw-ring-offset-color: #FBD89D;
-  }
-
-  .\32xl\:focus\:ring-offset-yellow-400:focus {
-    --tw-ring-offset-color: #F8BB54;
-  }
-
-  .\32xl\:focus\:ring-offset-yellow-500:focus {
-    --tw-ring-offset-color: #F59E0B;
-  }
-
-  .\32xl\:focus\:ring-offset-yellow-600:focus {
-    --tw-ring-offset-color: #DD8E0A;
-  }
-
-  .\32xl\:focus\:ring-offset-yellow-700:focus {
-    --tw-ring-offset-color: #B87708;
-  }
-
-  .\32xl\:focus\:ring-offset-yellow-800:focus {
-    --tw-ring-offset-color: #935F07;
-  }
-
-  .\32xl\:focus\:ring-offset-yellow-900:focus {
-    --tw-ring-offset-color: #784D05;
-  }
-
-  .\32xl\:focus\:ring-offset-red-50:focus {
-    --tw-ring-offset-color: #FEF7F6;
-  }
-
-  .\32xl\:focus\:ring-offset-red-100:focus {
-    --tw-ring-offset-color: #FDEEEC;
-  }
-
-  .\32xl\:focus\:ring-offset-red-200:focus {
-    --tw-ring-offset-color: #FBD6D0;
-  }
-
-  .\32xl\:focus\:ring-offset-red-300:focus {
-    --tw-ring-offset-color: #F9BDB4;
-  }
-
-  .\32xl\:focus\:ring-offset-red-400:focus {
-    --tw-ring-offset-color: #F48B7C;
-  }
-
-  .\32xl\:focus\:ring-offset-red-500:focus {
-    --tw-ring-offset-color: #EF5844;
-  }
-
-  .\32xl\:focus\:ring-offset-red-600:focus {
-    --tw-ring-offset-color: #D7503D;
-  }
-
-  .\32xl\:focus\:ring-offset-red-700:focus {
-    --tw-ring-offset-color: #B34333;
-  }
-
-  .\32xl\:focus\:ring-offset-red-800:focus {
-    --tw-ring-offset-color: #8F3529;
-  }
-
-  .\32xl\:focus\:ring-offset-red-900:focus {
-    --tw-ring-offset-color: #752C21;
-  }
-
-  .\32xl\:focus\:ring-offset-green-50:focus {
-    --tw-ring-offset-color: #F4FDF7;
-  }
-
-  .\32xl\:focus\:ring-offset-green-100:focus {
-    --tw-ring-offset-color: #EAFAF0;
-  }
-
-  .\32xl\:focus\:ring-offset-green-200:focus {
-    --tw-ring-offset-color: #CAF4D9;
-  }
-
-  .\32xl\:focus\:ring-offset-green-300:focus {
-    --tw-ring-offset-color: #AAEDC3;
-  }
-
-  .\32xl\:focus\:ring-offset-green-400:focus {
-    --tw-ring-offset-color: #6ADF95;
-  }
-
-  .\32xl\:focus\:ring-offset-green-500:focus {
-    --tw-ring-offset-color: #2AD167;
-  }
-
-  .\32xl\:focus\:ring-offset-green-600:focus {
-    --tw-ring-offset-color: #26BC5E;
-  }
-
-  .\32xl\:focus\:ring-offset-green-700:focus {
-    --tw-ring-offset-color: #209D4E;
-  }
-
-  .\32xl\:focus\:ring-offset-green-800:focus {
-    --tw-ring-offset-color: #197D3E;
-  }
-
-  .\32xl\:focus\:ring-offset-green-900:focus {
-    --tw-ring-offset-color: #156633;
-  }
-
-  .\32xl\:focus\:ring-offset-blue-50:focus {
-    --tw-ring-offset-color: #F5F9FF;
-  }
-
-  .\32xl\:focus\:ring-offset-blue-100:focus {
-    --tw-ring-offset-color: #EBF3FE;
-  }
-
-  .\32xl\:focus\:ring-offset-blue-200:focus {
-    --tw-ring-offset-color: #CEE0FD;
-  }
-
-  .\32xl\:focus\:ring-offset-blue-300:focus {
-    --tw-ring-offset-color: #B1CDFB;
-  }
-
-  .\32xl\:focus\:ring-offset-blue-400:focus {
-    --tw-ring-offset-color: #76A8F9;
-  }
-
-  .\32xl\:focus\:ring-offset-blue-500:focus {
-    --tw-ring-offset-color: #3B82F6;
-  }
-
-  .\32xl\:focus\:ring-offset-blue-600:focus {
-    --tw-ring-offset-color: #3575DD;
-  }
-
-  .\32xl\:focus\:ring-offset-blue-700:focus {
-    --tw-ring-offset-color: #2C62B9;
-  }
-
-  .\32xl\:focus\:ring-offset-blue-800:focus {
-    --tw-ring-offset-color: #234E94;
-  }
-
-  .\32xl\:focus\:ring-offset-blue-900:focus {
-    --tw-ring-offset-color: #1D4079;
-  }
-
-  .\32xl\:focus\:ring-offset-gray-50:focus {
-    --tw-ring-offset-color: #f9fafb;
-  }
-
-  .\32xl\:focus\:ring-offset-gray-100:focus {
-    --tw-ring-offset-color: #f3f4f6;
-  }
-
-  .\32xl\:focus\:ring-offset-gray-200:focus {
-    --tw-ring-offset-color: #e5e7eb;
-  }
-
-  .\32xl\:focus\:ring-offset-gray-300:focus {
-    --tw-ring-offset-color: #d1d5db;
-  }
-
-  .\32xl\:focus\:ring-offset-gray-400:focus {
-    --tw-ring-offset-color: #9ca3af;
-  }
-
-  .\32xl\:focus\:ring-offset-gray-500:focus {
-    --tw-ring-offset-color: #6b7280;
-  }
-
-  .\32xl\:focus\:ring-offset-gray-600:focus {
-    --tw-ring-offset-color: #4b5563;
-  }
-
-  .\32xl\:focus\:ring-offset-gray-700:focus {
-    --tw-ring-offset-color: #374151;
-  }
-
-  .\32xl\:focus\:ring-offset-gray-800:focus {
-    --tw-ring-offset-color: #1f2937;
-  }
-
-  .\32xl\:focus\:ring-offset-gray-900:focus {
-    --tw-ring-offset-color: #111827;
-  }
-
-  .\32xl\:ring-offset-0 {
-    --tw-ring-offset-width: 0px;
-  }
-
-  .\32xl\:ring-offset-1 {
-    --tw-ring-offset-width: 1px;
-  }
-
-  .\32xl\:ring-offset-2 {
-    --tw-ring-offset-width: 2px;
-  }
-
-  .\32xl\:ring-offset-4 {
-    --tw-ring-offset-width: 4px;
-  }
-
-  .\32xl\:ring-offset-8 {
-    --tw-ring-offset-width: 8px;
-  }
-
-  .\32xl\:focus-within\:ring-offset-0:focus-within {
-    --tw-ring-offset-width: 0px;
-  }
-
-  .\32xl\:focus-within\:ring-offset-1:focus-within {
-    --tw-ring-offset-width: 1px;
-  }
-
-  .\32xl\:focus-within\:ring-offset-2:focus-within {
-    --tw-ring-offset-width: 2px;
-  }
-
-  .\32xl\:focus-within\:ring-offset-4:focus-within {
-    --tw-ring-offset-width: 4px;
-  }
-
-  .\32xl\:focus-within\:ring-offset-8:focus-within {
-    --tw-ring-offset-width: 8px;
-  }
-
-  .\32xl\:focus\:ring-offset-0:focus {
-    --tw-ring-offset-width: 0px;
-  }
-
-  .\32xl\:focus\:ring-offset-1:focus {
-    --tw-ring-offset-width: 1px;
-  }
-
-  .\32xl\:focus\:ring-offset-2:focus {
-    --tw-ring-offset-width: 2px;
-  }
-
-  .\32xl\:focus\:ring-offset-4:focus {
-    --tw-ring-offset-width: 4px;
-  }
-
-  .\32xl\:focus\:ring-offset-8:focus {
-    --tw-ring-offset-width: 8px;
-  }
-
-  .\32xl\:ring-current {
-    --tw-ring-color: currentColor;
-  }
-
-  .\32xl\:ring-transparent {
-    --tw-ring-color: transparent;
-  }
-
-  .\32xl\:ring-black {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-white {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-darkCoolGray-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-darkCoolGray-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-darkCoolGray-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-darkCoolGray-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-darkCoolGray-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-darkCoolGray-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-darkCoolGray-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-darkCoolGray-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-darkCoolGray-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-darkCoolGray-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-coolGray-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-coolGray-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-coolGray-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-coolGray-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-coolGray-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-coolGray-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-coolGray-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-coolGray-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-coolGray-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-coolGray-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-indigo-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-indigo-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-indigo-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-indigo-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-indigo-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-indigo-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-indigo-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-indigo-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-indigo-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-indigo-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-violet-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-violet-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-violet-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-violet-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-violet-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-violet-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-violet-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-violet-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-violet-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-violet-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-yellow-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-yellow-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-yellow-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-yellow-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-yellow-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-yellow-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-yellow-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-yellow-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-yellow-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-yellow-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-red-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-red-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-red-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-red-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-red-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-red-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-red-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-red-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-red-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-red-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-green-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-green-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-green-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-green-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-green-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-green-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-green-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-green-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-green-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-green-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-blue-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-blue-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-blue-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-blue-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-blue-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-blue-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-blue-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-blue-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-blue-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-blue-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-gray-50 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-gray-100 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-gray-200 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-gray-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-gray-400 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-gray-500 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-gray-600 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-gray-700 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-gray-800 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-gray-900 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-current:focus-within {
-    --tw-ring-color: currentColor;
-  }
-
-  .\32xl\:focus-within\:ring-transparent:focus-within {
-    --tw-ring-color: transparent;
-  }
-
-  .\32xl\:focus-within\:ring-black:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-white:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-darkCoolGray-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-darkCoolGray-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-darkCoolGray-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-darkCoolGray-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-darkCoolGray-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-darkCoolGray-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-darkCoolGray-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-darkCoolGray-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-darkCoolGray-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-darkCoolGray-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-coolGray-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-coolGray-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-coolGray-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-coolGray-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-coolGray-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-coolGray-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-coolGray-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-coolGray-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-coolGray-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-coolGray-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-indigo-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-indigo-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-indigo-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-indigo-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-indigo-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-indigo-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-indigo-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-indigo-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-indigo-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-indigo-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-violet-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-violet-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-violet-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-violet-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-violet-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-violet-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-violet-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-violet-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-violet-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-violet-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-yellow-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-yellow-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-yellow-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-yellow-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-yellow-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-yellow-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-yellow-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-yellow-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-yellow-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-yellow-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-red-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-red-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-red-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-red-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-red-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-red-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-red-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-red-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-red-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-red-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-green-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-green-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-green-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-green-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-green-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-green-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-green-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-green-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-green-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-green-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-blue-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-blue-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-blue-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-blue-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-blue-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-blue-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-blue-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-blue-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-blue-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-blue-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-gray-50:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-gray-100:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-gray-200:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-gray-300:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-gray-400:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-gray-500:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-gray-600:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-gray-700:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-gray-800:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus-within\:ring-gray-900:focus-within {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-current:focus {
-    --tw-ring-color: currentColor;
-  }
-
-  .\32xl\:focus\:ring-transparent:focus {
-    --tw-ring-color: transparent;
-  }
-
-  .\32xl\:focus\:ring-black:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-white:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-darkCoolGray-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 246, 247, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-darkCoolGray-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 237, 239, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-darkCoolGray-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 209, 214, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-darkCoolGray-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(176, 181, 189, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-darkCoolGray-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 126, 140, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-darkCoolGray-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(58, 71, 91, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-darkCoolGray-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(52, 64, 82, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-darkCoolGray-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 53, 68, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-darkCoolGray-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 43, 55, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-darkCoolGray-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(28, 35, 45, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-coolGray-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(247, 248, 249, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-coolGray-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(238, 240, 243, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-coolGray-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(213, 218, 225, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-coolGray-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(187, 195, 207, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-coolGray-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(136, 150, 171, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-coolGray-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(85, 105, 135, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-coolGray-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(77, 95, 122, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-coolGray-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(64, 79, 101, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-coolGray-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 63, 81, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-coolGray-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 51, 66, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-indigo-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 246, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-indigo-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(240, 238, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-indigo-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(218, 212, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-indigo-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(195, 185, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-indigo-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(150, 133, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-indigo-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(105, 81, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-indigo-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(95, 73, 230, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-indigo-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(79, 61, 191, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-indigo-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(63, 49, 153, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-indigo-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(51, 40, 125, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-violet-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 247, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-violet-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(246, 238, 254, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-violet-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(233, 213, 253, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-violet-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(220, 187, 252, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-violet-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(194, 136, 249, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-violet-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-violet-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(151, 77, 222, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-violet-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(126, 64, 185, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-violet-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(101, 51, 148, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-violet-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(82, 42, 121, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-yellow-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(255, 250, 243, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-yellow-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 245, 231, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-yellow-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 231, 194, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-yellow-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 216, 157, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-yellow-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(248, 187, 84, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-yellow-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-yellow-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(221, 142, 10, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-yellow-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(184, 119, 8, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-yellow-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(147, 95, 7, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-yellow-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(120, 77, 5, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-red-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(254, 247, 246, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-red-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(253, 238, 236, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-red-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(251, 214, 208, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-red-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 189, 180, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-red-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 139, 124, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-red-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(239, 88, 68, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-red-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(215, 80, 61, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-red-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(179, 67, 51, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-red-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(143, 53, 41, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-red-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(117, 44, 33, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-green-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(244, 253, 247, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-green-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(234, 250, 240, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-green-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(202, 244, 217, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-green-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(170, 237, 195, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-green-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(106, 223, 149, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-green-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(42, 209, 103, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-green-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(38, 188, 94, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-green-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(32, 157, 78, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-green-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(25, 125, 62, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-green-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(21, 102, 51, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-blue-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(245, 249, 255, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-blue-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(235, 243, 254, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-blue-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(206, 224, 253, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-blue-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(177, 205, 251, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-blue-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(118, 168, 249, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-blue-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-blue-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(53, 117, 221, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-blue-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(44, 98, 185, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-blue-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(35, 78, 148, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-blue-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(29, 64, 121, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-gray-50:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-gray-100:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-gray-200:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-gray-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-gray-400:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-gray-500:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-gray-600:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-gray-700:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-gray-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:focus\:ring-gray-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
-  }
-
-  .\32xl\:ring-opacity-0 {
-    --tw-ring-opacity: 0;
-  }
-
-  .\32xl\:ring-opacity-5 {
-    --tw-ring-opacity: 0.05;
-  }
-
-  .\32xl\:ring-opacity-10 {
-    --tw-ring-opacity: 0.1;
-  }
-
-  .\32xl\:ring-opacity-20 {
-    --tw-ring-opacity: 0.2;
-  }
-
-  .\32xl\:ring-opacity-25 {
-    --tw-ring-opacity: 0.25;
-  }
-
-  .\32xl\:ring-opacity-30 {
-    --tw-ring-opacity: 0.3;
-  }
-
-  .\32xl\:ring-opacity-40 {
-    --tw-ring-opacity: 0.4;
-  }
-
-  .\32xl\:ring-opacity-50 {
-    --tw-ring-opacity: 0.5;
-  }
-
-  .\32xl\:ring-opacity-60 {
-    --tw-ring-opacity: 0.6;
-  }
-
-  .\32xl\:ring-opacity-70 {
-    --tw-ring-opacity: 0.7;
-  }
-
-  .\32xl\:ring-opacity-75 {
-    --tw-ring-opacity: 0.75;
-  }
-
-  .\32xl\:ring-opacity-80 {
-    --tw-ring-opacity: 0.8;
-  }
-
-  .\32xl\:ring-opacity-90 {
-    --tw-ring-opacity: 0.9;
-  }
-
-  .\32xl\:ring-opacity-95 {
-    --tw-ring-opacity: 0.95;
-  }
-
-  .\32xl\:ring-opacity-100 {
-    --tw-ring-opacity: 1;
-  }
-
-  .\32xl\:focus-within\:ring-opacity-0:focus-within {
-    --tw-ring-opacity: 0;
-  }
-
-  .\32xl\:focus-within\:ring-opacity-5:focus-within {
-    --tw-ring-opacity: 0.05;
-  }
-
-  .\32xl\:focus-within\:ring-opacity-10:focus-within {
-    --tw-ring-opacity: 0.1;
-  }
-
-  .\32xl\:focus-within\:ring-opacity-20:focus-within {
-    --tw-ring-opacity: 0.2;
-  }
-
-  .\32xl\:focus-within\:ring-opacity-25:focus-within {
-    --tw-ring-opacity: 0.25;
-  }
-
-  .\32xl\:focus-within\:ring-opacity-30:focus-within {
-    --tw-ring-opacity: 0.3;
-  }
-
-  .\32xl\:focus-within\:ring-opacity-40:focus-within {
-    --tw-ring-opacity: 0.4;
-  }
-
-  .\32xl\:focus-within\:ring-opacity-50:focus-within {
-    --tw-ring-opacity: 0.5;
-  }
-
-  .\32xl\:focus-within\:ring-opacity-60:focus-within {
-    --tw-ring-opacity: 0.6;
-  }
-
-  .\32xl\:focus-within\:ring-opacity-70:focus-within {
-    --tw-ring-opacity: 0.7;
-  }
-
-  .\32xl\:focus-within\:ring-opacity-75:focus-within {
-    --tw-ring-opacity: 0.75;
-  }
-
-  .\32xl\:focus-within\:ring-opacity-80:focus-within {
-    --tw-ring-opacity: 0.8;
-  }
-
-  .\32xl\:focus-within\:ring-opacity-90:focus-within {
-    --tw-ring-opacity: 0.9;
-  }
-
-  .\32xl\:focus-within\:ring-opacity-95:focus-within {
-    --tw-ring-opacity: 0.95;
-  }
-
-  .\32xl\:focus-within\:ring-opacity-100:focus-within {
-    --tw-ring-opacity: 1;
-  }
-
-  .\32xl\:focus\:ring-opacity-0:focus {
-    --tw-ring-opacity: 0;
-  }
-
-  .\32xl\:focus\:ring-opacity-5:focus {
-    --tw-ring-opacity: 0.05;
-  }
-
-  .\32xl\:focus\:ring-opacity-10:focus {
-    --tw-ring-opacity: 0.1;
-  }
-
-  .\32xl\:focus\:ring-opacity-20:focus {
-    --tw-ring-opacity: 0.2;
-  }
-
-  .\32xl\:focus\:ring-opacity-25:focus {
-    --tw-ring-opacity: 0.25;
-  }
-
-  .\32xl\:focus\:ring-opacity-30:focus {
-    --tw-ring-opacity: 0.3;
-  }
-
-  .\32xl\:focus\:ring-opacity-40:focus {
-    --tw-ring-opacity: 0.4;
-  }
-
-  .\32xl\:focus\:ring-opacity-50:focus {
-    --tw-ring-opacity: 0.5;
-  }
-
-  .\32xl\:focus\:ring-opacity-60:focus {
-    --tw-ring-opacity: 0.6;
-  }
-
-  .\32xl\:focus\:ring-opacity-70:focus {
-    --tw-ring-opacity: 0.7;
-  }
-
-  .\32xl\:focus\:ring-opacity-75:focus {
-    --tw-ring-opacity: 0.75;
-  }
-
-  .\32xl\:focus\:ring-opacity-80:focus {
-    --tw-ring-opacity: 0.8;
-  }
-
-  .\32xl\:focus\:ring-opacity-90:focus {
-    --tw-ring-opacity: 0.9;
-  }
-
-  .\32xl\:focus\:ring-opacity-95:focus {
-    --tw-ring-opacity: 0.95;
-  }
-
-  .\32xl\:focus\:ring-opacity-100:focus {
-    --tw-ring-opacity: 1;
-  }
-
-  .\32xl\:fill-current {
-    fill: currentColor;
-  }
-
-  .\32xl\:stroke-current {
-    stroke: currentColor;
-  }
-
-  .\32xl\:stroke-0 {
-    stroke-width: 0;
-  }
-
-  .\32xl\:stroke-1 {
-    stroke-width: 1;
-  }
-
-  .\32xl\:stroke-2 {
-    stroke-width: 2;
-  }
-
-  .\32xl\:table-auto {
-    table-layout: auto;
-  }
-
-  .\32xl\:table-fixed {
-    table-layout: fixed;
-  }
-
-  .\32xl\:text-left {
-    text-align: left;
-  }
-
-  .\32xl\:text-center {
-    text-align: center;
-  }
-
-  .\32xl\:text-right {
-    text-align: right;
-  }
-
-  .\32xl\:text-justify {
-    text-align: justify;
-  }
-
-  .\32xl\:text-current {
-    color: currentColor;
-  }
-
-  .\32xl\:text-transparent {
-    color: transparent;
-  }
-
-  .\32xl\:text-black {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-white {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-darkCoolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-darkCoolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-darkCoolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-darkCoolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-darkCoolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-darkCoolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-darkCoolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-darkCoolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-darkCoolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-darkCoolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-coolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-coolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-coolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-coolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-coolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-coolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-coolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-coolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-coolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-coolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-indigo-50 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-indigo-100 {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-indigo-200 {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-indigo-300 {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-indigo-400 {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-indigo-500 {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-indigo-600 {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-indigo-700 {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-indigo-800 {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-indigo-900 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-violet-50 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-violet-100 {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-violet-200 {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-violet-300 {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-violet-400 {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-violet-500 {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-violet-600 {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-violet-700 {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-violet-800 {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-violet-900 {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-yellow-50 {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-yellow-100 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-yellow-200 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-yellow-300 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-yellow-400 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-yellow-500 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-yellow-600 {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-yellow-700 {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-yellow-800 {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-yellow-900 {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-red-50 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-red-100 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-red-200 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-red-300 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-red-400 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-red-500 {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-red-600 {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-red-700 {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-red-800 {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-red-900 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-green-50 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-green-100 {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-green-200 {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-green-300 {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-green-400 {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-green-500 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-green-600 {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-green-700 {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-green-800 {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-green-900 {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-blue-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-blue-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-blue-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-blue-300 {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-blue-400 {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-blue-500 {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-blue-600 {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-blue-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-blue-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-blue-900 {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-gray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-gray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-gray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-gray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-gray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-gray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-gray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-gray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-gray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-gray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-body {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-current {
-    color: currentColor;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-transparent {
-    color: transparent;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-black {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-white {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-darkCoolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-darkCoolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-darkCoolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-darkCoolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-darkCoolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-darkCoolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-darkCoolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-darkCoolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-darkCoolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-darkCoolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-coolGray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-coolGray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-coolGray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-coolGray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-coolGray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-coolGray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-coolGray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-coolGray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-coolGray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-coolGray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-indigo-50 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-indigo-100 {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-indigo-200 {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-indigo-300 {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-indigo-400 {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-indigo-500 {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-indigo-600 {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-indigo-700 {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-indigo-800 {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-indigo-900 {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-violet-50 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-violet-100 {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-violet-200 {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-violet-300 {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-violet-400 {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-violet-500 {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-violet-600 {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-violet-700 {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-violet-800 {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-violet-900 {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-yellow-50 {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-yellow-100 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-yellow-200 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-yellow-300 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-yellow-400 {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-yellow-500 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-yellow-600 {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-yellow-700 {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-yellow-800 {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-yellow-900 {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-red-50 {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-red-100 {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-red-200 {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-red-300 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-red-400 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-red-500 {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-red-600 {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-red-700 {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-red-800 {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-red-900 {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-green-50 {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-green-100 {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-green-200 {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-green-300 {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-green-400 {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-green-500 {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-green-600 {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-green-700 {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-green-800 {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-green-900 {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-blue-50 {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-blue-100 {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-blue-200 {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-blue-300 {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-blue-400 {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-blue-500 {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-blue-600 {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-blue-700 {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-blue-800 {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-blue-900 {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-gray-50 {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-gray-100 {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-gray-200 {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-gray-300 {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-gray-400 {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-gray-500 {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-gray-600 {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-gray-700 {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-gray-800 {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-gray-900 {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .group:hover .\32xl\:group-hover\:text-body {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-current:focus-within {
-    color: currentColor;
-  }
-
-  .\32xl\:focus-within\:text-transparent:focus-within {
-    color: transparent;
-  }
-
-  .\32xl\:focus-within\:text-black:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-white:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-darkCoolGray-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-darkCoolGray-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-darkCoolGray-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-darkCoolGray-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-darkCoolGray-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-darkCoolGray-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-darkCoolGray-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-darkCoolGray-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-darkCoolGray-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-darkCoolGray-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-coolGray-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-coolGray-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-coolGray-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-coolGray-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-coolGray-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-coolGray-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-coolGray-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-coolGray-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-coolGray-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-coolGray-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-indigo-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-indigo-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-indigo-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-indigo-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-indigo-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-indigo-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-indigo-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-indigo-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-indigo-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-indigo-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-violet-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-violet-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-violet-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-violet-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-violet-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-violet-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-violet-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-violet-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-violet-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-violet-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-yellow-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-yellow-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-yellow-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-yellow-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-yellow-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-yellow-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-yellow-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-yellow-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-yellow-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-yellow-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-red-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-red-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-red-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-red-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-red-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-red-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-red-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-red-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-red-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-red-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-green-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-green-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-green-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-green-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-green-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-green-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-green-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-green-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-green-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-green-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-blue-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-blue-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-blue-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-blue-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-blue-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-blue-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-blue-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-blue-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-blue-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-blue-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-gray-50:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-gray-100:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-gray-200:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-gray-300:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-gray-400:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-gray-500:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-gray-600:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-gray-700:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-gray-800:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-gray-900:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus-within\:text-body:focus-within {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-current:hover {
-    color: currentColor;
-  }
-
-  .\32xl\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .\32xl\:hover\:text-black:hover {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-white:hover {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-darkCoolGray-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-darkCoolGray-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-darkCoolGray-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-darkCoolGray-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-darkCoolGray-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-darkCoolGray-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-darkCoolGray-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-darkCoolGray-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-darkCoolGray-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-darkCoolGray-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-coolGray-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-coolGray-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-coolGray-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-coolGray-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-coolGray-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-coolGray-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-coolGray-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-coolGray-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-coolGray-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-coolGray-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-indigo-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-indigo-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-indigo-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-indigo-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-indigo-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-indigo-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-indigo-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-indigo-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-indigo-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-indigo-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-violet-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-violet-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-violet-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-violet-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-violet-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-violet-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-violet-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-violet-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-violet-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-violet-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-yellow-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-yellow-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-yellow-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-yellow-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-yellow-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-yellow-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-yellow-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-yellow-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-yellow-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-yellow-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-red-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-red-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-red-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-red-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-red-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-red-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-red-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-red-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-red-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-red-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-green-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-green-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-green-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-green-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-green-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-green-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-green-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-green-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-green-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-green-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-blue-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-blue-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-blue-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-blue-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-blue-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-blue-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-blue-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-blue-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-blue-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-blue-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-gray-50:hover {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-gray-100:hover {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-gray-200:hover {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-gray-300:hover {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-gray-400:hover {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-gray-500:hover {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-gray-600:hover {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-gray-700:hover {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-gray-800:hover {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-gray-900:hover {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .\32xl\:hover\:text-body:hover {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-current:focus {
-    color: currentColor;
-  }
-
-  .\32xl\:focus\:text-transparent:focus {
-    color: transparent;
-  }
-
-  .\32xl\:focus\:text-black:focus {
-    --tw-text-opacity: 1;
-    color: rgba(0, 0, 0, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-white:focus {
-    --tw-text-opacity: 1;
-    color: rgba(255, 255, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-darkCoolGray-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(245, 246, 247, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-darkCoolGray-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(235, 237, 239, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-darkCoolGray-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(206, 209, 214, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-darkCoolGray-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(176, 181, 189, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-darkCoolGray-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(117, 126, 140, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-darkCoolGray-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(58, 71, 91, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-darkCoolGray-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(52, 64, 82, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-darkCoolGray-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(44, 53, 68, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-darkCoolGray-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(35, 43, 55, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-darkCoolGray-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(28, 35, 45, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-coolGray-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(247, 248, 249, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-coolGray-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(238, 240, 243, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-coolGray-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(213, 218, 225, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-coolGray-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(187, 195, 207, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-coolGray-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(136, 150, 171, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-coolGray-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(85, 105, 135, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-coolGray-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(77, 95, 122, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-coolGray-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(64, 79, 101, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-coolGray-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(51, 63, 81, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-coolGray-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-indigo-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(248, 246, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-indigo-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(240, 238, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-indigo-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(218, 212, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-indigo-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(195, 185, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-indigo-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(150, 133, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-indigo-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(105, 81, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-indigo-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(95, 73, 230, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-indigo-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(79, 61, 191, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-indigo-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(63, 49, 153, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-indigo-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(51, 40, 125, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-violet-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(251, 247, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-violet-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(246, 238, 254, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-violet-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(233, 213, 253, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-violet-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(220, 187, 252, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-violet-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(194, 136, 249, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-violet-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(168, 85, 247, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-violet-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(151, 77, 222, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-violet-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(126, 64, 185, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-violet-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(101, 51, 148, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-violet-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(82, 42, 121, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-yellow-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(255, 250, 243, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-yellow-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(254, 245, 231, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-yellow-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(253, 231, 194, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-yellow-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(251, 216, 157, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-yellow-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(248, 187, 84, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-yellow-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(245, 158, 11, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-yellow-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(221, 142, 10, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-yellow-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(184, 119, 8, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-yellow-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(147, 95, 7, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-yellow-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(120, 77, 5, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-red-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(254, 247, 246, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-red-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(253, 238, 236, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-red-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(251, 214, 208, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-red-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(249, 189, 180, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-red-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(244, 139, 124, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-red-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(239, 88, 68, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-red-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(215, 80, 61, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-red-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(179, 67, 51, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-red-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(143, 53, 41, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-red-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(117, 44, 33, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-green-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(244, 253, 247, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-green-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(234, 250, 240, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-green-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(202, 244, 217, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-green-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(170, 237, 195, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-green-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(106, 223, 149, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-green-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(42, 209, 103, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-green-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(38, 188, 94, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-green-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(32, 157, 78, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-green-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(25, 125, 62, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-green-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(21, 102, 51, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-blue-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(245, 249, 255, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-blue-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(235, 243, 254, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-blue-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(206, 224, 253, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-blue-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(177, 205, 251, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-blue-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(118, 168, 249, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-blue-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(59, 130, 246, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-blue-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(53, 117, 221, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-blue-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(44, 98, 185, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-blue-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(35, 78, 148, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-blue-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(29, 64, 121, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-gray-50:focus {
-    --tw-text-opacity: 1;
-    color: rgba(249, 250, 251, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-gray-100:focus {
-    --tw-text-opacity: 1;
-    color: rgba(243, 244, 246, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-gray-200:focus {
-    --tw-text-opacity: 1;
-    color: rgba(229, 231, 235, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-gray-300:focus {
-    --tw-text-opacity: 1;
-    color: rgba(209, 213, 219, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-gray-400:focus {
-    --tw-text-opacity: 1;
-    color: rgba(156, 163, 175, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-gray-500:focus {
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-gray-600:focus {
-    --tw-text-opacity: 1;
-    color: rgba(75, 85, 99, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-gray-700:focus {
-    --tw-text-opacity: 1;
-    color: rgba(55, 65, 81, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-gray-800:focus {
-    --tw-text-opacity: 1;
-    color: rgba(31, 41, 55, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-gray-900:focus {
-    --tw-text-opacity: 1;
-    color: rgba(17, 24, 39, var(--tw-text-opacity));
-  }
-
-  .\32xl\:focus\:text-body:focus {
-    --tw-text-opacity: 1;
-    color: rgba(42, 51, 66, var(--tw-text-opacity));
-  }
-
-  .\32xl\:text-opacity-0 {
-    --tw-text-opacity: 0;
-  }
-
-  .\32xl\:text-opacity-5 {
-    --tw-text-opacity: 0.05;
-  }
-
-  .\32xl\:text-opacity-10 {
-    --tw-text-opacity: 0.1;
-  }
-
-  .\32xl\:text-opacity-20 {
-    --tw-text-opacity: 0.2;
-  }
-
-  .\32xl\:text-opacity-25 {
-    --tw-text-opacity: 0.25;
-  }
-
-  .\32xl\:text-opacity-30 {
-    --tw-text-opacity: 0.3;
-  }
-
-  .\32xl\:text-opacity-40 {
-    --tw-text-opacity: 0.4;
-  }
-
-  .\32xl\:text-opacity-50 {
-    --tw-text-opacity: 0.5;
-  }
-
-  .\32xl\:text-opacity-60 {
-    --tw-text-opacity: 0.6;
-  }
-
-  .\32xl\:text-opacity-70 {
-    --tw-text-opacity: 0.7;
-  }
-
-  .\32xl\:text-opacity-75 {
-    --tw-text-opacity: 0.75;
-  }
-
-  .\32xl\:text-opacity-80 {
-    --tw-text-opacity: 0.8;
-  }
-
-  .\32xl\:text-opacity-90 {
-    --tw-text-opacity: 0.9;
-  }
-
-  .\32xl\:text-opacity-95 {
-    --tw-text-opacity: 0.95;
-  }
-
-  .\32xl\:text-opacity-100 {
-    --tw-text-opacity: 1;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-opacity-0 {
-    --tw-text-opacity: 0;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-opacity-5 {
-    --tw-text-opacity: 0.05;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-opacity-10 {
-    --tw-text-opacity: 0.1;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-opacity-20 {
-    --tw-text-opacity: 0.2;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-opacity-25 {
-    --tw-text-opacity: 0.25;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-opacity-30 {
-    --tw-text-opacity: 0.3;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-opacity-40 {
-    --tw-text-opacity: 0.4;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-opacity-50 {
-    --tw-text-opacity: 0.5;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-opacity-60 {
-    --tw-text-opacity: 0.6;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-opacity-70 {
-    --tw-text-opacity: 0.7;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-opacity-75 {
-    --tw-text-opacity: 0.75;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-opacity-80 {
-    --tw-text-opacity: 0.8;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-opacity-90 {
-    --tw-text-opacity: 0.9;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-opacity-95 {
-    --tw-text-opacity: 0.95;
-  }
-
-  .group:hover .\32xl\:group-hover\:text-opacity-100 {
-    --tw-text-opacity: 1;
-  }
-
-  .\32xl\:focus-within\:text-opacity-0:focus-within {
-    --tw-text-opacity: 0;
-  }
-
-  .\32xl\:focus-within\:text-opacity-5:focus-within {
-    --tw-text-opacity: 0.05;
-  }
-
-  .\32xl\:focus-within\:text-opacity-10:focus-within {
-    --tw-text-opacity: 0.1;
-  }
-
-  .\32xl\:focus-within\:text-opacity-20:focus-within {
-    --tw-text-opacity: 0.2;
-  }
-
-  .\32xl\:focus-within\:text-opacity-25:focus-within {
-    --tw-text-opacity: 0.25;
-  }
-
-  .\32xl\:focus-within\:text-opacity-30:focus-within {
-    --tw-text-opacity: 0.3;
-  }
-
-  .\32xl\:focus-within\:text-opacity-40:focus-within {
-    --tw-text-opacity: 0.4;
-  }
-
-  .\32xl\:focus-within\:text-opacity-50:focus-within {
-    --tw-text-opacity: 0.5;
-  }
-
-  .\32xl\:focus-within\:text-opacity-60:focus-within {
-    --tw-text-opacity: 0.6;
-  }
-
-  .\32xl\:focus-within\:text-opacity-70:focus-within {
-    --tw-text-opacity: 0.7;
-  }
-
-  .\32xl\:focus-within\:text-opacity-75:focus-within {
-    --tw-text-opacity: 0.75;
-  }
-
-  .\32xl\:focus-within\:text-opacity-80:focus-within {
-    --tw-text-opacity: 0.8;
-  }
-
-  .\32xl\:focus-within\:text-opacity-90:focus-within {
-    --tw-text-opacity: 0.9;
-  }
-
-  .\32xl\:focus-within\:text-opacity-95:focus-within {
-    --tw-text-opacity: 0.95;
-  }
-
-  .\32xl\:focus-within\:text-opacity-100:focus-within {
-    --tw-text-opacity: 1;
-  }
-
-  .\32xl\:hover\:text-opacity-0:hover {
-    --tw-text-opacity: 0;
-  }
-
-  .\32xl\:hover\:text-opacity-5:hover {
-    --tw-text-opacity: 0.05;
-  }
-
-  .\32xl\:hover\:text-opacity-10:hover {
-    --tw-text-opacity: 0.1;
-  }
-
-  .\32xl\:hover\:text-opacity-20:hover {
-    --tw-text-opacity: 0.2;
-  }
-
-  .\32xl\:hover\:text-opacity-25:hover {
-    --tw-text-opacity: 0.25;
-  }
-
-  .\32xl\:hover\:text-opacity-30:hover {
-    --tw-text-opacity: 0.3;
-  }
-
-  .\32xl\:hover\:text-opacity-40:hover {
-    --tw-text-opacity: 0.4;
-  }
-
-  .\32xl\:hover\:text-opacity-50:hover {
-    --tw-text-opacity: 0.5;
-  }
-
-  .\32xl\:hover\:text-opacity-60:hover {
-    --tw-text-opacity: 0.6;
-  }
-
-  .\32xl\:hover\:text-opacity-70:hover {
-    --tw-text-opacity: 0.7;
-  }
-
-  .\32xl\:hover\:text-opacity-75:hover {
-    --tw-text-opacity: 0.75;
-  }
-
-  .\32xl\:hover\:text-opacity-80:hover {
-    --tw-text-opacity: 0.8;
-  }
-
-  .\32xl\:hover\:text-opacity-90:hover {
-    --tw-text-opacity: 0.9;
-  }
-
-  .\32xl\:hover\:text-opacity-95:hover {
-    --tw-text-opacity: 0.95;
-  }
-
-  .\32xl\:hover\:text-opacity-100:hover {
-    --tw-text-opacity: 1;
-  }
-
-  .\32xl\:focus\:text-opacity-0:focus {
-    --tw-text-opacity: 0;
-  }
-
-  .\32xl\:focus\:text-opacity-5:focus {
-    --tw-text-opacity: 0.05;
-  }
-
-  .\32xl\:focus\:text-opacity-10:focus {
-    --tw-text-opacity: 0.1;
-  }
-
-  .\32xl\:focus\:text-opacity-20:focus {
-    --tw-text-opacity: 0.2;
-  }
-
-  .\32xl\:focus\:text-opacity-25:focus {
-    --tw-text-opacity: 0.25;
-  }
-
-  .\32xl\:focus\:text-opacity-30:focus {
-    --tw-text-opacity: 0.3;
-  }
-
-  .\32xl\:focus\:text-opacity-40:focus {
-    --tw-text-opacity: 0.4;
-  }
-
-  .\32xl\:focus\:text-opacity-50:focus {
-    --tw-text-opacity: 0.5;
-  }
-
-  .\32xl\:focus\:text-opacity-60:focus {
-    --tw-text-opacity: 0.6;
-  }
-
-  .\32xl\:focus\:text-opacity-70:focus {
-    --tw-text-opacity: 0.7;
-  }
-
-  .\32xl\:focus\:text-opacity-75:focus {
-    --tw-text-opacity: 0.75;
-  }
-
-  .\32xl\:focus\:text-opacity-80:focus {
-    --tw-text-opacity: 0.8;
-  }
-
-  .\32xl\:focus\:text-opacity-90:focus {
-    --tw-text-opacity: 0.9;
-  }
-
-  .\32xl\:focus\:text-opacity-95:focus {
-    --tw-text-opacity: 0.95;
-  }
-
-  .\32xl\:focus\:text-opacity-100:focus {
-    --tw-text-opacity: 1;
-  }
-
-  .\32xl\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .\32xl\:overflow-ellipsis {
-    text-overflow: ellipsis;
-  }
-
-  .\32xl\:overflow-clip {
-    text-overflow: clip;
-  }
-
-  .\32xl\:italic {
-    font-style: italic;
-  }
-
-  .\32xl\:not-italic {
-    font-style: normal;
-  }
-
-  .\32xl\:uppercase {
-    text-transform: uppercase;
-  }
-
-  .\32xl\:lowercase {
-    text-transform: lowercase;
-  }
-
-  .\32xl\:capitalize {
-    text-transform: capitalize;
-  }
-
-  .\32xl\:normal-case {
-    text-transform: none;
-  }
-
-  .\32xl\:underline {
-    text-decoration: underline;
-  }
-
-  .\32xl\:line-through {
-    text-decoration: line-through;
-  }
-
-  .\32xl\:no-underline {
-    text-decoration: none;
-  }
-
-  .group:hover .\32xl\:group-hover\:underline {
-    text-decoration: underline;
-  }
-
-  .group:hover .\32xl\:group-hover\:line-through {
-    text-decoration: line-through;
-  }
-
-  .group:hover .\32xl\:group-hover\:no-underline {
-    text-decoration: none;
-  }
-
-  .\32xl\:focus-within\:underline:focus-within {
-    text-decoration: underline;
-  }
-
-  .\32xl\:focus-within\:line-through:focus-within {
-    text-decoration: line-through;
-  }
-
-  .\32xl\:focus-within\:no-underline:focus-within {
-    text-decoration: none;
-  }
-
-  .\32xl\:hover\:underline:hover {
-    text-decoration: underline;
-  }
-
-  .\32xl\:hover\:line-through:hover {
-    text-decoration: line-through;
-  }
-
-  .\32xl\:hover\:no-underline:hover {
-    text-decoration: none;
-  }
-
-  .\32xl\:focus\:underline:focus {
-    text-decoration: underline;
-  }
-
-  .\32xl\:focus\:line-through:focus {
-    text-decoration: line-through;
-  }
-
-  .\32xl\:focus\:no-underline:focus {
-    text-decoration: none;
-  }
-
-  .\32xl\:antialiased {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  .\32xl\:subpixel-antialiased {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
-  }
-
-  .\32xl\:ordinal, .\32xl\:slashed-zero, .\32xl\:lining-nums, .\32xl\:oldstyle-nums, .\32xl\:proportional-nums, .\32xl\:tabular-nums, .\32xl\:diagonal-fractions, .\32xl\:stacked-fractions {
-    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
-    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
-    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
-    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
-    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
-    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
-  }
-
-  .\32xl\:normal-nums {
-    font-variant-numeric: normal;
-  }
-
-  .\32xl\:ordinal {
-    --tw-ordinal: ordinal;
-  }
-
-  .\32xl\:slashed-zero {
-    --tw-slashed-zero: slashed-zero;
-  }
-
-  .\32xl\:lining-nums {
-    --tw-numeric-figure: lining-nums;
-  }
-
-  .\32xl\:oldstyle-nums {
-    --tw-numeric-figure: oldstyle-nums;
-  }
-
-  .\32xl\:proportional-nums {
-    --tw-numeric-spacing: proportional-nums;
-  }
-
-  .\32xl\:tabular-nums {
-    --tw-numeric-spacing: tabular-nums;
-  }
-
-  .\32xl\:diagonal-fractions {
-    --tw-numeric-fraction: diagonal-fractions;
-  }
-
-  .\32xl\:stacked-fractions {
-    --tw-numeric-fraction: stacked-fractions;
-  }
-
-  .\32xl\:tracking-tighter {
-    letter-spacing: -0.02em;
-  }
-
-  .\32xl\:tracking-tight {
-    letter-spacing: -1px;
-  }
-
-  .\32xl\:tracking-normal {
-    letter-spacing: 0em;
-  }
-
-  .\32xl\:tracking-wide {
-    letter-spacing: 0.03em;
-  }
-
-  .\32xl\:tracking-wider {
-    letter-spacing: 0.08em;
-  }
-
-  .\32xl\:tracking-widest {
-    letter-spacing: 0.1em;
-  }
-
-  .\32xl\:select-none {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-  }
-
-  .\32xl\:select-text {
-    -webkit-user-select: text;
-       -moz-user-select: text;
-        -ms-user-select: text;
-            user-select: text;
-  }
-
-  .\32xl\:select-all {
-    -webkit-user-select: all;
-       -moz-user-select: all;
-        -ms-user-select: all;
-            user-select: all;
-  }
-
-  .\32xl\:select-auto {
-    -webkit-user-select: auto;
-       -moz-user-select: auto;
-        -ms-user-select: auto;
-            user-select: auto;
-  }
-
-  .\32xl\:align-baseline {
-    vertical-align: baseline;
-  }
-
-  .\32xl\:align-top {
-    vertical-align: top;
-  }
-
-  .\32xl\:align-middle {
-    vertical-align: middle;
-  }
-
-  .\32xl\:align-bottom {
-    vertical-align: bottom;
-  }
-
-  .\32xl\:align-text-top {
-    vertical-align: text-top;
-  }
-
-  .\32xl\:align-text-bottom {
-    vertical-align: text-bottom;
-  }
-
-  .\32xl\:visible {
-    visibility: visible;
-  }
-
-  .\32xl\:invisible {
-    visibility: hidden;
-  }
-
-  .\32xl\:whitespace-normal {
-    white-space: normal;
-  }
-
-  .\32xl\:whitespace-nowrap {
-    white-space: nowrap;
-  }
-
-  .\32xl\:whitespace-pre {
-    white-space: pre;
-  }
-
-  .\32xl\:whitespace-pre-line {
-    white-space: pre-line;
-  }
-
-  .\32xl\:whitespace-pre-wrap {
-    white-space: pre-wrap;
-  }
-
-  .\32xl\:break-normal {
-    overflow-wrap: normal;
-    word-break: normal;
-  }
-
-  .\32xl\:break-words {
-    overflow-wrap: break-word;
-  }
-
-  .\32xl\:break-all {
-    word-break: break-all;
-  }
-
-  .\32xl\:w-0 {
-    width: 0px;
-  }
-
-  .\32xl\:w-1 {
-    width: 0.25rem;
-  }
-
-  .\32xl\:w-2 {
-    width: 0.5rem;
-  }
-
-  .\32xl\:w-3 {
-    width: 0.75rem;
-  }
-
-  .\32xl\:w-4 {
-    width: 1rem;
-  }
-
-  .\32xl\:w-5 {
-    width: 1.25rem;
-  }
-
-  .\32xl\:w-6 {
-    width: 1.5rem;
-  }
-
-  .\32xl\:w-7 {
-    width: 1.75rem;
-  }
-
-  .\32xl\:w-8 {
-    width: 2rem;
-  }
-
-  .\32xl\:w-9 {
-    width: 2.25rem;
-  }
-
-  .\32xl\:w-10 {
-    width: 2.5rem;
-  }
-
-  .\32xl\:w-11 {
-    width: 2.75rem;
-  }
-
-  .\32xl\:w-12 {
-    width: 3rem;
-  }
-
-  .\32xl\:w-14 {
-    width: 3.5rem;
-  }
-
-  .\32xl\:w-16 {
-    width: 4rem;
-  }
-
-  .\32xl\:w-20 {
-    width: 5rem;
-  }
-
-  .\32xl\:w-24 {
-    width: 6rem;
-  }
-
-  .\32xl\:w-28 {
-    width: 7rem;
-  }
-
-  .\32xl\:w-32 {
-    width: 8rem;
-  }
-
-  .\32xl\:w-36 {
-    width: 9rem;
-  }
-
-  .\32xl\:w-40 {
-    width: 10rem;
-  }
-
-  .\32xl\:w-44 {
-    width: 11rem;
-  }
-
-  .\32xl\:w-48 {
-    width: 12rem;
-  }
-
-  .\32xl\:w-52 {
-    width: 13rem;
-  }
-
-  .\32xl\:w-56 {
-    width: 14rem;
-  }
-
-  .\32xl\:w-60 {
-    width: 15rem;
-  }
-
-  .\32xl\:w-64 {
-    width: 16rem;
-  }
-
-  .\32xl\:w-72 {
-    width: 18rem;
-  }
-
-  .\32xl\:w-80 {
-    width: 20rem;
-  }
-
-  .\32xl\:w-96 {
-    width: 24rem;
-  }
-
-  .\32xl\:w-auto {
-    width: auto;
-  }
-
-  .\32xl\:w-px {
-    width: 1px;
-  }
-
-  .\32xl\:w-0\.5 {
-    width: 0.125rem;
-  }
-
-  .\32xl\:w-1\.5 {
-    width: 0.375rem;
-  }
-
-  .\32xl\:w-2\.5 {
-    width: 0.625rem;
-  }
-
-  .\32xl\:w-3\.5 {
-    width: 0.875rem;
-  }
-
-  .\32xl\:w-1\/2 {
-    width: 50%;
-  }
-
-  .\32xl\:w-1\/3 {
-    width: 33.333333%;
-  }
-
-  .\32xl\:w-2\/3 {
-    width: 66.666667%;
-  }
-
-  .\32xl\:w-1\/4 {
-    width: 25%;
-  }
-
-  .\32xl\:w-2\/4 {
-    width: 50%;
-  }
-
-  .\32xl\:w-3\/4 {
-    width: 75%;
-  }
-
-  .\32xl\:w-1\/5 {
-    width: 20%;
-  }
-
-  .\32xl\:w-2\/5 {
-    width: 40%;
-  }
-
-  .\32xl\:w-3\/5 {
-    width: 60%;
-  }
-
-  .\32xl\:w-4\/5 {
-    width: 80%;
-  }
-
-  .\32xl\:w-1\/6 {
-    width: 16.666667%;
-  }
-
-  .\32xl\:w-2\/6 {
-    width: 33.333333%;
-  }
-
-  .\32xl\:w-3\/6 {
-    width: 50%;
-  }
-
-  .\32xl\:w-4\/6 {
-    width: 66.666667%;
-  }
-
-  .\32xl\:w-5\/6 {
-    width: 83.333333%;
-  }
-
-  .\32xl\:w-1\/12 {
-    width: 8.333333%;
-  }
-
-  .\32xl\:w-2\/12 {
-    width: 16.666667%;
-  }
-
-  .\32xl\:w-3\/12 {
-    width: 25%;
-  }
-
-  .\32xl\:w-4\/12 {
-    width: 33.333333%;
-  }
-
-  .\32xl\:w-5\/12 {
-    width: 41.666667%;
-  }
-
-  .\32xl\:w-6\/12 {
-    width: 50%;
-  }
-
-  .\32xl\:w-7\/12 {
-    width: 58.333333%;
-  }
-
-  .\32xl\:w-8\/12 {
-    width: 66.666667%;
-  }
-
-  .\32xl\:w-9\/12 {
-    width: 75%;
-  }
-
-  .\32xl\:w-10\/12 {
-    width: 83.333333%;
-  }
-
-  .\32xl\:w-11\/12 {
-    width: 91.666667%;
-  }
-
-  .\32xl\:w-full {
-    width: 100%;
-  }
-
-  .\32xl\:w-screen {
-    width: 100vw;
-  }
-
-  .\32xl\:z-0 {
-    z-index: 0;
-  }
-
-  .\32xl\:z-10 {
-    z-index: 10;
-  }
-
-  .\32xl\:z-20 {
-    z-index: 20;
-  }
-
-  .\32xl\:z-30 {
-    z-index: 30;
-  }
-
-  .\32xl\:z-40 {
-    z-index: 40;
-  }
-
-  .\32xl\:z-50 {
-    z-index: 50;
-  }
-
-  .\32xl\:z-auto {
-    z-index: auto;
-  }
-
-  .\32xl\:focus-within\:z-0:focus-within {
-    z-index: 0;
-  }
-
-  .\32xl\:focus-within\:z-10:focus-within {
-    z-index: 10;
-  }
-
-  .\32xl\:focus-within\:z-20:focus-within {
-    z-index: 20;
-  }
-
-  .\32xl\:focus-within\:z-30:focus-within {
-    z-index: 30;
-  }
-
-  .\32xl\:focus-within\:z-40:focus-within {
-    z-index: 40;
-  }
-
-  .\32xl\:focus-within\:z-50:focus-within {
-    z-index: 50;
-  }
-
-  .\32xl\:focus-within\:z-auto:focus-within {
-    z-index: auto;
-  }
-
-  .\32xl\:focus\:z-0:focus {
-    z-index: 0;
-  }
-
-  .\32xl\:focus\:z-10:focus {
-    z-index: 10;
-  }
-
-  .\32xl\:focus\:z-20:focus {
-    z-index: 20;
-  }
-
-  .\32xl\:focus\:z-30:focus {
-    z-index: 30;
-  }
-
-  .\32xl\:focus\:z-40:focus {
-    z-index: 40;
-  }
-
-  .\32xl\:focus\:z-50:focus {
-    z-index: 50;
-  }
-
-  .\32xl\:focus\:z-auto:focus {
-    z-index: auto;
-  }
-
-  .\32xl\:gap-0 {
-    gap: 0px;
-  }
-
-  .\32xl\:gap-1 {
-    gap: 0.25rem;
-  }
-
-  .\32xl\:gap-2 {
-    gap: 0.5rem;
-  }
-
-  .\32xl\:gap-3 {
-    gap: 0.75rem;
-  }
-
-  .\32xl\:gap-4 {
-    gap: 1rem;
-  }
-
-  .\32xl\:gap-5 {
-    gap: 1.25rem;
-  }
-
-  .\32xl\:gap-6 {
-    gap: 1.5rem;
-  }
-
-  .\32xl\:gap-7 {
-    gap: 1.75rem;
-  }
-
-  .\32xl\:gap-8 {
-    gap: 2rem;
-  }
-
-  .\32xl\:gap-9 {
-    gap: 2.25rem;
-  }
-
-  .\32xl\:gap-10 {
-    gap: 2.5rem;
-  }
-
-  .\32xl\:gap-11 {
-    gap: 2.75rem;
-  }
-
-  .\32xl\:gap-12 {
-    gap: 3rem;
-  }
-
-  .\32xl\:gap-14 {
-    gap: 3.5rem;
-  }
-
-  .\32xl\:gap-16 {
-    gap: 4rem;
-  }
-
-  .\32xl\:gap-20 {
-    gap: 5rem;
-  }
-
-  .\32xl\:gap-24 {
-    gap: 6rem;
-  }
-
-  .\32xl\:gap-28 {
-    gap: 7rem;
-  }
-
-  .\32xl\:gap-32 {
-    gap: 8rem;
-  }
-
-  .\32xl\:gap-36 {
-    gap: 9rem;
-  }
-
-  .\32xl\:gap-40 {
-    gap: 10rem;
-  }
-
-  .\32xl\:gap-44 {
-    gap: 11rem;
-  }
-
-  .\32xl\:gap-48 {
-    gap: 12rem;
-  }
-
-  .\32xl\:gap-52 {
-    gap: 13rem;
-  }
-
-  .\32xl\:gap-56 {
-    gap: 14rem;
-  }
-
-  .\32xl\:gap-60 {
-    gap: 15rem;
-  }
-
-  .\32xl\:gap-64 {
-    gap: 16rem;
-  }
-
-  .\32xl\:gap-72 {
-    gap: 18rem;
-  }
-
-  .\32xl\:gap-80 {
-    gap: 20rem;
-  }
-
-  .\32xl\:gap-96 {
-    gap: 24rem;
-  }
-
-  .\32xl\:gap-px {
-    gap: 1px;
-  }
-
-  .\32xl\:gap-0\.5 {
-    gap: 0.125rem;
-  }
-
-  .\32xl\:gap-1\.5 {
-    gap: 0.375rem;
-  }
-
-  .\32xl\:gap-2\.5 {
-    gap: 0.625rem;
-  }
-
-  .\32xl\:gap-3\.5 {
-    gap: 0.875rem;
-  }
-
-  .\32xl\:gap-x-0 {
-    -moz-column-gap: 0px;
-         column-gap: 0px;
-  }
-
-  .\32xl\:gap-x-1 {
-    -moz-column-gap: 0.25rem;
-         column-gap: 0.25rem;
-  }
-
-  .\32xl\:gap-x-2 {
-    -moz-column-gap: 0.5rem;
-         column-gap: 0.5rem;
-  }
-
-  .\32xl\:gap-x-3 {
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem;
-  }
-
-  .\32xl\:gap-x-4 {
-    -moz-column-gap: 1rem;
-         column-gap: 1rem;
-  }
-
-  .\32xl\:gap-x-5 {
-    -moz-column-gap: 1.25rem;
-         column-gap: 1.25rem;
-  }
-
-  .\32xl\:gap-x-6 {
-    -moz-column-gap: 1.5rem;
-         column-gap: 1.5rem;
-  }
-
-  .\32xl\:gap-x-7 {
-    -moz-column-gap: 1.75rem;
-         column-gap: 1.75rem;
-  }
-
-  .\32xl\:gap-x-8 {
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
-  }
-
-  .\32xl\:gap-x-9 {
-    -moz-column-gap: 2.25rem;
-         column-gap: 2.25rem;
-  }
-
-  .\32xl\:gap-x-10 {
-    -moz-column-gap: 2.5rem;
-         column-gap: 2.5rem;
-  }
-
-  .\32xl\:gap-x-11 {
-    -moz-column-gap: 2.75rem;
-         column-gap: 2.75rem;
-  }
-
-  .\32xl\:gap-x-12 {
-    -moz-column-gap: 3rem;
-         column-gap: 3rem;
-  }
-
-  .\32xl\:gap-x-14 {
-    -moz-column-gap: 3.5rem;
-         column-gap: 3.5rem;
-  }
-
-  .\32xl\:gap-x-16 {
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
-  }
-
-  .\32xl\:gap-x-20 {
-    -moz-column-gap: 5rem;
-         column-gap: 5rem;
-  }
-
-  .\32xl\:gap-x-24 {
-    -moz-column-gap: 6rem;
-         column-gap: 6rem;
-  }
-
-  .\32xl\:gap-x-28 {
-    -moz-column-gap: 7rem;
-         column-gap: 7rem;
-  }
-
-  .\32xl\:gap-x-32 {
-    -moz-column-gap: 8rem;
-         column-gap: 8rem;
-  }
-
-  .\32xl\:gap-x-36 {
-    -moz-column-gap: 9rem;
-         column-gap: 9rem;
-  }
-
-  .\32xl\:gap-x-40 {
-    -moz-column-gap: 10rem;
-         column-gap: 10rem;
-  }
-
-  .\32xl\:gap-x-44 {
-    -moz-column-gap: 11rem;
-         column-gap: 11rem;
-  }
-
-  .\32xl\:gap-x-48 {
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .\32xl\:gap-x-52 {
-    -moz-column-gap: 13rem;
-         column-gap: 13rem;
-  }
-
-  .\32xl\:gap-x-56 {
-    -moz-column-gap: 14rem;
-         column-gap: 14rem;
-  }
-
-  .\32xl\:gap-x-60 {
-    -moz-column-gap: 15rem;
-         column-gap: 15rem;
-  }
-
-  .\32xl\:gap-x-64 {
-    -moz-column-gap: 16rem;
-         column-gap: 16rem;
-  }
-
-  .\32xl\:gap-x-72 {
-    -moz-column-gap: 18rem;
-         column-gap: 18rem;
-  }
-
-  .\32xl\:gap-x-80 {
-    -moz-column-gap: 20rem;
-         column-gap: 20rem;
-  }
-
-  .\32xl\:gap-x-96 {
-    -moz-column-gap: 24rem;
-         column-gap: 24rem;
-  }
-
-  .\32xl\:gap-x-px {
-    -moz-column-gap: 1px;
-         column-gap: 1px;
-  }
-
-  .\32xl\:gap-x-0\.5 {
-    -moz-column-gap: 0.125rem;
-         column-gap: 0.125rem;
-  }
-
-  .\32xl\:gap-x-1\.5 {
-    -moz-column-gap: 0.375rem;
-         column-gap: 0.375rem;
-  }
-
-  .\32xl\:gap-x-2\.5 {
-    -moz-column-gap: 0.625rem;
-         column-gap: 0.625rem;
-  }
-
-  .\32xl\:gap-x-3\.5 {
-    -moz-column-gap: 0.875rem;
-         column-gap: 0.875rem;
-  }
-
-  .\32xl\:gap-y-0 {
-    row-gap: 0px;
-  }
-
-  .\32xl\:gap-y-1 {
-    row-gap: 0.25rem;
-  }
-
-  .\32xl\:gap-y-2 {
-    row-gap: 0.5rem;
-  }
-
-  .\32xl\:gap-y-3 {
-    row-gap: 0.75rem;
-  }
-
-  .\32xl\:gap-y-4 {
-    row-gap: 1rem;
-  }
-
-  .\32xl\:gap-y-5 {
-    row-gap: 1.25rem;
-  }
-
-  .\32xl\:gap-y-6 {
-    row-gap: 1.5rem;
-  }
-
-  .\32xl\:gap-y-7 {
-    row-gap: 1.75rem;
-  }
-
-  .\32xl\:gap-y-8 {
-    row-gap: 2rem;
-  }
-
-  .\32xl\:gap-y-9 {
-    row-gap: 2.25rem;
-  }
-
-  .\32xl\:gap-y-10 {
-    row-gap: 2.5rem;
-  }
-
-  .\32xl\:gap-y-11 {
-    row-gap: 2.75rem;
-  }
-
-  .\32xl\:gap-y-12 {
-    row-gap: 3rem;
-  }
-
-  .\32xl\:gap-y-14 {
-    row-gap: 3.5rem;
-  }
-
-  .\32xl\:gap-y-16 {
-    row-gap: 4rem;
-  }
-
-  .\32xl\:gap-y-20 {
-    row-gap: 5rem;
-  }
-
-  .\32xl\:gap-y-24 {
-    row-gap: 6rem;
-  }
-
-  .\32xl\:gap-y-28 {
-    row-gap: 7rem;
-  }
-
-  .\32xl\:gap-y-32 {
-    row-gap: 8rem;
-  }
-
-  .\32xl\:gap-y-36 {
-    row-gap: 9rem;
-  }
-
-  .\32xl\:gap-y-40 {
-    row-gap: 10rem;
-  }
-
-  .\32xl\:gap-y-44 {
-    row-gap: 11rem;
-  }
-
-  .\32xl\:gap-y-48 {
-    row-gap: 12rem;
-  }
-
-  .\32xl\:gap-y-52 {
-    row-gap: 13rem;
-  }
-
-  .\32xl\:gap-y-56 {
-    row-gap: 14rem;
-  }
-
-  .\32xl\:gap-y-60 {
-    row-gap: 15rem;
-  }
-
-  .\32xl\:gap-y-64 {
-    row-gap: 16rem;
-  }
-
-  .\32xl\:gap-y-72 {
-    row-gap: 18rem;
-  }
-
-  .\32xl\:gap-y-80 {
-    row-gap: 20rem;
-  }
-
-  .\32xl\:gap-y-96 {
-    row-gap: 24rem;
-  }
-
-  .\32xl\:gap-y-px {
-    row-gap: 1px;
-  }
-
-  .\32xl\:gap-y-0\.5 {
-    row-gap: 0.125rem;
-  }
-
-  .\32xl\:gap-y-1\.5 {
-    row-gap: 0.375rem;
-  }
-
-  .\32xl\:gap-y-2\.5 {
-    row-gap: 0.625rem;
-  }
-
-  .\32xl\:gap-y-3\.5 {
-    row-gap: 0.875rem;
-  }
-
-  .\32xl\:grid-flow-row {
-    grid-auto-flow: row;
-  }
-
-  .\32xl\:grid-flow-col {
-    grid-auto-flow: column;
-  }
-
-  .\32xl\:grid-flow-row-dense {
-    grid-auto-flow: row dense;
-  }
-
-  .\32xl\:grid-flow-col-dense {
-    grid-auto-flow: column dense;
-  }
-
-  .\32xl\:grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-cols-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-cols-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-cols-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-cols-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-cols-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-cols-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-cols-none {
-    grid-template-columns: none;
-  }
-
-  .\32xl\:auto-cols-auto {
-    grid-auto-columns: auto;
-  }
-
-  .\32xl\:auto-cols-min {
-    grid-auto-columns: -webkit-min-content;
-    grid-auto-columns: min-content;
-  }
-
-  .\32xl\:auto-cols-max {
-    grid-auto-columns: -webkit-max-content;
-    grid-auto-columns: max-content;
-  }
-
-  .\32xl\:auto-cols-fr {
-    grid-auto-columns: minmax(0, 1fr);
-  }
-
-  .\32xl\:col-auto {
-    grid-column: auto;
-  }
-
-  .\32xl\:col-span-1 {
-    grid-column: span 1 / span 1;
-  }
-
-  .\32xl\:col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-
-  .\32xl\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .\32xl\:col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-
-  .\32xl\:col-span-5 {
-    grid-column: span 5 / span 5;
-  }
-
-  .\32xl\:col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .\32xl\:col-span-7 {
-    grid-column: span 7 / span 7;
-  }
-
-  .\32xl\:col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-
-  .\32xl\:col-span-9 {
-    grid-column: span 9 / span 9;
-  }
-
-  .\32xl\:col-span-10 {
-    grid-column: span 10 / span 10;
-  }
-
-  .\32xl\:col-span-11 {
-    grid-column: span 11 / span 11;
-  }
-
-  .\32xl\:col-span-12 {
-    grid-column: span 12 / span 12;
-  }
-
-  .\32xl\:col-span-full {
-    grid-column: 1 / -1;
-  }
-
-  .\32xl\:col-start-1 {
-    grid-column-start: 1;
-  }
-
-  .\32xl\:col-start-2 {
-    grid-column-start: 2;
-  }
-
-  .\32xl\:col-start-3 {
-    grid-column-start: 3;
-  }
-
-  .\32xl\:col-start-4 {
-    grid-column-start: 4;
-  }
-
-  .\32xl\:col-start-5 {
-    grid-column-start: 5;
-  }
-
-  .\32xl\:col-start-6 {
-    grid-column-start: 6;
-  }
-
-  .\32xl\:col-start-7 {
-    grid-column-start: 7;
-  }
-
-  .\32xl\:col-start-8 {
-    grid-column-start: 8;
-  }
-
-  .\32xl\:col-start-9 {
-    grid-column-start: 9;
-  }
-
-  .\32xl\:col-start-10 {
-    grid-column-start: 10;
-  }
-
-  .\32xl\:col-start-11 {
-    grid-column-start: 11;
-  }
-
-  .\32xl\:col-start-12 {
-    grid-column-start: 12;
-  }
-
-  .\32xl\:col-start-13 {
-    grid-column-start: 13;
-  }
-
-  .\32xl\:col-start-auto {
-    grid-column-start: auto;
-  }
-
-  .\32xl\:col-end-1 {
-    grid-column-end: 1;
-  }
-
-  .\32xl\:col-end-2 {
-    grid-column-end: 2;
-  }
-
-  .\32xl\:col-end-3 {
-    grid-column-end: 3;
-  }
-
-  .\32xl\:col-end-4 {
-    grid-column-end: 4;
-  }
-
-  .\32xl\:col-end-5 {
-    grid-column-end: 5;
-  }
-
-  .\32xl\:col-end-6 {
-    grid-column-end: 6;
-  }
-
-  .\32xl\:col-end-7 {
-    grid-column-end: 7;
-  }
-
-  .\32xl\:col-end-8 {
-    grid-column-end: 8;
-  }
-
-  .\32xl\:col-end-9 {
-    grid-column-end: 9;
-  }
-
-  .\32xl\:col-end-10 {
-    grid-column-end: 10;
-  }
-
-  .\32xl\:col-end-11 {
-    grid-column-end: 11;
-  }
-
-  .\32xl\:col-end-12 {
-    grid-column-end: 12;
-  }
-
-  .\32xl\:col-end-13 {
-    grid-column-end: 13;
-  }
-
-  .\32xl\:col-end-auto {
-    grid-column-end: auto;
-  }
-
-  .\32xl\:grid-rows-1 {
-    grid-template-rows: repeat(1, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-rows-2 {
-    grid-template-rows: repeat(2, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-rows-3 {
-    grid-template-rows: repeat(3, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-rows-4 {
-    grid-template-rows: repeat(4, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-rows-5 {
-    grid-template-rows: repeat(5, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-rows-6 {
-    grid-template-rows: repeat(6, minmax(0, 1fr));
-  }
-
-  .\32xl\:grid-rows-none {
-    grid-template-rows: none;
-  }
-
-  .\32xl\:auto-rows-auto {
-    grid-auto-rows: auto;
-  }
-
-  .\32xl\:auto-rows-min {
-    grid-auto-rows: -webkit-min-content;
-    grid-auto-rows: min-content;
-  }
-
-  .\32xl\:auto-rows-max {
-    grid-auto-rows: -webkit-max-content;
     grid-auto-rows: max-content;
   }
 
@@ -415938,82 +188947,22 @@ video {
   }
 
   .\32xl\:animate-none {
-    -webkit-animation: none;
-            animation: none;
+    animation: none;
   }
 
   .\32xl\:animate-spin {
-    -webkit-animation: spin 1s linear infinite;
-            animation: spin 1s linear infinite;
+    animation: spin 1s linear infinite;
   }
 
   .\32xl\: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;
+    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
   }
 
   .\32xl\: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;
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
   }
 
   .\32xl\:animate-bounce {
-    -webkit-animation: bounce 1s infinite;
-            animation: bounce 1s infinite;
+    animation: bounce 1s infinite;
   }
 }
-  }
-
-  .\32xl\:delay-100 {
-    transition-delay: 100ms;
-  }
-
-  .\32xl\:delay-150 {
-    transition-delay: 150ms;
-  }
-
-  .\32xl\:delay-200 {
-    transition-delay: 200ms;
-  }
-
-  .\32xl\:delay-300 {
-    transition-delay: 300ms;
-  }
-
-  .\32xl\:delay-500 {
-    transition-delay: 500ms;
-  }
-
-  .\32xl\:delay-700 {
-    transition-delay: 700ms;
-  }
-
-  .\32xl\:delay-1000 {
-    transition-delay: 1000ms;
-  }
-
-  .\32xl\:animate-none {
-    -webkit-animation: none;
-            animation: none;
-  }
-
-  .\32xl\:animate-spin {
-    -webkit-animation: spin 1s linear infinite;
-            animation: spin 1s linear infinite;
-  }
-
-  .\32xl\: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;
-  }
-
-  .\32xl\: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;
-  }
-
-  .\32xl\:animate-bounce {
-    -webkit-animation: bounce 1s infinite;
-            animation: bounce 1s infinite;
-  }
-}
\ No newline at end of file
diff --git a/basicswap/static/css/style.css b/basicswap/static/css/style.css
index 528c400..c008660 100644
--- a/basicswap/static/css/style.css
+++ b/basicswap/static/css/style.css
@@ -16,16 +16,12 @@
 
 .floatright
 {
-  position: absolute;
+  position: fixed;
   top:1.25rem;
   right:1.25rem;
   z-index: 9999;
 }
 
-.error
-{
-}
-
 .error_msg
 {
   color:red;
@@ -55,4 +51,64 @@
         height:0;
         visibility:hidden;
     }
-}
\ No newline at end of file
+}
+
+.custom-select .select {
+    appearance: none;
+    background-image: url('/static/images/other/coin.png');
+    background-position: 10px center;
+    background-repeat: no-repeat;
+    position: relative;
+  }
+
+.custom-select select::-webkit-scrollbar {
+  width: 0;
+}
+
+.custom-select .select option {
+  padding-left: 0;
+  text-indent: 0;
+  background-repeat: no-repeat;
+  background-position: 0 50%;
+}
+
+.custom-select .select option.no-space {
+  padding-left: 0;
+}
+
+.custom-select .select option[data-image] {
+  background-image: url('');
+}
+
+.custom-select .select-icon {
+  position: absolute;
+  top: 50%;
+  left: 10px;
+  transform: translateY(-50%);
+}
+
+.custom-select .select-image {
+  display: none;
+  margin-top: 10px;
+}
+
+.custom-select .select:focus + .select-dropdown .select-image {
+  display: block;
+}
+
+
+/* Disable opacity on disabled form elements in Chrome */
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  select:disabled,
+  input:disabled,
+  textarea:disabled {
+    opacity: 1 !important;
+  }
+}
+
+
+
+/* Add this to your existing CSS file */
+.error {
+  border: 1px solid red !important;
+}
diff --git a/basicswap/static/images/gfx/dashboard.jpg b/basicswap/static/images/gfx/dashboard.jpg
index af2b0ed..e916367 100644
Binary files a/basicswap/static/images/gfx/dashboard.jpg and b/basicswap/static/images/gfx/dashboard.jpg differ
diff --git a/basicswap/static/images/gfx/dashboard2.jpg b/basicswap/static/images/gfx/dashboard2.jpg
new file mode 100644
index 0000000..b2a7f89
Binary files /dev/null and b/basicswap/static/images/gfx/dashboard2.jpg differ
diff --git a/basicswap/static/images/gfx/macbook2.png b/basicswap/static/images/gfx/macbook2.png
new file mode 100644
index 0000000..9cbf9ce
Binary files /dev/null and b/basicswap/static/images/gfx/macbook2.png differ
diff --git a/basicswap/static/images/other/coin.png b/basicswap/static/images/other/coin.png
new file mode 100644
index 0000000..0bab48e
Binary files /dev/null and b/basicswap/static/images/other/coin.png differ
diff --git a/basicswap/static/js/chart.js b/basicswap/static/js/chart.js
deleted file mode 100644
index c95358a..0000000
--- a/basicswap/static/js/chart.js
+++ /dev/null
@@ -1,19768 +0,0 @@
-/**
- * Skipped minification because the original files appears to be already minified.
- * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
- */
-var CryptoCharts = (function (t) {
-    var e = {};
-    function i(a) {
-        if (e[a]) return e[a].exports;
-        var s = (e[a] = { i: a, l: !1, exports: {} });
-        return t[a].call(s.exports, s, s.exports, i), (s.l = !0), s.exports;
-    }
-    return (
-        (i.m = t),
-        (i.c = e),
-        (i.d = function (t, e, a) {
-            i.o(t, e) || Object.defineProperty(t, e, { enumerable: !0, get: a });
-        }),
-        (i.r = function (t) {
-            "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(t, "__esModule", { value: !0 });
-        }),
-        (i.t = function (t, e) {
-            if ((1 & e && (t = i(t)), 8 & e)) return t;
-            if (4 & e && "object" == typeof t && t && t.__esModule) return t;
-            var a = Object.create(null);
-            if ((i.r(a), Object.defineProperty(a, "default", { enumerable: !0, value: t }), 2 & e && "string" != typeof t))
-                for (var s in t)
-                    i.d(
-                        a,
-                        s,
-                        function (e) {
-                            return t[e];
-                        }.bind(null, s)
-                    );
-            return a;
-        }),
-        (i.n = function (t) {
-            var e =
-                t && t.__esModule
-                    ? function () {
-                          return t.default;
-                      }
-                    : function () {
-                          return t;
-                      };
-            return i.d(e, "a", e), e;
-        }),
-        (i.o = function (t, e) {
-            return Object.prototype.hasOwnProperty.call(t, e);
-        }),
-        (i.p = ""),
-        i((i.s = 106))
-    );
-})([
-    function (t, e, i) {
-        (function (e) {
-            var i = "object",
-                a = function (t) {
-                    return t && t.Math == Math && t;
-                };
-            t.exports = a(typeof globalThis == i && globalThis) || a(typeof window == i && window) || a(typeof self == i && self) || a(typeof e == i && e) || Function("return this")();
-        }.call(this, i(23)));
-    },
-    function (t, e, i) {
-        var a = i(0),
-            s = i(16),
-            n = i(40),
-            r = i(59),
-            o = a.Symbol,
-            l = s("wks");
-        t.exports = function (t) {
-            return l[t] || (l[t] = (r && o[t]) || (r ? o : n)("Symbol." + t));
-        };
-    },
-    function (t, e, i) {
-        "use strict";
-        (function (t, a) {
-            /*!
-             * ApexCharts v3.8.0
-             * (c) 2018-2019 Juned Chhipa
-             * Released under the MIT License.
-             */
-            function s(t) {
-                return (s =
-                    "function" == typeof Symbol && "symbol" == typeof Symbol.iterator
-                        ? function (t) {
-                              return typeof t;
-                          }
-                        : function (t) {
-                              return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-                          })(t);
-            }
-            function n(t, e) {
-                if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function");
-            }
-            function r(t, e) {
-                for (var i = 0; i < e.length; i++) {
-                    var a = e[i];
-                    (a.enumerable = a.enumerable || !1), (a.configurable = !0), "value" in a && (a.writable = !0), Object.defineProperty(t, a.key, a);
-                }
-            }
-            function o(t, e, i) {
-                return e && r(t.prototype, e), i && r(t, i), t;
-            }
-            function l(t, e, i) {
-                return e in t ? Object.defineProperty(t, e, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : (t[e] = i), t;
-            }
-            function h(t) {
-                for (var e = 1; e < arguments.length; e++) {
-                    var i = null != arguments[e] ? arguments[e] : {},
-                        a = Object.keys(i);
-                    "function" == typeof Object.getOwnPropertySymbols &&
-                        (a = a.concat(
-                            Object.getOwnPropertySymbols(i).filter(function (t) {
-                                return Object.getOwnPropertyDescriptor(i, t).enumerable;
-                            })
-                        )),
-                        a.forEach(function (e) {
-                            l(t, e, i[e]);
-                        });
-                }
-                return t;
-            }
-            function c(t, e) {
-                if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
-                (t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } })), e && u(t, e);
-            }
-            function d(t) {
-                return (d = Object.setPrototypeOf
-                    ? Object.getPrototypeOf
-                    : function (t) {
-                          return t.__proto__ || Object.getPrototypeOf(t);
-                      })(t);
-            }
-            function u(t, e) {
-                return (u =
-                    Object.setPrototypeOf ||
-                    function (t, e) {
-                        return (t.__proto__ = e), t;
-                    })(t, e);
-            }
-            function f(t, e) {
-                return !e || ("object" != typeof e && "function" != typeof e)
-                    ? (function (t) {
-                          if (void 0 === t) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-                          return t;
-                      })(t)
-                    : e;
-            }
-            function g(t) {
-                return (
-                    (function (t) {
-                        if (Array.isArray(t)) {
-                            for (var e = 0, i = new Array(t.length); e < t.length; e++) i[e] = t[e];
-                            return i;
-                        }
-                    })(t) ||
-                    (function (t) {
-                        if (Symbol.iterator in Object(t) || "[object Arguments]" === Object.prototype.toString.call(t)) return Array.from(t);
-                    })(t) ||
-                    (function () {
-                        throw new TypeError("Invalid attempt to spread non-iterable instance");
-                    })()
-                );
-            }
-            var p = (function () {
-                    function t() {
-                        n(this, t);
-                    }
-                    return (
-                        o(
-                            t,
-                            [
-                                {
-                                    key: "shadeRGBColor",
-                                    value: function (t, e) {
-                                        var i = e.split(","),
-                                            a = t < 0 ? 0 : 255,
-                                            s = t < 0 ? -1 * t : t,
-                                            n = parseInt(i[0].slice(4)),
-                                            r = parseInt(i[1]),
-                                            o = parseInt(i[2]);
-                                        return "rgb(" + (Math.round((a - n) * s) + n) + "," + (Math.round((a - r) * s) + r) + "," + (Math.round((a - o) * s) + o) + ")";
-                                    },
-                                },
-                                {
-                                    key: "shadeHexColor",
-                                    value: function (t, e) {
-                                        var i = parseInt(e.slice(1), 16),
-                                            a = t < 0 ? 0 : 255,
-                                            s = t < 0 ? -1 * t : t,
-                                            n = i >> 16,
-                                            r = (i >> 8) & 255,
-                                            o = 255 & i;
-                                        return "#" + (16777216 + 65536 * (Math.round((a - n) * s) + n) + 256 * (Math.round((a - r) * s) + r) + (Math.round((a - o) * s) + o)).toString(16).slice(1);
-                                    },
-                                },
-                                {
-                                    key: "shadeColor",
-                                    value: function (t, e) {
-                                        return e.length > 7 ? this.shadeRGBColor(t, e) : this.shadeHexColor(t, e);
-                                    },
-                                },
-                            ],
-                            [
-                                {
-                                    key: "bind",
-                                    value: function (t, e) {
-                                        return function () {
-                                            return t.apply(e, arguments);
-                                        };
-                                    },
-                                },
-                                {
-                                    key: "isObject",
-                                    value: function (t) {
-                                        return t && "object" === s(t) && !Array.isArray(t) && null != t;
-                                    },
-                                },
-                                {
-                                    key: "listToArray",
-                                    value: function (t) {
-                                        var e,
-                                            i = [];
-                                        for (e = 0; e < t.length; e++) i[e] = t[e];
-                                        return i;
-                                    },
-                                },
-                                {
-                                    key: "extend",
-                                    value: function (t, e) {
-                                        var i = this;
-                                        "function" != typeof Object.assign &&
-                                            (Object.assign = function (t) {
-                                                if (null == t) throw new TypeError("Cannot convert undefined or null to object");
-                                                for (var e = Object(t), i = 1; i < arguments.length; i++) {
-                                                    var a = arguments[i];
-                                                    if (null != a) for (var s in a) a.hasOwnProperty(s) && (e[s] = a[s]);
-                                                }
-                                                return e;
-                                            });
-                                        var a = Object.assign({}, t);
-                                        return (
-                                            this.isObject(t) &&
-                                                this.isObject(e) &&
-                                                Object.keys(e).forEach(function (s) {
-                                                    i.isObject(e[s]) && s in t ? (a[s] = i.extend(t[s], e[s])) : Object.assign(a, l({}, s, e[s]));
-                                                }),
-                                            a
-                                        );
-                                    },
-                                },
-                                {
-                                    key: "extendArray",
-                                    value: function (e, i) {
-                                        var a = [];
-                                        return (
-                                            e.map(function (e) {
-                                                a.push(t.extend(i, e));
-                                            }),
-                                            (e = a)
-                                        );
-                                    },
-                                },
-                                {
-                                    key: "monthMod",
-                                    value: function (t) {
-                                        return t % 12;
-                                    },
-                                },
-                                {
-                                    key: "addProps",
-                                    value: function (t, e, i) {
-                                        "string" == typeof e && (e = e.split(".")), (t[e[0]] = t[e[0]] || {});
-                                        var a = t[e[0]];
-                                        return e.length > 1 ? (e.shift(), this.addProps(a, e, i)) : (t[e[0]] = i), t;
-                                    },
-                                },
-                                {
-                                    key: "clone",
-                                    value: function (t) {
-                                        if ("[object Array]" === Object.prototype.toString.call(t)) {
-                                            for (var e = [], i = 0; i < t.length; i++) e[i] = this.clone(t[i]);
-                                            return e;
-                                        }
-                                        if ("object" === s(t)) {
-                                            var a = {};
-                                            for (var n in t) t.hasOwnProperty(n) && (a[n] = this.clone(t[n]));
-                                            return a;
-                                        }
-                                        return t;
-                                    },
-                                },
-                                {
-                                    key: "log10",
-                                    value: function (t) {
-                                        return Math.log(t) / Math.LN10;
-                                    },
-                                },
-                                {
-                                    key: "roundToBase10",
-                                    value: function (t) {
-                                        return Math.pow(10, Math.floor(Math.log10(t)));
-                                    },
-                                },
-                                {
-                                    key: "roundToBase",
-                                    value: function (t, e) {
-                                        return Math.pow(e, Math.floor(Math.log(t) / Math.log(e)));
-                                    },
-                                },
-                                {
-                                    key: "parseNumber",
-                                    value: function (t) {
-                                        return null === t ? t : parseFloat(t);
-                                    },
-                                },
-                                {
-                                    key: "noExponents",
-                                    value: function (t) {
-                                        var e = String(t).split(/[eE]/);
-                                        if (1 == e.length) return e[0];
-                                        var i = "",
-                                            a = t < 0 ? "-" : "",
-                                            s = e[0].replace(".", ""),
-                                            n = Number(e[1]) + 1;
-                                        if (n < 0) {
-                                            for (i = a + "0."; n++; ) i += "0";
-                                            return i + s.replace(/^\-/, "");
-                                        }
-                                        for (n -= s.length; n--; ) i += "0";
-                                        return s + i;
-                                    },
-                                },
-                                {
-                                    key: "getDimensions",
-                                    value: function (t) {
-                                        var e = getComputedStyle(t),
-                                            i = [],
-                                            a = t.clientHeight,
-                                            s = t.clientWidth;
-                                        return (a -= parseFloat(e.paddingTop) + parseFloat(e.paddingBottom)), (s -= parseFloat(e.paddingLeft) + parseFloat(e.paddingRight)), i.push(s), i.push(a), i;
-                                    },
-                                },
-                                {
-                                    key: "getBoundingClientRect",
-                                    value: function (t) {
-                                        var e = t.getBoundingClientRect();
-                                        return { top: e.top, right: e.right, bottom: e.bottom, left: e.left, width: e.width, height: e.height, x: e.x, y: e.y };
-                                    },
-                                },
-                                {
-                                    key: "hexToRgba",
-                                    value: function () {
-                                        var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "#999999",
-                                            e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0.6;
-                                        "#" !== t.substring(0, 1) && (t = "#999999");
-                                        var i = t.replace("#", "");
-                                        i = i.match(new RegExp("(.{" + i.length / 3 + "})", "g"));
-                                        for (var a = 0; a < i.length; a++) i[a] = parseInt(1 === i[a].length ? i[a] + i[a] : i[a], 16);
-                                        return void 0 !== e && i.push(e), "rgba(" + i.join(",") + ")";
-                                    },
-                                },
-                                {
-                                    key: "getOpacityFromRGBA",
-                                    value: function (t) {
-                                        return (t = t.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i))[3];
-                                    },
-                                },
-                                {
-                                    key: "rgb2hex",
-                                    value: function (t) {
-                                        return (t = t.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i)) && 4 === t.length
-                                            ? "#" + ("0" + parseInt(t[1], 10).toString(16)).slice(-2) + ("0" + parseInt(t[2], 10).toString(16)).slice(-2) + ("0" + parseInt(t[3], 10).toString(16)).slice(-2)
-                                            : "";
-                                    },
-                                },
-                                {
-                                    key: "isColorHex",
-                                    value: function (t) {
-                                        return /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t);
-                                    },
-                                },
-                                {
-                                    key: "polarToCartesian",
-                                    value: function (t, e, i, a) {
-                                        var s = ((a - 90) * Math.PI) / 180;
-                                        return { x: t + i * Math.cos(s), y: e + i * Math.sin(s) };
-                                    },
-                                },
-                                {
-                                    key: "escapeString",
-                                    value: function (t) {
-                                        var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "x",
-                                            i = t.toString().slice();
-                                        return (i = i.replace(/[` ~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, e));
-                                    },
-                                },
-                                {
-                                    key: "negToZero",
-                                    value: function (t) {
-                                        return t < 0 ? 0 : t;
-                                    },
-                                },
-                                {
-                                    key: "moveIndexInArray",
-                                    value: function (t, e, i) {
-                                        if (i >= t.length) for (var a = i - t.length + 1; a--; ) t.push(void 0);
-                                        return t.splice(i, 0, t.splice(e, 1)[0]), t;
-                                    },
-                                },
-                                {
-                                    key: "extractNumber",
-                                    value: function (t) {
-                                        return parseFloat(t.replace(/[^\d\.]*/g, ""));
-                                    },
-                                },
-                                {
-                                    key: "randomString",
-                                    value: function (t) {
-                                        for (var e = "", i = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz", a = 0; a < t; a++) e += i.charAt(Math.floor(Math.random() * i.length));
-                                        return e;
-                                    },
-                                },
-                                {
-                                    key: "findAncestor",
-                                    value: function (t, e) {
-                                        for (; (t = t.parentElement) && !t.classList.contains(e); );
-                                        return t;
-                                    },
-                                },
-                                {
-                                    key: "setELstyles",
-                                    value: function (t, e) {
-                                        for (var i in e) e.hasOwnProperty(i) && (t.style.key = e[i]);
-                                    },
-                                },
-                                {
-                                    key: "isNumber",
-                                    value: function (t) {
-                                        return !isNaN(t) && parseFloat(Number(t)) === t && !isNaN(parseInt(t, 10));
-                                    },
-                                },
-                                {
-                                    key: "isFloat",
-                                    value: function (t) {
-                                        return Number(t) === t && t % 1 != 0;
-                                    },
-                                },
-                                {
-                                    key: "isSafari",
-                                    value: function () {
-                                        return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-                                    },
-                                },
-                                {
-                                    key: "isFirefox",
-                                    value: function () {
-                                        return navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
-                                    },
-                                },
-                                {
-                                    key: "isIE11",
-                                    value: function () {
-                                        if (-1 !== window.navigator.userAgent.indexOf("MSIE") || window.navigator.appVersion.indexOf("Trident/") > -1) return !0;
-                                    },
-                                },
-                                {
-                                    key: "isIE",
-                                    value: function () {
-                                        var t = window.navigator.userAgent,
-                                            e = t.indexOf("MSIE ");
-                                        if (e > 0) return parseInt(t.substring(e + 5, t.indexOf(".", e)), 10);
-                                        if (t.indexOf("Trident/") > 0) {
-                                            var i = t.indexOf("rv:");
-                                            return parseInt(t.substring(i + 3, t.indexOf(".", i)), 10);
-                                        }
-                                        var a = t.indexOf("Edge/");
-                                        return a > 0 && parseInt(t.substring(a + 5, t.indexOf(".", a)), 10);
-                                    },
-                                },
-                            ]
-                        ),
-                        t
-                    );
-                })(),
-                x = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "getDefaultFilter",
-                                value: function (t, e) {
-                                    var i = this.w;
-                                    t.unfilter(!0),
-                                        new window.SVG.Filter().size("120%", "180%", "-5%", "-40%"),
-                                        "none" !== i.config.states.normal.filter
-                                            ? this.applyFilter(t, e, i.config.states.normal.filter.type, i.config.states.normal.filter.value)
-                                            : i.config.chart.dropShadow.enabled && this.dropShadow(t, i.config.chart.dropShadow, e);
-                                },
-                            },
-                            {
-                                key: "addNormalFilter",
-                                value: function (t, e) {
-                                    var i = this.w;
-                                    i.config.chart.dropShadow.enabled && this.dropShadow(t, i.config.chart.dropShadow, e);
-                                },
-                            },
-                            {
-                                key: "addLightenFilter",
-                                value: function (t, e, i) {
-                                    var a = this,
-                                        s = this.w,
-                                        n = i.intensity;
-                                    if (!p.isFirefox()) {
-                                        t.unfilter(!0);
-                                        var r = new window.SVG.Filter();
-                                        r.size("120%", "180%", "-5%", "-40%"),
-                                            t.filter(function (t) {
-                                                var i = s.config.chart.dropShadow;
-                                                (r = i.enabled ? a.addShadow(t, e, i) : t).componentTransfer({ rgb: { type: "linear", slope: 1.5, intercept: n } });
-                                            }),
-                                            t.filterer.node.setAttribute("filterUnits", "userSpaceOnUse");
-                                    }
-                                },
-                            },
-                            {
-                                key: "addDarkenFilter",
-                                value: function (t, e, i) {
-                                    var a = this,
-                                        s = this.w,
-                                        n = i.intensity;
-                                    if (!p.isFirefox()) {
-                                        t.unfilter(!0);
-                                        var r = new window.SVG.Filter();
-                                        r.size("120%", "180%", "-5%", "-40%"),
-                                            t.filter(function (t) {
-                                                var i = s.config.chart.dropShadow;
-                                                (r = i.enabled ? a.addShadow(t, e, i) : t).componentTransfer({ rgb: { type: "linear", slope: n } });
-                                            }),
-                                            t.filterer.node.setAttribute("filterUnits", "userSpaceOnUse");
-                                    }
-                                },
-                            },
-                            {
-                                key: "applyFilter",
-                                value: function (t, e, i) {
-                                    var a = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : 0.5;
-                                    switch (i) {
-                                        case "none":
-                                            this.addNormalFilter(t, e);
-                                            break;
-                                        case "lighten":
-                                            this.addLightenFilter(t, e, { intensity: a });
-                                            break;
-                                        case "darken":
-                                            this.addDarkenFilter(t, e, { intensity: a });
-                                    }
-                                },
-                            },
-                            {
-                                key: "addShadow",
-                                value: function (t, e, i) {
-                                    var a = i.blur,
-                                        s = i.top,
-                                        n = i.left,
-                                        r = i.color,
-                                        o = i.opacity,
-                                        l = t
-                                            .flood(Array.isArray(r) ? r[e] : r, o)
-                                            .composite(t.sourceAlpha, "in")
-                                            .offset(n, s)
-                                            .gaussianBlur(a)
-                                            .merge(t.source);
-                                    return t.blend(t.source, l);
-                                },
-                            },
-                            {
-                                key: "dropShadow",
-                                value: function (t, e) {
-                                    var i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 0,
-                                        a = e.top,
-                                        s = e.left,
-                                        n = e.blur,
-                                        r = e.color,
-                                        o = e.opacity,
-                                        l = e.noUserSpaceOnUse;
-                                    return (
-                                        t.unfilter(!0),
-                                        (r = Array.isArray(r) ? r[i] : r),
-                                        new window.SVG.Filter().size("120%", "180%", "-5%", "-40%"),
-                                        t.filter(function (t) {
-                                            var e = null;
-                                            (e =
-                                                p.isSafari() || p.isFirefox() || p.isIE()
-                                                    ? t.flood(r, o).composite(t.sourceAlpha, "in").offset(s, a).gaussianBlur(n)
-                                                    : t.flood(r, o).composite(t.sourceAlpha, "in").offset(s, a).gaussianBlur(n).merge(t.source)),
-                                                t.blend(t.source, e);
-                                        }),
-                                        l || t.filterer.node.setAttribute("filterUnits", "userSpaceOnUse"),
-                                        t
-                                    );
-                                },
-                            },
-                            {
-                                key: "setSelectionFilter",
-                                value: function (t, e, i) {
-                                    var a = this.w;
-                                    if (void 0 !== a.globals.selectedDataPoints[e] && a.globals.selectedDataPoints[e].indexOf(i) > -1) {
-                                        t.node.setAttribute("selected", !0);
-                                        var s = a.config.states.active.filter;
-                                        "none" !== s && this.applyFilter(t, e, s.type, s.value);
-                                    }
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                v = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w), this.setEasingFunctions();
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "setEasingFunctions",
-                                value: function () {
-                                    var t;
-                                    switch (this.w.config.chart.animations.easing) {
-                                        case "linear":
-                                            t = "-";
-                                            break;
-                                        case "easein":
-                                            t = "<";
-                                            break;
-                                        case "easeout":
-                                            t = ">";
-                                            break;
-                                        case "easeinout":
-                                            t = "<>";
-                                            break;
-                                        case "swing":
-                                            t = function (t) {
-                                                var e = 1.70158;
-                                                return (t -= 1) * t * ((e + 1) * t + e) + 1;
-                                            };
-                                            break;
-                                        case "bounce":
-                                            t = function (t) {
-                                                return t < 1 / 2.75
-                                                    ? 7.5625 * t * t
-                                                    : t < 2 / 2.75
-                                                    ? 7.5625 * (t -= 1.5 / 2.75) * t + 0.75
-                                                    : t < 2.5 / 2.75
-                                                    ? 7.5625 * (t -= 2.25 / 2.75) * t + 0.9375
-                                                    : 7.5625 * (t -= 2.625 / 2.75) * t + 0.984375;
-                                            };
-                                            break;
-                                        case "elastic":
-                                            t = function (t) {
-                                                return t === !!t ? t : Math.pow(2, -10 * t) * Math.sin(((t - 0.075) * (2 * Math.PI)) / 0.3) + 1;
-                                            };
-                                            break;
-                                        default:
-                                            t = "<>";
-                                    }
-                                    this.w.globals.easing = t;
-                                },
-                            },
-                            {
-                                key: "animateLine",
-                                value: function (t, e, i, a) {
-                                    t.attr(e).animate(a).attr(i);
-                                },
-                            },
-                            {
-                                key: "animateCircleRadius",
-                                value: function (t, e, i, a, s) {
-                                    e || (e = 0), t.attr({ r: e }).animate(a, s).attr({ r: i });
-                                },
-                            },
-                            {
-                                key: "animateCircle",
-                                value: function (t, e, i, a, s) {
-                                    t.attr({ r: e.r, cx: e.cx, cy: e.cy }).animate(a, s).attr({ r: i.r, cx: i.cx, cy: i.cy });
-                                },
-                            },
-                            {
-                                key: "animateRect",
-                                value: function (t, e, i, a, s) {
-                                    t.attr(e)
-                                        .animate(a)
-                                        .attr(i)
-                                        .afterAll(function () {
-                                            s();
-                                        });
-                                },
-                            },
-                            {
-                                key: "animatePathsGradually",
-                                value: function (t) {
-                                    var e = t.el,
-                                        i = t.j,
-                                        a = t.pathFrom,
-                                        s = t.pathTo,
-                                        n = t.speed,
-                                        r = t.delay,
-                                        o = t.strokeWidth,
-                                        l = this.w,
-                                        h = 0;
-                                    l.config.chart.animations.animateGradually.enabled && (h = l.config.chart.animations.animateGradually.delay),
-                                        l.config.chart.animations.dynamicAnimation.enabled && l.globals.dataChanged && (h = 0),
-                                        this.morphSVG(e, i, a, s, n, o, r * h);
-                                },
-                            },
-                            {
-                                key: "showDelayedElements",
-                                value: function () {
-                                    this.w.globals.delayedElements.forEach(function (t) {
-                                        t.el.classList.remove("hidden");
-                                    });
-                                },
-                            },
-                            {
-                                key: "morphSVG",
-                                value: function (t, e, i, a, s, n, r) {
-                                    var o = this,
-                                        l = this.w;
-                                    i || (i = t.attr("pathFrom")),
-                                        a || (a = t.attr("pathTo")),
-                                        (!i || i.indexOf("undefined") > -1 || i.indexOf("NaN") > -1) && ((i = "M 0 ".concat(l.globals.gridHeight)), (s = 1)),
-                                        (a.indexOf("undefined") > -1 || a.indexOf("NaN") > -1) && ((a = "M 0 ".concat(l.globals.gridHeight)), (s = 1)),
-                                        l.globals.shouldAnimate || (s = 1),
-                                        t
-                                            .plot(i)
-                                            .animate(1, l.globals.easing, r)
-                                            .plot(i)
-                                            .animate(s, l.globals.easing, r)
-                                            .plot(a)
-                                            .afterAll(function () {
-                                                p.isNumber(e)
-                                                    ? e === l.globals.series[l.globals.maxValsInArrayIndex].length - 2 && l.globals.shouldAnimate && (l.globals.animationEnded = !0)
-                                                    : l.globals.shouldAnimate && ((l.globals.animationEnded = !0), "function" == typeof l.config.chart.events.animationEnd && l.config.chart.events.animationEnd(o.ctx, l)),
-                                                    o.showDelayedElements();
-                                            });
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                m = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                    }
-                    return (
-                        o(
-                            t,
-                            [
-                                {
-                                    key: "drawLine",
-                                    value: function (t, e, i, a) {
-                                        var s = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : "#a8a8a8",
-                                            n = arguments.length > 5 && void 0 !== arguments[5] ? arguments[5] : 0,
-                                            r = arguments.length > 6 && void 0 !== arguments[6] ? arguments[6] : null;
-                                        return this.w.globals.dom.Paper.line().attr({ x1: t, y1: e, x2: i, y2: a, stroke: s, "stroke-dasharray": n, "stroke-width": r });
-                                    },
-                                },
-                                {
-                                    key: "drawRect",
-                                    value: function () {
-                                        var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0,
-                                            e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0,
-                                            i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 0,
-                                            a = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : 0,
-                                            s = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : 0,
-                                            n = arguments.length > 5 && void 0 !== arguments[5] ? arguments[5] : "#fefefe",
-                                            r = arguments.length > 6 && void 0 !== arguments[6] ? arguments[6] : 1,
-                                            o = arguments.length > 7 && void 0 !== arguments[7] ? arguments[7] : null,
-                                            l = arguments.length > 8 && void 0 !== arguments[8] ? arguments[8] : null,
-                                            h = arguments.length > 9 && void 0 !== arguments[9] ? arguments[9] : 0,
-                                            c = this.w.globals.dom.Paper.rect();
-                                        return (
-                                            c.attr({ x: t, y: e, width: i > 0 ? i : 0, height: a > 0 ? a : 0, rx: s, ry: s, fill: n, opacity: r, "stroke-width": null !== o ? o : 0, stroke: null !== l ? l : "none", "stroke-dasharray": h }),
-                                            c
-                                        );
-                                    },
-                                },
-                                {
-                                    key: "drawPolygon",
-                                    value: function (t) {
-                                        var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "#e1e1e1",
-                                            i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "none";
-                                        return this.w.globals.dom.Paper.polygon(t).attr({ fill: i, stroke: e });
-                                    },
-                                },
-                                {
-                                    key: "drawCircle",
-                                    value: function (t) {
-                                        var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null,
-                                            i = this.w.globals.dom.Paper.circle(2 * t);
-                                        return null !== e && i.attr(e), i;
-                                    },
-                                },
-                                {
-                                    key: "drawPath",
-                                    value: function (t) {
-                                        var e = t.d,
-                                            i = void 0 === e ? "" : e,
-                                            a = t.stroke,
-                                            s = void 0 === a ? "#a8a8a8" : a,
-                                            n = t.strokeWidth,
-                                            r = void 0 === n ? 1 : n,
-                                            o = t.fill,
-                                            l = t.fillOpacity,
-                                            h = void 0 === l ? 1 : l,
-                                            c = t.strokeOpacity,
-                                            d = void 0 === c ? 1 : c,
-                                            u = t.classes,
-                                            f = t.strokeLinecap,
-                                            g = void 0 === f ? null : f,
-                                            p = t.strokeDashArray,
-                                            x = void 0 === p ? 0 : p,
-                                            v = this.w;
-                                        return (
-                                            null === g && (g = v.config.stroke.lineCap),
-                                            (i.indexOf("undefined") > -1 || i.indexOf("NaN") > -1) && (i = "M 0 ".concat(v.globals.gridHeight)),
-                                            v.globals.dom.Paper.path(i).attr({ fill: o, "fill-opacity": h, stroke: s, "stroke-opacity": d, "stroke-linecap": g, "stroke-width": r, "stroke-dasharray": x, class: u })
-                                        );
-                                    },
-                                },
-                                {
-                                    key: "group",
-                                    value: function () {
-                                        var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : null,
-                                            e = this.w.globals.dom.Paper.group();
-                                        return null !== t && e.attr(t), e;
-                                    },
-                                },
-                                {
-                                    key: "move",
-                                    value: function (t, e) {
-                                        var i = ["M", t, e].join(" ");
-                                        return i;
-                                    },
-                                },
-                                {
-                                    key: "line",
-                                    value: function (t, e) {
-                                        var i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null,
-                                            a = null;
-                                        return null === i ? (a = ["L", t, e].join(" ")) : "H" === i ? (a = ["H", t].join(" ")) : "V" === i && (a = ["V", e].join(" ")), a;
-                                    },
-                                },
-                                {
-                                    key: "curve",
-                                    value: function (t, e, i, a, s, n) {
-                                        var r = ["C", t, e, i, a, s, n].join(" ");
-                                        return r;
-                                    },
-                                },
-                                {
-                                    key: "quadraticCurve",
-                                    value: function (t, e, i, a) {
-                                        return ["Q", t, e, i, a].join(" ");
-                                    },
-                                },
-                                {
-                                    key: "arc",
-                                    value: function (t, e, i, a, s, n, r) {
-                                        var o = "A";
-                                        arguments.length > 7 && void 0 !== arguments[7] && arguments[7] && (o = "a");
-                                        var l = [o, t, e, i, a, s, n, r].join(" ");
-                                        return l;
-                                    },
-                                },
-                                {
-                                    key: "renderPaths",
-                                    value: function (t) {
-                                        var e,
-                                            i = t.i,
-                                            a = t.j,
-                                            s = t.realIndex,
-                                            n = t.pathFrom,
-                                            r = t.pathTo,
-                                            o = t.stroke,
-                                            l = t.strokeWidth,
-                                            c = t.strokeLinecap,
-                                            d = t.fill,
-                                            u = t.animationDelay,
-                                            f = t.initialSpeed,
-                                            g = t.dataChangeSpeed,
-                                            p = t.className,
-                                            m = t.id,
-                                            b = t.shouldClipToGrid,
-                                            y = void 0 === b || b,
-                                            w = t.bindEventsOnPaths,
-                                            k = void 0 === w || w,
-                                            S = t.drawShadow,
-                                            A = void 0 === S || S,
-                                            C = this.w,
-                                            L = new x(this.ctx),
-                                            E = new v(this.ctx),
-                                            P = this.w.config.chart.animations.enabled,
-                                            T = P && this.w.config.chart.animations.dynamicAnimation.enabled,
-                                            M = !!((P && !C.globals.resized) || (T && C.globals.dataChanged && C.globals.shouldAnimate));
-                                        M ? (e = n) : ((e = r), (this.w.globals.animationEnded = !0));
-                                        var z = C.config.stroke.dashArray,
-                                            I = 0;
-                                        I = Array.isArray(z) ? z[s] : C.config.stroke.dashArray;
-                                        var X = this.drawPath({ d: e, stroke: o, strokeWidth: l, fill: d, fillOpacity: 1, classes: p, strokeLinecap: c, strokeDashArray: I });
-                                        if ((X.attr("id", "".concat(m, "-").concat(i)), X.attr("index", s), y && X.attr({ "clip-path": "url(#gridRectMask".concat(C.globals.cuid, ")") }), "none" !== C.config.states.normal.filter.type))
-                                            L.getDefaultFilter(X, s);
-                                        else if (
-                                            C.config.chart.dropShadow.enabled &&
-                                            A &&
-                                            (!C.config.chart.dropShadow.enabledSeries || (C.config.chart.dropShadow.enabledSeries && -1 !== C.config.chart.dropShadow.enabledSeries.indexOf(s)))
-                                        ) {
-                                            var F = C.config.chart.dropShadow;
-                                            L.dropShadow(X, F, s);
-                                        }
-                                        k &&
-                                            (X.node.addEventListener("mouseenter", this.pathMouseEnter.bind(this, X)),
-                                            X.node.addEventListener("mouseleave", this.pathMouseLeave.bind(this, X)),
-                                            X.node.addEventListener("mousedown", this.pathMouseDown.bind(this, X))),
-                                            X.attr({ pathTo: r, pathFrom: n });
-                                        var Y = { el: X, j: a, pathFrom: n, pathTo: r, strokeWidth: l };
-                                        return (
-                                            !P || C.globals.resized || C.globals.dataChanged ? (!C.globals.resized && C.globals.dataChanged) || E.showDelayedElements() : E.animatePathsGradually(h({}, Y, { speed: f, delay: u })),
-                                            C.globals.dataChanged && T && M && E.animatePathsGradually(h({}, Y, { speed: g })),
-                                            X
-                                        );
-                                    },
-                                },
-                                {
-                                    key: "drawPattern",
-                                    value: function (t, e, i) {
-                                        var a = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : "#a8a8a8",
-                                            s = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : 0;
-                                        return this.w.globals.dom.Paper.pattern(e, i, function (n) {
-                                            "horizontalLines" === t
-                                                ? n.line(0, 0, i, 0).stroke({ color: a, width: s + 1 })
-                                                : "verticalLines" === t
-                                                ? n.line(0, 0, 0, e).stroke({ color: a, width: s + 1 })
-                                                : "slantedLines" === t
-                                                ? n.line(0, 0, e, i).stroke({ color: a, width: s })
-                                                : "squares" === t
-                                                ? n.rect(e, i).fill("none").stroke({ color: a, width: s })
-                                                : "circles" === t && n.circle(e).fill("none").stroke({ color: a, width: s });
-                                        });
-                                    },
-                                },
-                                {
-                                    key: "drawGradient",
-                                    value: function (t, e, i, a, s) {
-                                        var n,
-                                            r = arguments.length > 5 && void 0 !== arguments[5] ? arguments[5] : null,
-                                            o = arguments.length > 6 && void 0 !== arguments[6] ? arguments[6] : null,
-                                            l = arguments.length > 7 && void 0 !== arguments[7] ? arguments[7] : null,
-                                            h = arguments.length > 8 && void 0 !== arguments[8] ? arguments[8] : 0,
-                                            c = this.w;
-                                        (e = p.hexToRgba(e, a)), (i = p.hexToRgba(i, s));
-                                        var d = 0,
-                                            u = 1,
-                                            f = 1,
-                                            g = null;
-                                        null !== o && ((d = void 0 !== o[0] ? o[0] / 100 : 0), (u = void 0 !== o[1] ? o[1] / 100 : 1), (f = void 0 !== o[2] ? o[2] / 100 : 1), (g = void 0 !== o[3] ? o[3] / 100 : null));
-                                        var x = !("donut" !== c.config.chart.type && "pie" !== c.config.chart.type && "bubble" !== c.config.chart.type);
-                                        if (
-                                            ((n =
-                                                null === l || 0 === l.length
-                                                    ? c.globals.dom.Paper.gradient(x ? "radial" : "linear", function (t) {
-                                                          t.at(d, e, a), t.at(u, i, s), t.at(f, i, s), null !== g && t.at(g, e, a);
-                                                      })
-                                                    : c.globals.dom.Paper.gradient(x ? "radial" : "linear", function (t) {
-                                                          (Array.isArray(l[h]) ? l[h] : l).forEach(function (e) {
-                                                              t.at(e.offset / 100, e.color, e.opacity);
-                                                          });
-                                                      })),
-                                            x)
-                                        ) {
-                                            var v = c.globals.gridWidth / 2,
-                                                m = c.globals.gridHeight / 2;
-                                            "bubble" !== c.config.chart.type ? n.attr({ gradientUnits: "userSpaceOnUse", cx: v, cy: m, r: r }) : n.attr({ cx: 0.5, cy: 0.5, r: 0.8, fx: 0.2, fy: 0.2 });
-                                        } else "vertical" === t ? n.from(0, 0).to(0, 1) : "diagonal" === t ? n.from(0, 0).to(1, 1) : "horizontal" === t ? n.from(0, 1).to(1, 1) : "diagonal2" === t && n.from(0, 1).to(2, 2);
-                                        return n;
-                                    },
-                                },
-                                {
-                                    key: "drawText",
-                                    value: function (t) {
-                                        var e,
-                                            i = this.w,
-                                            a = t.x,
-                                            s = t.y,
-                                            n = t.text,
-                                            r = t.textAnchor,
-                                            o = t.fontSize,
-                                            l = t.fontFamily,
-                                            h = t.foreColor,
-                                            c = t.opacity;
-                                        return (
-                                            void 0 === n && (n = ""),
-                                            r || (r = "start"),
-                                            h || (h = i.config.chart.foreColor),
-                                            (l = l || i.config.chart.fontFamily),
-                                            (e = Array.isArray(n)
-                                                ? i.globals.dom.Paper.text(function (t) {
-                                                      for (var e = 0; e < n.length; e++) t.tspan(n[e]);
-                                                  })
-                                                : i.globals.dom.Paper.plain(n)).attr({ x: a, y: s, "text-anchor": r, "dominant-baseline": "auto", "font-size": o, "font-family": l, fill: h, class: t.cssClass }),
-                                            (e.node.style.fontFamily = l),
-                                            (e.node.style.opacity = c),
-                                            e
-                                        );
-                                    },
-                                },
-                                {
-                                    key: "addTspan",
-                                    value: function (t, e, i) {
-                                        var a = t.tspan(e);
-                                        i || (i = this.w.config.chart.fontFamily), (a.node.style.fontFamily = i);
-                                    },
-                                },
-                                {
-                                    key: "drawMarker",
-                                    value: function (t, e, i) {
-                                        t = t || 0;
-                                        var a = i.pSize || 0,
-                                            s = null;
-                                        if ("square" === i.shape) {
-                                            var n = void 0 === i.pRadius ? a / 2 : i.pRadius;
-                                            null === e && ((a = 0), (n = 0));
-                                            var r = 1.2 * a + n,
-                                                o = this.drawRect(r, r, r, r, n);
-                                            o.attr({
-                                                x: t - r / 2,
-                                                y: e - r / 2,
-                                                cx: t,
-                                                cy: e,
-                                                class: i.class ? i.class : "",
-                                                fill: i.pointFillColor,
-                                                "fill-opacity": i.pointFillOpacity ? i.pointFillOpacity : 1,
-                                                stroke: i.pointStrokeColor,
-                                                "stroke-width": i.pWidth ? i.pWidth : 0,
-                                                "stroke-opacity": i.pointStrokeOpacity ? i.pointStrokeOpacity : 1,
-                                            }),
-                                                (s = o);
-                                        } else
-                                            "circle" === i.shape &&
-                                                (p.isNumber(e) || ((a = 0), (e = 0)),
-                                                (s = this.drawCircle(a, {
-                                                    cx: t,
-                                                    cy: e,
-                                                    class: i.class ? i.class : "",
-                                                    stroke: i.pointStrokeColor,
-                                                    fill: i.pointFillColor,
-                                                    "fill-opacity": i.pointFillOpacity ? i.pointFillOpacity : 1,
-                                                    "stroke-width": i.pWidth ? i.pWidth : 0,
-                                                    "stroke-opacity": i.pointStrokeOpacity ? i.pointStrokeOpacity : 1,
-                                                })));
-                                        return s;
-                                    },
-                                },
-                                {
-                                    key: "pathMouseEnter",
-                                    value: function (t, e) {
-                                        var i = this.w,
-                                            a = new x(this.ctx),
-                                            s = parseInt(t.node.getAttribute("index")),
-                                            n = parseInt(t.node.getAttribute("j"));
-                                        if (
-                                            ("function" == typeof i.config.chart.events.dataPointMouseEnter && i.config.chart.events.dataPointMouseEnter(e, this.ctx, { seriesIndex: s, dataPointIndex: n, w: i }),
-                                            this.ctx.fireEvent("dataPointMouseEnter", [e, this.ctx, { seriesIndex: s, dataPointIndex: n, w: i }]),
-                                            ("none" === i.config.states.active.filter.type || "true" !== t.node.getAttribute("selected")) &&
-                                                "none" !== i.config.states.hover.filter.type &&
-                                                "none" !== i.config.states.active.filter.type &&
-                                                !i.globals.isTouchDevice)
-                                        ) {
-                                            var r = i.config.states.hover.filter;
-                                            a.applyFilter(t, s, r.type, r.value);
-                                        }
-                                    },
-                                },
-                                {
-                                    key: "pathMouseLeave",
-                                    value: function (t, e) {
-                                        var i = this.w,
-                                            a = new x(this.ctx),
-                                            s = parseInt(t.node.getAttribute("index")),
-                                            n = parseInt(t.node.getAttribute("j"));
-                                        "function" == typeof i.config.chart.events.dataPointMouseLeave && i.config.chart.events.dataPointMouseLeave(e, this.ctx, { seriesIndex: s, dataPointIndex: n, w: i }),
-                                            this.ctx.fireEvent("dataPointMouseLeave", [e, this.ctx, { seriesIndex: s, dataPointIndex: n, w: i }]),
-                                            ("none" !== i.config.states.active.filter.type && "true" === t.node.getAttribute("selected")) || ("none" !== i.config.states.hover.filter.type && a.getDefaultFilter(t, s));
-                                    },
-                                },
-                                {
-                                    key: "pathMouseDown",
-                                    value: function (t, e) {
-                                        var i = this.w,
-                                            a = new x(this.ctx),
-                                            s = parseInt(t.node.getAttribute("index")),
-                                            n = parseInt(t.node.getAttribute("j")),
-                                            r = "false";
-                                        if ("true" === t.node.getAttribute("selected")) {
-                                            if ((t.node.setAttribute("selected", "false"), i.globals.selectedDataPoints[s].indexOf(n) > -1)) {
-                                                var o = i.globals.selectedDataPoints[s].indexOf(n);
-                                                i.globals.selectedDataPoints[s].splice(o, 1);
-                                            }
-                                        } else {
-                                            if (!i.config.states.active.allowMultipleDataPointsSelection && i.globals.selectedDataPoints.length > 0) {
-                                                i.globals.selectedDataPoints = [];
-                                                var l = i.globals.dom.Paper.select(".apexcharts-series path").members,
-                                                    h = i.globals.dom.Paper.select(".apexcharts-series circle, .apexcharts-series rect").members;
-                                                l.forEach(function (t) {
-                                                    t.node.setAttribute("selected", "false"), a.getDefaultFilter(t, s);
-                                                }),
-                                                    h.forEach(function (t) {
-                                                        t.node.setAttribute("selected", "false"), a.getDefaultFilter(t, s);
-                                                    });
-                                            }
-                                            t.node.setAttribute("selected", "true"), (r = "true"), void 0 === i.globals.selectedDataPoints[s] && (i.globals.selectedDataPoints[s] = []), i.globals.selectedDataPoints[s].push(n);
-                                        }
-                                        if ("true" === r) {
-                                            var c = i.config.states.active.filter;
-                                            "none" !== c && a.applyFilter(t, s, c.type, c.value);
-                                        } else "none" !== i.config.states.active.filter.type && a.getDefaultFilter(t, s);
-                                        "function" == typeof i.config.chart.events.dataPointSelection &&
-                                            i.config.chart.events.dataPointSelection(e, this.ctx, { selectedDataPoints: i.globals.selectedDataPoints, seriesIndex: s, dataPointIndex: n, w: i }),
-                                            e && this.ctx.fireEvent("dataPointSelection", [e, this.ctx, { selectedDataPoints: i.globals.selectedDataPoints, seriesIndex: s, dataPointIndex: n, w: i }]);
-                                    },
-                                },
-                                {
-                                    key: "rotateAroundCenter",
-                                    value: function (t) {
-                                        var e = t.getBBox();
-                                        return { x: e.x + e.width / 2, y: e.y + e.height / 2 };
-                                    },
-                                },
-                                {
-                                    key: "getTextRects",
-                                    value: function (t, e, i, a) {
-                                        var s = !(arguments.length > 4 && void 0 !== arguments[4]) || arguments[4],
-                                            n = this.w,
-                                            r = this.drawText({ x: -200, y: -200, text: t, textAnchor: "start", fontSize: e, fontFamily: i, foreColor: "#fff", opacity: 0 });
-                                        a && r.attr("transform", a), n.globals.dom.Paper.add(r);
-                                        var o = r.bbox();
-                                        return s || (o = r.node.getBoundingClientRect()), r.remove(), { width: o.width, height: o.height };
-                                    },
-                                },
-                                {
-                                    key: "placeTextWithEllipsis",
-                                    value: function (t, e, i) {
-                                        if (((t.textContent = e), e.length > 0 && t.getComputedTextLength() >= i)) {
-                                            for (var a = e.length - 3; a > 0; a -= 3) if (t.getSubStringLength(0, a) <= i) return void (t.textContent = e.substring(0, a) + "...");
-                                            t.textContent = "...";
-                                        }
-                                    },
-                                },
-                            ],
-                            [
-                                {
-                                    key: "setAttrs",
-                                    value: function (t, e) {
-                                        for (var i in e) e.hasOwnProperty(i) && t.setAttribute(i, e[i]);
-                                    },
-                                },
-                            ]
-                        ),
-                        t
-                    );
-                })();
-            var b = {
-                    name: "en",
-                    options: {
-                        months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
-                        shortMonths: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
-                        days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
-                        shortDays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
-                        toolbar: {
-                            exportToSVG: "Download SVG",
-                            exportToPNG: "Download PNG",
-                            menu: "Menu",
-                            selection: "Selection",
-                            selectionZoom: "Selection Zoom",
-                            zoomIn: "Zoom In",
-                            zoomOut: "Zoom Out",
-                            pan: "Panning",
-                            reset: "Reset Zoom",
-                        },
-                    },
-                },
-                y = (function () {
-                    function t() {
-                        n(this, t),
-                            (this.yAxis = {
-                                show: !0,
-                                showAlways: !1,
-                                seriesName: void 0,
-                                opposite: !1,
-                                reversed: !1,
-                                logarithmic: !1,
-                                tickAmount: void 0,
-                                forceNiceScale: !1,
-                                max: void 0,
-                                min: void 0,
-                                floating: !1,
-                                decimalsInFloat: void 0,
-                                labels: { show: !0, minWidth: 0, maxWidth: 160, offsetX: 0, offsetY: 0, align: void 0, rotate: 0, padding: 20, style: { colors: [], fontSize: "11px", fontFamily: void 0, cssClass: "" }, formatter: void 0 },
-                                axisBorder: { show: !1, color: "#78909C", offsetX: 0, offsetY: 0 },
-                                axisTicks: { show: !1, color: "#78909C", width: 6, offsetX: 0, offsetY: 0 },
-                                title: { text: void 0, rotate: 90, offsetY: 0, offsetX: 0, style: { color: void 0, fontSize: "11px", fontFamily: void 0, cssClass: "" } },
-                                tooltip: { enabled: !1, offsetX: 0 },
-                                crosshairs: { show: !0, position: "front", stroke: { color: "#b6b6b6", width: 1, dashArray: 0 } },
-                            }),
-                            (this.xAxisAnnotation = {
-                                x: 0,
-                                x2: null,
-                                strokeDashArray: 1,
-                                fillColor: "#c2c2c2",
-                                borderColor: "#c2c2c2",
-                                opacity: 0.3,
-                                offsetX: 0,
-                                offsetY: 0,
-                                label: {
-                                    borderColor: "#c2c2c2",
-                                    borderWidth: 1,
-                                    text: void 0,
-                                    textAnchor: "middle",
-                                    orientation: "vertical",
-                                    position: "top",
-                                    offsetX: 0,
-                                    offsetY: 0,
-                                    style: { background: "#fff", color: void 0, fontSize: "11px", fontFamily: void 0, cssClass: "", padding: { left: 5, right: 5, top: 2, bottom: 2 } },
-                                },
-                            }),
-                            (this.yAxisAnnotation = {
-                                y: 0,
-                                y2: null,
-                                strokeDashArray: 1,
-                                fillColor: "#c2c2c2",
-                                borderColor: "#c2c2c2",
-                                opacity: 0.3,
-                                offsetX: 0,
-                                offsetY: 0,
-                                yAxisIndex: 0,
-                                label: {
-                                    borderColor: "#c2c2c2",
-                                    borderWidth: 1,
-                                    text: void 0,
-                                    textAnchor: "end",
-                                    position: "right",
-                                    offsetX: 0,
-                                    offsetY: -3,
-                                    style: { background: "#fff", color: void 0, fontSize: "11px", fontFamily: void 0, cssClass: "", padding: { left: 5, right: 5, top: 0, bottom: 2 } },
-                                },
-                            }),
-                            (this.pointAnnotation = {
-                                x: 0,
-                                y: null,
-                                yAxisIndex: 0,
-                                seriesIndex: 0,
-                                marker: { size: 0, fillColor: "#fff", strokeWidth: 2, strokeColor: "#333", shape: "circle", offsetX: 0, offsetY: 0, radius: 2, cssClass: "" },
-                                label: {
-                                    borderColor: "#c2c2c2",
-                                    borderWidth: 1,
-                                    text: void 0,
-                                    textAnchor: "middle",
-                                    offsetX: 0,
-                                    offsetY: -15,
-                                    style: { background: "#fff", color: void 0, fontSize: "11px", fontFamily: void 0, cssClass: "", padding: { left: 5, right: 5, top: 0, bottom: 2 } },
-                                },
-                                customSVG: { SVG: void 0, cssClass: void 0, offsetX: 0, offsetY: 0 },
-                            });
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "init",
-                                value: function () {
-                                    return {
-                                        annotations: { position: "front", yaxis: [this.yAxisAnnotation], xaxis: [this.xAxisAnnotation], points: [this.pointAnnotation] },
-                                        chart: {
-                                            animations: { enabled: !0, easing: "easeinout", speed: 800, animateGradually: { delay: 150, enabled: !0 }, dynamicAnimation: { enabled: !0, speed: 350 } },
-                                            background: "transparent",
-                                            locales: [b],
-                                            defaultLocale: "en",
-                                            dropShadow: { enabled: !1, enabledSeries: void 0, top: 2, left: 2, blur: 4, color: "#000", opacity: 0.35 },
-                                            events: {
-                                                animationEnd: void 0,
-                                                beforeMount: void 0,
-                                                mounted: void 0,
-                                                updated: void 0,
-                                                click: void 0,
-                                                legendClick: void 0,
-                                                markerClick: void 0,
-                                                selection: void 0,
-                                                dataPointSelection: void 0,
-                                                dataPointMouseEnter: void 0,
-                                                dataPointMouseLeave: void 0,
-                                                beforeZoom: void 0,
-                                                zoomed: void 0,
-                                                scrolled: void 0,
-                                            },
-                                            foreColor: "#373d3f",
-                                            fontFamily: "Helvetica, Arial, sans-serif",
-                                            height: "auto",
-                                            parentHeightOffset: 15,
-                                            id: void 0,
-                                            group: void 0,
-                                            offsetX: 0,
-                                            offsetY: 0,
-                                            selection: {
-                                                enabled: !1,
-                                                type: "x",
-                                                fill: { color: "#24292e", opacity: 0.1 },
-                                                stroke: { width: 1, color: "#24292e", opacity: 0.4, dashArray: 3 },
-                                                xaxis: { min: void 0, max: void 0 },
-                                                yaxis: { min: void 0, max: void 0 },
-                                            },
-                                            sparkline: { enabled: !1 },
-                                            brush: { enabled: !1, autoScaleYaxis: !0, target: void 0 },
-                                            stacked: !1,
-                                            stackType: "normal",
-                                            toolbar: { show: !0, tools: { download: !0, selection: !0, zoom: !0, zoomin: !0, zoomout: !0, pan: !0, reset: !0, customIcons: [] }, autoSelected: "zoom" },
-                                            type: "line",
-                                            width: "100%",
-                                            zoom: { enabled: !0, type: "x", autoScaleYaxis: !1, zoomedArea: { fill: { color: "#90CAF9", opacity: 0.4 }, stroke: { color: "#0D47A1", opacity: 0.4, width: 1 } } },
-                                        },
-                                        plotOptions: {
-                                            bar: {
-                                                horizontal: !1,
-                                                columnWidth: "70%",
-                                                barHeight: "70%",
-                                                distributed: !1,
-                                                endingShape: "flat",
-                                                colors: { ranges: [], backgroundBarColors: [], backgroundBarOpacity: 1 },
-                                                dataLabels: { maxItems: 100, hideOverflowingLabels: !0, position: "top" },
-                                            },
-                                            candlestick: { colors: { upward: "#00B746", downward: "#EF403C" }, wick: { useFillColor: !0 } },
-                                            heatmap: { radius: 2, enableShades: !0, shadeIntensity: 0.5, reverseNegativeShade: !0, distributed: !1, colorScale: { inverse: !1, ranges: [], min: void 0, max: void 0 } },
-                                            radialBar: {
-                                                size: void 0,
-                                                inverseOrder: !1,
-                                                startAngle: 0,
-                                                endAngle: 360,
-                                                offsetX: 0,
-                                                offsetY: 0,
-                                                hollow: {
-                                                    margin: 5,
-                                                    size: "50%",
-                                                    background: "transparent",
-                                                    image: void 0,
-                                                    imageWidth: 150,
-                                                    imageHeight: 150,
-                                                    imageOffsetX: 0,
-                                                    imageOffsetY: 0,
-                                                    imageClipped: !0,
-                                                    position: "front",
-                                                    dropShadow: { enabled: !1, top: 0, left: 0, blur: 3, color: "#000", opacity: 0.5 },
-                                                },
-                                                track: {
-                                                    show: !0,
-                                                    startAngle: void 0,
-                                                    endAngle: void 0,
-                                                    background: "#f2f2f2",
-                                                    strokeWidth: "97%",
-                                                    opacity: 1,
-                                                    margin: 5,
-                                                    dropShadow: { enabled: !1, top: 0, left: 0, blur: 3, color: "#000", opacity: 0.5 },
-                                                },
-                                                dataLabels: {
-                                                    show: !0,
-                                                    name: { show: !0, fontSize: "16px", fontFamily: void 0, color: void 0, offsetY: 0 },
-                                                    value: {
-                                                        show: !0,
-                                                        fontSize: "14px",
-                                                        fontFamily: void 0,
-                                                        color: void 0,
-                                                        offsetY: 16,
-                                                        formatter: function (t) {
-                                                            return t + "%";
-                                                        },
-                                                    },
-                                                    total: {
-                                                        show: !1,
-                                                        label: "Total",
-                                                        color: void 0,
-                                                        formatter: function (t) {
-                                                            return (
-                                                                t.globals.seriesTotals.reduce(function (t, e) {
-                                                                    return t + e;
-                                                                }, 0) /
-                                                                    t.globals.series.length +
-                                                                "%"
-                                                            );
-                                                        },
-                                                    },
-                                                },
-                                            },
-                                            rangeBar: {},
-                                            pie: {
-                                                size: void 0,
-                                                customScale: 1,
-                                                offsetX: 0,
-                                                offsetY: 0,
-                                                expandOnClick: !0,
-                                                dataLabels: { offset: 0, minAngleToShowLabel: 10 },
-                                                donut: {
-                                                    size: "65%",
-                                                    background: "transparent",
-                                                    labels: {
-                                                        show: !1,
-                                                        name: { show: !0, fontSize: "16px", fontFamily: void 0, color: void 0, offsetY: -10 },
-                                                        value: {
-                                                            show: !0,
-                                                            fontSize: "20px",
-                                                            fontFamily: void 0,
-                                                            color: void 0,
-                                                            offsetY: 10,
-                                                            formatter: function (t) {
-                                                                return t;
-                                                            },
-                                                        },
-                                                        total: {
-                                                            show: !1,
-                                                            label: "Total",
-                                                            color: void 0,
-                                                            formatter: function (t) {
-                                                                return t.globals.seriesTotals.reduce(function (t, e) {
-                                                                    return t + e;
-                                                                }, 0);
-                                                            },
-                                                        },
-                                                    },
-                                                },
-                                            },
-                                            radar: { size: void 0, offsetX: 0, offsetY: 0, polygons: { strokeColors: "#e8e8e8", connectorColors: "#e8e8e8", fill: { colors: void 0 } } },
-                                        },
-                                        colors: void 0,
-                                        dataLabels: {
-                                            enabled: !0,
-                                            enabledOnSeries: void 0,
-                                            formatter: function (t) {
-                                                return null !== t ? t : "";
-                                            },
-                                            textAnchor: "middle",
-                                            offsetX: 0,
-                                            offsetY: 0,
-                                            style: { fontSize: "12px", fontFamily: void 0, colors: void 0 },
-                                            dropShadow: { enabled: !1, top: 1, left: 1, blur: 1, color: "#000", opacity: 0.45 },
-                                        },
-                                        fill: {
-                                            type: "solid",
-                                            colors: void 0,
-                                            opacity: 0.85,
-                                            gradient: { shade: "dark", type: "horizontal", shadeIntensity: 0.5, gradientToColors: void 0, inverseColors: !0, opacityFrom: 1, opacityTo: 1, stops: [0, 50, 100], colorStops: [] },
-                                            image: { src: [], width: void 0, height: void 0 },
-                                            pattern: { style: "sqaures", width: 6, height: 6, strokeWidth: 2 },
-                                        },
-                                        grid: {
-                                            show: !0,
-                                            borderColor: "#e0e0e0",
-                                            strokeDashArray: 0,
-                                            position: "back",
-                                            xaxis: { lines: { show: !1, animate: !1 } },
-                                            yaxis: { lines: { show: !0, animate: !1 } },
-                                            row: { colors: void 0, opacity: 0.5 },
-                                            column: { colors: void 0, opacity: 0.5 },
-                                            padding: { top: 0, right: 10, bottom: 0, left: 12 },
-                                        },
-                                        labels: [],
-                                        legend: {
-                                            show: !0,
-                                            showForSingleSeries: !1,
-                                            showForNullSeries: !0,
-                                            showForZeroSeries: !0,
-                                            floating: !1,
-                                            position: "bottom",
-                                            horizontalAlign: "center",
-                                            fontSize: "12px",
-                                            fontFamily: void 0,
-                                            width: void 0,
-                                            height: void 0,
-                                            formatter: void 0,
-                                            offsetX: -20,
-                                            offsetY: 0,
-                                            labels: { colors: void 0, useSeriesColors: !1 },
-                                            markers: { width: 12, height: 12, strokeWidth: 0, strokeColor: "#fff", radius: 12, customHTML: void 0, offsetX: 0, offsetY: 0, onClick: void 0 },
-                                            itemMargin: { horizontal: 0, vertical: 5 },
-                                            onItemClick: { toggleDataSeries: !0 },
-                                            onItemHover: { highlightDataSeries: !0 },
-                                        },
-                                        markers: {
-                                            discrete: [],
-                                            size: 0,
-                                            colors: void 0,
-                                            strokeColors: "#fff",
-                                            strokeWidth: 2,
-                                            strokeOpacity: 0.9,
-                                            fillOpacity: 1,
-                                            shape: "circle",
-                                            radius: 2,
-                                            offsetX: 0,
-                                            offsetY: 0,
-                                            hover: { size: void 0, sizeOffset: 3 },
-                                        },
-                                        noData: { text: void 0, align: "center", verticalAlign: "middle", offsetX: 0, offsetY: 0, style: { color: void 0, fontSize: "14px", fontFamily: void 0 } },
-                                        responsive: [],
-                                        series: void 0,
-                                        states: {
-                                            normal: { filter: { type: "none", value: 0 } },
-                                            hover: { filter: { type: "lighten", value: 0.15 } },
-                                            active: { allowMultipleDataPointsSelection: !1, filter: { type: "darken", value: 0.65 } },
-                                        },
-                                        title: { text: void 0, align: "left", margin: 10, offsetX: 0, offsetY: 0, floating: !1, style: { fontSize: "14px", fontFamily: void 0, color: void 0 } },
-                                        subtitle: { text: void 0, align: "left", margin: 10, offsetX: 0, offsetY: 30, floating: !1, style: { fontSize: "12px", fontFamily: void 0, color: void 0 } },
-                                        stroke: { show: !0, curve: "smooth", lineCap: "butt", width: 2, colors: void 0, dashArray: 0 },
-                                        tooltip: {
-                                            enabled: !0,
-                                            enabledOnSeries: void 0,
-                                            shared: !0,
-                                            followCursor: !1,
-                                            intersect: !1,
-                                            inverseOrder: !1,
-                                            custom: void 0,
-                                            fillSeriesColor: !1,
-                                            theme: "light",
-                                            style: { fontSize: "12px", fontFamily: void 0 },
-                                            onDatasetHover: { highlightDataSeries: !1 },
-                                            x: { show: !0, format: "dd MMM", formatter: void 0 },
-                                            y: {
-                                                formatter: void 0,
-                                                title: {
-                                                    formatter: function (t) {
-                                                        return t;
-                                                    },
-                                                },
-                                            },
-                                            z: { formatter: void 0, title: "Size: " },
-                                            marker: { show: !0 },
-                                            items: { display: "flex" },
-                                            fixed: { enabled: !1, position: "topRight", offsetX: 0, offsetY: 0 },
-                                        },
-                                        xaxis: {
-                                            type: "category",
-                                            categories: [],
-                                            offsetX: 0,
-                                            offsetY: 0,
-                                            labels: {
-                                                show: !0,
-                                                rotate: -45,
-                                                rotateAlways: !1,
-                                                hideOverlappingLabels: !0,
-                                                trim: !0,
-                                                minHeight: void 0,
-                                                maxHeight: 120,
-                                                showDuplicates: !0,
-                                                style: { colors: [], fontSize: "12px", fontFamily: void 0, cssClass: "" },
-                                                offsetX: 0,
-                                                offsetY: 0,
-                                                format: void 0,
-                                                formatter: void 0,
-                                                datetimeFormatter: { year: "yyyy", month: "MMM 'yy", day: "dd MMM", hour: "HH:mm", minute: "HH:mm:ss" },
-                                            },
-                                            axisBorder: { show: !0, color: "#78909C", width: "100%", height: 1, offsetX: 0, offsetY: 0 },
-                                            axisTicks: { show: !0, color: "#78909C", height: 6, offsetX: 0, offsetY: 0 },
-                                            tickAmount: void 0,
-                                            tickPlacement: "on",
-                                            min: void 0,
-                                            max: void 0,
-                                            range: void 0,
-                                            floating: !1,
-                                            position: "bottom",
-                                            title: { text: void 0, offsetX: 0, offsetY: 0, style: { color: void 0, fontSize: "12px", fontFamily: void 0, cssClass: "" } },
-                                            crosshairs: {
-                                                show: !0,
-                                                width: 1,
-                                                position: "back",
-                                                opacity: 0.9,
-                                                stroke: { color: "#b6b6b6", width: 1, dashArray: 3 },
-                                                fill: { type: "solid", color: "#B1B9C4", gradient: { colorFrom: "#D8E3F0", colorTo: "#BED1E6", stops: [0, 100], opacityFrom: 0.4, opacityTo: 0.5 } },
-                                                dropShadow: { enabled: !1, left: 0, top: 0, blur: 1, opacity: 0.4 },
-                                            },
-                                            tooltip: { enabled: !0, offsetY: 0, formatter: void 0, style: { fontSize: "12px", fontFamily: void 0 } },
-                                        },
-                                        yaxis: this.yAxis,
-                                        theme: { mode: "light", palette: "palette1", monochrome: { enabled: !1, color: "#008FFB", shadeTo: "light", shadeIntensity: 0.65 } },
-                                    };
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                w = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w), (this.graphics = new m(this.ctx)), this.w.globals.isBarHorizontal && (this.invertAxis = !0), (this.xDivision = this.w.globals.gridWidth / this.w.globals.dataPoints);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "drawAnnotations",
-                                value: function () {
-                                    var t = this.w;
-                                    if (t.globals.axisCharts) {
-                                        for (
-                                            var e = this.drawYAxisAnnotations(), i = this.drawXAxisAnnotations(), a = this.drawPointAnnotations(), s = t.config.chart.animations.enabled, n = [e, i, a], r = [i.node, e.node, a.node], o = 0;
-                                            o < 3;
-                                            o++
-                                        )
-                                            t.globals.dom.elGraphical.add(n[o]), !s || t.globals.resized || t.globals.dataChanged || r[o].classList.add("hidden"), t.globals.delayedElements.push({ el: r[o], index: 0 });
-                                        this.annotationsBackground();
-                                    }
-                                },
-                            },
-                            {
-                                key: "getStringX",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = t,
-                                        a = e.globals.labels.indexOf(t),
-                                        s = e.globals.dom.baseEl.querySelector(".apexcharts-xaxis-texts-g text:nth-child(" + (a + 1) + ")");
-                                    return s && (i = parseFloat(s.getAttribute("x"))), i;
-                                },
-                            },
-                            {
-                                key: "addXaxisAnnotation",
-                                value: function (t, e, i) {
-                                    var a = this.w,
-                                        s = this.invertAxis ? a.globals.minY : a.globals.minX,
-                                        n = this.invertAxis ? a.globals.yRange[0] : a.globals.xRange,
-                                        r = (t.x - s) / (n / a.globals.gridWidth),
-                                        o = t.label.text;
-                                    ("category" !== a.config.xaxis.type && !a.config.xaxis.convertedCatToNumeric) || this.invertAxis || (r = this.getStringX(t.x));
-                                    var l = t.strokeDashArray;
-                                    if (!(r < 0 || r > a.globals.gridWidth)) {
-                                        if (null === t.x2) {
-                                            var h = this.graphics.drawLine(r + t.offsetX, 0 + t.offsetY, r + t.offsetX, a.globals.gridHeight + t.offsetY, t.borderColor, l);
-                                            e.appendChild(h.node);
-                                        } else {
-                                            var c = (t.x2 - s) / (n / a.globals.gridWidth);
-                                            if ((("category" !== a.config.xaxis.type && !a.config.xaxis.convertedCatToNumeric) || this.invertAxis || (c = this.getStringX(t.x2)), c < r)) {
-                                                var d = r;
-                                                (r = c), (c = d);
-                                            }
-                                            if (o) {
-                                                var u = this.graphics.drawRect(r + t.offsetX, 0 + t.offsetY, c - r, a.globals.gridHeight + t.offsetY, 0, t.fillColor, t.opacity, 1, t.borderColor, l);
-                                                e.appendChild(u.node);
-                                            }
-                                        }
-                                        var f = "top" === t.label.position ? -3 : a.globals.gridHeight,
-                                            g = this.graphics.drawText({
-                                                x: r + t.label.offsetX,
-                                                y: f + t.label.offsetY,
-                                                text: o,
-                                                textAnchor: t.label.textAnchor,
-                                                fontSize: t.label.style.fontSize,
-                                                fontFamily: t.label.style.fontFamily,
-                                                foreColor: t.label.style.color,
-                                                cssClass: "apexcharts-xaxis-annotation-label " + t.label.style.cssClass,
-                                            });
-                                        g.attr({ rel: i }), e.appendChild(g.node), this.setOrientations(t, i);
-                                    }
-                                },
-                            },
-                            {
-                                key: "drawXAxisAnnotations",
-                                value: function () {
-                                    var t = this,
-                                        e = this.w,
-                                        i = this.graphics.group({ class: "apexcharts-xaxis-annotations" });
-                                    return (
-                                        e.config.annotations.xaxis.map(function (e, a) {
-                                            t.addXaxisAnnotation(e, i.node, a);
-                                        }),
-                                        i
-                                    );
-                                },
-                            },
-                            {
-                                key: "addYaxisAnnotation",
-                                value: function (t, e, i) {
-                                    var a,
-                                        s,
-                                        n = this.w,
-                                        r = t.strokeDashArray;
-                                    if (this.invertAxis) {
-                                        var o = n.globals.labels.indexOf(t.y),
-                                            l = n.globals.dom.baseEl.querySelector(".apexcharts-yaxis-texts-g text:nth-child(" + (o + 1) + ")");
-                                        l && (a = parseFloat(l.getAttribute("y")));
-                                    } else
-                                        (a = n.globals.gridHeight - (t.y - n.globals.minYArr[t.yAxisIndex]) / (n.globals.yRange[t.yAxisIndex] / n.globals.gridHeight)),
-                                            n.config.yaxis[t.yAxisIndex] && n.config.yaxis[t.yAxisIndex].reversed && (a = (t.y - n.globals.minYArr[t.yAxisIndex]) / (n.globals.yRange[t.yAxisIndex] / n.globals.gridHeight));
-                                    var h = t.label.text;
-                                    if (null === t.y2) {
-                                        var c = this.graphics.drawLine(0 + t.offsetX, a + t.offsetY, n.globals.gridWidth + t.offsetX, a + t.offsetY, t.borderColor, r);
-                                        e.appendChild(c.node);
-                                    } else {
-                                        if (this.invertAxis) {
-                                            var d = n.globals.labels.indexOf(t.y2),
-                                                u = n.globals.dom.baseEl.querySelector(".apexcharts-yaxis-texts-g text:nth-child(" + (d + 1) + ")");
-                                            u && (s = parseFloat(u.getAttribute("y")));
-                                        } else
-                                            (s = n.globals.gridHeight - (t.y2 - n.globals.minYArr[t.yAxisIndex]) / (n.globals.yRange[t.yAxisIndex] / n.globals.gridHeight)),
-                                                n.config.yaxis[t.yAxisIndex] && n.config.yaxis[t.yAxisIndex].reversed && (s = (t.y2 - n.globals.minYArr[t.yAxisIndex]) / (n.globals.yRange[t.yAxisIndex] / n.globals.gridHeight));
-                                        if (s > a) {
-                                            var f = a;
-                                            (a = s), (s = f);
-                                        }
-                                        if (h) {
-                                            var g = this.graphics.drawRect(0 + t.offsetX, s + t.offsetY, n.globals.gridWidth + t.offsetX, a - s, 0, t.fillColor, t.opacity, 1, t.borderColor, r);
-                                            e.appendChild(g.node);
-                                        }
-                                    }
-                                    var p = "right" === t.label.position ? n.globals.gridWidth : 0,
-                                        x = this.graphics.drawText({
-                                            x: p + t.label.offsetX,
-                                            y: (s || a) + t.label.offsetY - 3,
-                                            text: h,
-                                            textAnchor: t.label.textAnchor,
-                                            fontSize: t.label.style.fontSize,
-                                            fontFamily: t.label.style.fontFamily,
-                                            foreColor: t.label.style.color,
-                                            cssClass: "apexcharts-yaxis-annotation-label " + t.label.style.cssClass,
-                                        });
-                                    x.attr({ rel: i }), e.appendChild(x.node);
-                                },
-                            },
-                            {
-                                key: "drawYAxisAnnotations",
-                                value: function () {
-                                    var t = this,
-                                        e = this.w,
-                                        i = this.graphics.group({ class: "apexcharts-yaxis-annotations" });
-                                    return (
-                                        e.config.annotations.yaxis.map(function (e, a) {
-                                            t.addYaxisAnnotation(e, i.node, a);
-                                        }),
-                                        i
-                                    );
-                                },
-                            },
-                            {
-                                key: "clearAnnotations",
-                                value: function (t) {
-                                    var e = t.w.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxis-annotations, .apexcharts-xaxis-annotations, .apexcharts-point-annotations");
-                                    (e = p.listToArray(e)).forEach(function (t) {
-                                        for (; t.firstChild; ) t.removeChild(t.firstChild);
-                                    });
-                                },
-                            },
-                            {
-                                key: "addPointAnnotation",
-                                value: function (t, e, i) {
-                                    var a = this.w,
-                                        s = 0,
-                                        n = 0,
-                                        r = 0;
-                                    if ((this.invertAxis && console.warn("Point annotation is not supported in horizontal bar charts."), "string" == typeof t.x)) {
-                                        var o = a.globals.labels.indexOf(t.x),
-                                            l = a.globals.dom.baseEl.querySelector(".apexcharts-xaxis-texts-g text:nth-child(" + (o + 1) + ")");
-                                        s = parseFloat(l.getAttribute("x"));
-                                        var h = t.y;
-                                        null === t.y && (h = a.globals.series[t.seriesIndex][o]),
-                                            (n = a.globals.gridHeight - (h - a.globals.minYArr[t.yAxisIndex]) / (a.globals.yRange[t.yAxisIndex] / a.globals.gridHeight) - parseInt(t.label.style.fontSize) - t.marker.size),
-                                            (r = a.globals.gridHeight - (h - a.globals.minYArr[t.yAxisIndex]) / (a.globals.yRange[t.yAxisIndex] / a.globals.gridHeight)),
-                                            a.config.yaxis[t.yAxisIndex] &&
-                                                a.config.yaxis[t.yAxisIndex].reversed &&
-                                                ((n = (h - a.globals.minYArr[t.yAxisIndex]) / (a.globals.yRange[t.yAxisIndex] / a.globals.gridHeight) + parseInt(t.label.style.fontSize) + t.marker.size),
-                                                (r = (h - a.globals.minYArr[t.yAxisIndex]) / (a.globals.yRange[t.yAxisIndex] / a.globals.gridHeight)));
-                                    } else
-                                        (s = (t.x - a.globals.minX) / (a.globals.xRange / a.globals.gridWidth)),
-                                            (n = a.globals.gridHeight - (parseFloat(t.y) - a.globals.minYArr[t.yAxisIndex]) / (a.globals.yRange[t.yAxisIndex] / a.globals.gridHeight) - parseInt(t.label.style.fontSize) - t.marker.size),
-                                            (r = a.globals.gridHeight - (t.y - a.globals.minYArr[t.yAxisIndex]) / (a.globals.yRange[t.yAxisIndex] / a.globals.gridHeight)),
-                                            a.config.yaxis[t.yAxisIndex] &&
-                                                a.config.yaxis[t.yAxisIndex].reversed &&
-                                                ((n = (parseFloat(t.y) - a.globals.minYArr[t.yAxisIndex]) / (a.globals.yRange[t.yAxisIndex] / a.globals.gridHeight) - parseInt(t.label.style.fontSize) - t.marker.size),
-                                                (r = (t.y - a.globals.minYArr[t.yAxisIndex]) / (a.globals.yRange[t.yAxisIndex] / a.globals.gridHeight)));
-                                    if (!(s < 0 || s > a.globals.gridWidth)) {
-                                        var c = {
-                                                pSize: t.marker.size,
-                                                pWidth: t.marker.strokeWidth,
-                                                pointFillColor: t.marker.fillColor,
-                                                pointStrokeColor: t.marker.strokeColor,
-                                                shape: t.marker.shape,
-                                                radius: t.marker.radius,
-                                                class: "apexcharts-point-annotation-marker " + t.marker.cssClass,
-                                            },
-                                            d = this.graphics.drawMarker(s + t.marker.offsetX, r + t.marker.offsetY, c);
-                                        e.appendChild(d.node);
-                                        var u = t.label.text ? t.label.text : "",
-                                            f = this.graphics.drawText({
-                                                x: s + t.label.offsetX,
-                                                y: n + t.label.offsetY,
-                                                text: u,
-                                                textAnchor: t.label.textAnchor,
-                                                fontSize: t.label.style.fontSize,
-                                                fontFamily: t.label.style.fontFamily,
-                                                foreColor: t.label.style.color,
-                                                cssClass: "apexcharts-point-annotation-label " + t.label.style.cssClass,
-                                            });
-                                        if ((f.attr({ rel: i }), e.appendChild(f.node), t.customSVG.SVG)) {
-                                            var g = this.graphics.group({ class: "apexcharts-point-annotations-custom-svg " + t.customSVG.cssClass });
-                                            g.attr({ transform: "translate(".concat(s + t.customSVG.offsetX, ", ").concat(n + t.customSVG.offsetY, ")") }), (g.node.innerHTML = t.customSVG.SVG), e.appendChild(g.node);
-                                        }
-                                    }
-                                },
-                            },
-                            {
-                                key: "drawPointAnnotations",
-                                value: function () {
-                                    var t = this,
-                                        e = this.w,
-                                        i = this.graphics.group({ class: "apexcharts-point-annotations" });
-                                    return (
-                                        e.config.annotations.points.map(function (e, a) {
-                                            t.addPointAnnotation(e, i.node, a);
-                                        }),
-                                        i
-                                    );
-                                },
-                            },
-                            {
-                                key: "setOrientations",
-                                value: function (t) {
-                                    var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null,
-                                        i = this.w;
-                                    if ("vertical" === t.label.orientation) {
-                                        var a = null !== e ? e : 0,
-                                            s = i.globals.dom.baseEl.querySelector(".apexcharts-xaxis-annotations .apexcharts-xaxis-annotation-label[rel='".concat(a, "']"));
-                                        if (null !== s) {
-                                            var n = s.getBoundingClientRect();
-                                            s.setAttribute("x", parseFloat(s.getAttribute("x")) - n.height + 4),
-                                                "top" === t.label.position ? s.setAttribute("y", parseFloat(s.getAttribute("y")) + n.width) : s.setAttribute("y", parseFloat(s.getAttribute("y")) - n.width);
-                                            var r = this.graphics.rotateAroundCenter(s),
-                                                o = r.x,
-                                                l = r.y;
-                                            s.setAttribute("transform", "rotate(-90 ".concat(o, " ").concat(l, ")"));
-                                        }
-                                    }
-                                },
-                            },
-                            {
-                                key: "addBackgroundToAnno",
-                                value: function (t, e) {
-                                    var i = this.w;
-                                    if (!e.label.text || (e.label.text && !e.label.text.trim())) return null;
-                                    var a = i.globals.dom.baseEl.querySelector(".apexcharts-grid").getBoundingClientRect(),
-                                        s = t.getBoundingClientRect(),
-                                        n = e.label.style.padding.left,
-                                        r = e.label.style.padding.right,
-                                        o = e.label.style.padding.top,
-                                        l = e.label.style.padding.bottom;
-                                    "vertical" === e.label.orientation && ((o = e.label.style.padding.left), (l = e.label.style.padding.right), (n = e.label.style.padding.top), (r = e.label.style.padding.bottom));
-                                    var h = s.left - a.left - n,
-                                        c = s.top - a.top - o;
-                                    return this.graphics.drawRect(h, c, s.width + n + r, s.height + o + l, 0, e.label.style.background, 1, e.label.borderWidth, e.label.borderColor, 0);
-                                },
-                            },
-                            {
-                                key: "annotationsBackground",
-                                value: function () {
-                                    var t = this,
-                                        e = this.w,
-                                        i = function (i, a, s) {
-                                            var n = e.globals.dom.baseEl.querySelector(".apexcharts-".concat(s, "-annotations .apexcharts-").concat(s, "-annotation-label[rel='").concat(a, "']"));
-                                            if (n) {
-                                                var r = n.parentNode,
-                                                    o = t.addBackgroundToAnno(n, i);
-                                                o && r.insertBefore(o.node, n);
-                                            }
-                                        };
-                                    e.config.annotations.xaxis.map(function (t, e) {
-                                        i(t, e, "xaxis");
-                                    }),
-                                        e.config.annotations.yaxis.map(function (t, e) {
-                                            i(t, e, "yaxis");
-                                        }),
-                                        e.config.annotations.points.map(function (t, e) {
-                                            i(t, e, "point");
-                                        });
-                                },
-                            },
-                            {
-                                key: "addText",
-                                value: function (t, e, i) {
-                                    var a = t.x,
-                                        s = t.y,
-                                        n = t.text,
-                                        r = t.textAnchor,
-                                        o = t.appendTo,
-                                        l = void 0 === o ? ".apexcharts-inner" : o,
-                                        h = t.foreColor,
-                                        c = t.fontSize,
-                                        d = t.fontFamily,
-                                        u = t.cssClass,
-                                        f = t.backgroundColor,
-                                        g = t.borderWidth,
-                                        p = t.strokeDashArray,
-                                        x = t.radius,
-                                        v = t.borderColor,
-                                        m = t.paddingLeft,
-                                        b = void 0 === m ? 4 : m,
-                                        y = t.paddingRight,
-                                        w = void 0 === y ? 4 : y,
-                                        k = t.paddingBottom,
-                                        S = void 0 === k ? 2 : k,
-                                        A = t.paddingTop,
-                                        C = void 0 === A ? 2 : A,
-                                        L = i,
-                                        E = L.w,
-                                        P = E.globals.dom.baseEl.querySelector(l),
-                                        T = this.graphics.drawText({ x: a, y: s, text: n, textAnchor: r || "start", fontSize: c || "12px", fontFamily: d || E.config.chart.fontFamily, foreColor: h || E.config.chart.foreColor, cssClass: u });
-                                    P.appendChild(T.node);
-                                    var M = T.bbox();
-                                    if (n) {
-                                        var z = this.graphics.drawRect(M.x - b, M.y - C, M.width + b + w, M.height + S + C, x, f, 1, g, v, p);
-                                        T.before(z);
-                                    }
-                                    return (
-                                        e &&
-                                            E.globals.memory.methodsToExec.push({
-                                                context: L,
-                                                method: L.addText,
-                                                params: {
-                                                    x: a,
-                                                    y: s,
-                                                    text: n,
-                                                    textAnchor: r,
-                                                    appendTo: l,
-                                                    foreColor: h,
-                                                    fontSize: c,
-                                                    cssClass: u,
-                                                    backgroundColor: f,
-                                                    borderWidth: g,
-                                                    strokeDashArray: p,
-                                                    radius: x,
-                                                    borderColor: v,
-                                                    paddingLeft: b,
-                                                    paddingRight: w,
-                                                    paddingBottom: S,
-                                                    paddingTop: C,
-                                                },
-                                            }),
-                                        i
-                                    );
-                                },
-                            },
-                            {
-                                key: "addPointAnnotationExternal",
-                                value: function (t, e, i) {
-                                    return (
-                                        void 0 === this.invertAxis && (this.invertAxis = i.w.globals.isBarHorizontal),
-                                        this.addAnnotationExternal({ params: t, pushToMemory: e, context: i, type: "point", contextMethod: i.addPointAnnotation }),
-                                        i
-                                    );
-                                },
-                            },
-                            {
-                                key: "addYaxisAnnotationExternal",
-                                value: function (t, e, i) {
-                                    return this.addAnnotationExternal({ params: t, pushToMemory: e, context: i, type: "yaxis", contextMethod: i.addYaxisAnnotation }), i;
-                                },
-                            },
-                            {
-                                key: "addXaxisAnnotationExternal",
-                                value: function (t, e, i) {
-                                    return this.addAnnotationExternal({ params: t, pushToMemory: e, context: i, type: "xaxis", contextMethod: i.addXaxisAnnotation }), i;
-                                },
-                            },
-                            {
-                                key: "addAnnotationExternal",
-                                value: function (t) {
-                                    var e = t.params,
-                                        i = t.pushToMemory,
-                                        a = t.context,
-                                        s = t.type,
-                                        n = t.contextMethod,
-                                        r = a,
-                                        o = r.w,
-                                        l = o.globals.dom.baseEl.querySelector(".apexcharts-".concat(s, "-annotations")),
-                                        h = l.childNodes.length + 1,
-                                        c = new y(),
-                                        d = Object.assign({}, "xaxis" === s ? c.xAxisAnnotation : "yaxis" === s ? c.yAxisAnnotation : c.pointAnnotation),
-                                        u = p.extend(d, e);
-                                    switch (s) {
-                                        case "xaxis":
-                                            this.addXaxisAnnotation(u, l, h);
-                                            break;
-                                        case "yaxis":
-                                            this.addYaxisAnnotation(u, l, h);
-                                            break;
-                                        case "point":
-                                            this.addPointAnnotation(u, l, h);
-                                    }
-                                    var f = o.globals.dom.baseEl.querySelector(".apexcharts-".concat(s, "-annotations .apexcharts-").concat(s, "-annotation-label[rel='").concat(h, "']")),
-                                        g = this.addBackgroundToAnno(f, u);
-                                    return g && l.insertBefore(g.node, f), i && o.globals.memory.methodsToExec.push({ context: r, method: n, params: e }), a;
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                k = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w), (this.months31 = [1, 3, 5, 7, 8, 10, 12]), (this.months30 = [2, 4, 6, 9, 11]), (this.daysCntOfYear = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334]);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "isValidDate",
-                                value: function (t) {
-                                    return !isNaN(this.parseDate(t));
-                                },
-                            },
-                            {
-                                key: "getUTCTimeStamp",
-                                value: function (t) {
-                                    return Date.parse(t) ? new Date(new Date(t).toISOString().substr(0, 25)).getTime() : t;
-                                },
-                            },
-                            {
-                                key: "parseDate",
-                                value: function (t) {
-                                    var e = Date.parse(t);
-                                    if (!isNaN(e)) return this.getUTCTimeStamp(t);
-                                    var i = Date.parse(t.replace(/-/g, "/").replace(/[a-z]+/gi, " "));
-                                    return (i = this.getUTCTimeStamp(i));
-                                },
-                            },
-                            {
-                                key: "treatAsUtc",
-                                value: function (t) {
-                                    var e = new Date(t);
-                                    return e.setMinutes(e.getMinutes() - e.getTimezoneOffset()), e;
-                                },
-                            },
-                            {
-                                key: "formatDate",
-                                value: function (t, e) {
-                                    var i = !(arguments.length > 2 && void 0 !== arguments[2]) || arguments[2],
-                                        a = !(arguments.length > 3 && void 0 !== arguments[3]) || arguments[3],
-                                        s = this.w.globals.locale,
-                                        n = ["\0"].concat(g(s.months)),
-                                        r = ["
"].concat(g(s.shortMonths)),
-                                        o = [""].concat(g(s.days)),
-                                        l = [""].concat(g(s.shortDays));
-                                    function h(t, e) {
-                                        var i = t + "";
-                                        for (e = e || 2; i.length < e; ) i = "0" + i;
-                                        return i;
-                                    }
-                                    a && (t = this.treatAsUtc(t));
-                                    var c = i ? t.getUTCFullYear() : t.getFullYear();
-                                    e = (e = (e = e.replace(/(^|[^\\])yyyy+/g, "$1" + c)).replace(/(^|[^\\])yy/g, "$1" + c.toString().substr(2, 2))).replace(/(^|[^\\])y/g, "$1" + c);
-                                    var d = (i ? t.getUTCMonth() : t.getMonth()) + 1;
-                                    e = (e = (e = (e = e.replace(/(^|[^\\])MMMM+/g, "$1" + n[0])).replace(/(^|[^\\])MMM/g, "$1" + r[0])).replace(/(^|[^\\])MM/g, "$1" + h(d))).replace(/(^|[^\\])M/g, "$1" + d);
-                                    var u = i ? t.getUTCDate() : t.getDate();
-                                    e = (e = (e = (e = e.replace(/(^|[^\\])dddd+/g, "$1" + o[0])).replace(/(^|[^\\])ddd/g, "$1" + l[0])).replace(/(^|[^\\])dd/g, "$1" + h(u))).replace(/(^|[^\\])d/g, "$1" + u);
-                                    var f = i ? t.getUTCHours() : t.getHours(),
-                                        p = f > 12 ? f - 12 : 0 === f ? 12 : f;
-                                    e = (e = (e = (e = e.replace(/(^|[^\\])HH+/g, "$1" + h(f))).replace(/(^|[^\\])H/g, "$1" + f)).replace(/(^|[^\\])hh+/g, "$1" + h(p))).replace(/(^|[^\\])h/g, "$1" + p);
-                                    var x = i ? t.getUTCMinutes() : t.getMinutes();
-                                    e = (e = e.replace(/(^|[^\\])mm+/g, "$1" + h(x))).replace(/(^|[^\\])m/g, "$1" + x);
-                                    var v = i ? t.getUTCSeconds() : t.getSeconds();
-                                    e = (e = e.replace(/(^|[^\\])ss+/g, "$1" + h(v))).replace(/(^|[^\\])s/g, "$1" + v);
-                                    var m = i ? t.getUTCMilliseconds() : t.getMilliseconds();
-                                    (e = e.replace(/(^|[^\\])fff+/g, "$1" + h(m, 3))), (m = Math.round(m / 10)), (e = e.replace(/(^|[^\\])ff/g, "$1" + h(m))), (m = Math.round(m / 10));
-                                    var b = f < 12 ? "AM" : "PM";
-                                    e = (e = (e = e.replace(/(^|[^\\])f/g, "$1" + m)).replace(/(^|[^\\])TT+/g, "$1" + b)).replace(/(^|[^\\])T/g, "$1" + b.charAt(0));
-                                    var y = b.toLowerCase();
-                                    e = (e = e.replace(/(^|[^\\])tt+/g, "$1" + y)).replace(/(^|[^\\])t/g, "$1" + y.charAt(0));
-                                    var w = -t.getTimezoneOffset(),
-                                        k = i || !w ? "Z" : w > 0 ? "+" : "-";
-                                    if (!i) {
-                                        var S = (w = Math.abs(w)) % 60;
-                                        k += h(Math.floor(w / 60)) + ":" + h(S);
-                                    }
-                                    e = e.replace(/(^|[^\\])K/g, "$1" + k);
-                                    var A = (i ? t.getUTCDay() : t.getDay()) + 1;
-                                    return (e = (e = (e = (e = (e = e.replace(new RegExp(o[0], "g"), o[A])).replace(new RegExp(l[0], "g"), l[A])).replace(new RegExp(n[0], "g"), n[d])).replace(new RegExp(r[0], "g"), r[d])).replace(
-                                        /\\(.)/g,
-                                        "$1"
-                                    ));
-                                },
-                            },
-                            {
-                                key: "getTimeUnitsfromTimestamp",
-                                value: function (t, e) {
-                                    var i = this.w;
-                                    void 0 !== i.config.xaxis.min && (t = i.config.xaxis.min), void 0 !== i.config.xaxis.max && (e = i.config.xaxis.max);
-                                    var a = new Date(t).getFullYear(),
-                                        s = new Date(e).getFullYear(),
-                                        n = new Date(t).getMonth(),
-                                        r = new Date(e).getMonth(),
-                                        o = new Date(t).getDate(),
-                                        l = new Date(e).getDate(),
-                                        h = new Date(t).getHours(),
-                                        c = new Date(e).getHours();
-                                    return { minMinute: new Date(t).getMinutes(), maxMinute: new Date(e).getMinutes(), minHour: h, maxHour: c, minDate: o, maxDate: l, minMonth: n, maxMonth: r, minYear: a, maxYear: s };
-                                },
-                            },
-                            {
-                                key: "isLeapYear",
-                                value: function (t) {
-                                    return (t % 4 == 0 && t % 100 != 0) || t % 400 == 0;
-                                },
-                            },
-                            {
-                                key: "calculcateLastDaysOfMonth",
-                                value: function (t, e, i) {
-                                    return this.determineDaysOfMonths(t, e) - i;
-                                },
-                            },
-                            {
-                                key: "determineDaysOfYear",
-                                value: function (t) {
-                                    var e = 365;
-                                    return this.isLeapYear(t) && (e = 366), e;
-                                },
-                            },
-                            {
-                                key: "determineRemainingDaysOfYear",
-                                value: function (t, e, i) {
-                                    var a = this.daysCntOfYear[e] + i;
-                                    return e > 1 && this.isLeapYear() && a++, a;
-                                },
-                            },
-                            {
-                                key: "determineDaysOfMonths",
-                                value: function (t, e) {
-                                    var i = 30;
-                                    switch (((t = p.monthMod(t)), !0)) {
-                                        case this.months30.indexOf(t) > -1:
-                                            2 === t && (i = this.isLeapYear(e) ? 29 : 28);
-                                            break;
-                                        case this.months31.indexOf(t) > -1:
-                                        default:
-                                            i = 31;
-                                    }
-                                    return i;
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                S = (function () {
-                    function t(e) {
-                        n(this, t), (this.opts = e);
-                    }
-                    return (
-                        o(
-                            t,
-                            [
-                                {
-                                    key: "line",
-                                    value: function () {
-                                        return {
-                                            chart: { animations: { easing: "swing" } },
-                                            dataLabels: { enabled: !1 },
-                                            stroke: { width: 5, curve: "straight" },
-                                            markers: { size: 0, hover: { sizeOffset: 6 } },
-                                            xaxis: { crosshairs: { width: 1 } },
-                                        };
-                                    },
-                                },
-                                {
-                                    key: "sparkline",
-                                    value: function (t) {
-                                        (this.opts.yaxis[0].labels.show = !1), (this.opts.yaxis[0].floating = !0);
-                                        return p.extend(t, {
-                                            grid: { show: !1, padding: { left: 0, right: 0, top: 0, bottom: 0 } },
-                                            legend: { show: !1 },
-                                            xaxis: { labels: { show: !1 }, tooltip: { enabled: !1 }, axisBorder: { show: !1 } },
-                                            chart: { toolbar: { show: !1 }, zoom: { enabled: !1 } },
-                                            dataLabels: { enabled: !1 },
-                                        });
-                                    },
-                                },
-                                {
-                                    key: "bar",
-                                    value: function () {
-                                        return {
-                                            chart: { stacked: !1, animations: { easing: "swing" } },
-                                            plotOptions: { bar: { dataLabels: { position: "center" } } },
-                                            dataLabels: { style: { colors: ["#fff"] } },
-                                            stroke: { width: 0 },
-                                            fill: { opacity: 0.85 },
-                                            legend: { markers: { shape: "square", radius: 2, size: 8 } },
-                                            tooltip: { shared: !1 },
-                                            xaxis: { tooltip: { enabled: !1 }, crosshairs: { width: "barWidth", position: "back", fill: { type: "gradient" }, dropShadow: { enabled: !1 }, stroke: { width: 0 } } },
-                                        };
-                                    },
-                                },
-                                {
-                                    key: "candlestick",
-                                    value: function () {
-                                        return {
-                                            stroke: { width: 1, colors: ["#333"] },
-                                            dataLabels: { enabled: !1 },
-                                            tooltip: {
-                                                shared: !0,
-                                                custom: function (t) {
-                                                    var e = t.seriesIndex,
-                                                        i = t.dataPointIndex,
-                                                        a = t.w;
-                                                    return (
-                                                        '<div class="apexcharts-tooltip-candlestick"><div>Open: <span class="value">' +
-                                                        a.globals.seriesCandleO[e][i] +
-                                                        '</span></div><div>High: <span class="value">' +
-                                                        a.globals.seriesCandleH[e][i] +
-                                                        '</span></div><div>Low: <span class="value">' +
-                                                        a.globals.seriesCandleL[e][i] +
-                                                        '</span></div><div>Close: <span class="value">' +
-                                                        a.globals.seriesCandleC[e][i] +
-                                                        "</span></div></div>"
-                                                    );
-                                                },
-                                            },
-                                            states: { active: { filter: { type: "none" } } },
-                                            xaxis: { crosshairs: { width: 1 } },
-                                        };
-                                    },
-                                },
-                                {
-                                    key: "rangeBar",
-                                    value: function () {
-                                        return {
-                                            stroke: { width: 0 },
-                                            plotOptions: { bar: { dataLabels: { position: "center" } } },
-                                            dataLabels: {
-                                                enabled: !1,
-                                                formatter: function (t, e) {
-                                                    e.ctx;
-                                                    var i = e.seriesIndex,
-                                                        a = e.dataPointIndex,
-                                                        s = e.w,
-                                                        n = s.globals.seriesRangeStart[i][a];
-                                                    return s.globals.seriesRangeEnd[i][a] - n;
-                                                },
-                                                style: { colors: ["#fff"] },
-                                            },
-                                            tooltip: {
-                                                shared: !1,
-                                                followCursor: !0,
-                                                custom: function (t) {
-                                                    var e = t.ctx,
-                                                        i = t.seriesIndex,
-                                                        a = t.dataPointIndex,
-                                                        s = t.w,
-                                                        n = s.globals.seriesRangeStart[i][a],
-                                                        r = s.globals.seriesRangeEnd[i][a],
-                                                        o = "",
-                                                        l = "",
-                                                        h = s.globals.colors[i];
-                                                    if (void 0 === s.config.tooltip.x.formatter)
-                                                        if ("datetime" === s.config.xaxis.type) {
-                                                            var c = new k(e);
-                                                            (o = c.formatDate(new Date(n), s.config.tooltip.x.format, !0, !0)), (l = c.formatDate(new Date(r), s.config.tooltip.x.format, !0, !0));
-                                                        } else (o = n), (l = r);
-                                                    else (o = s.config.tooltip.x.formatter(n)), (l = s.config.tooltip.x.formatter(r));
-                                                    var d = s.globals.labels[a];
-                                                    return (
-                                                        '<div class="apexcharts-tooltip-rangebar"><div> <span class="series-name" style="color: ' +
-                                                        h +
-                                                        '">' +
-                                                        (s.config.series[i].name ? s.config.series[i].name : "") +
-                                                        '</span></div><div> <span class="category">' +
-                                                        d +
-                                                        ': </span> <span class="value start-value">' +
-                                                        o +
-                                                        '</span> <span class="separator">-</span> <span class="value end-value">' +
-                                                        l +
-                                                        "</span></div></div>"
-                                                    );
-                                                },
-                                            },
-                                            xaxis: { tooltip: { enabled: !1 }, crosshairs: { stroke: { width: 0 } } },
-                                        };
-                                    },
-                                },
-                                {
-                                    key: "area",
-                                    value: function () {
-                                        return {
-                                            stroke: { width: 4 },
-                                            fill: { type: "gradient", gradient: { inverseColors: !1, shade: "light", type: "vertical", opacityFrom: 0.65, opacityTo: 0.5, stops: [0, 100, 100] } },
-                                            markers: { size: 0, hover: { sizeOffset: 6 } },
-                                            tooltip: { followCursor: !1 },
-                                        };
-                                    },
-                                },
-                                {
-                                    key: "brush",
-                                    value: function (t) {
-                                        return p.extend(t, {
-                                            chart: { toolbar: { autoSelected: "selection", show: !1 }, zoom: { enabled: !1 } },
-                                            dataLabels: { enabled: !1 },
-                                            stroke: { width: 1 },
-                                            tooltip: { enabled: !1 },
-                                            xaxis: { tooltip: { enabled: !1 } },
-                                        });
-                                    },
-                                },
-                                {
-                                    key: "stacked100",
-                                    value: function () {
-                                        var t = this;
-                                        (this.opts.dataLabels = this.opts.dataLabels || {}), (this.opts.dataLabels.formatter = this.opts.dataLabels.formatter || void 0);
-                                        var e = this.opts.dataLabels.formatter;
-                                        this.opts.yaxis.forEach(function (e, i) {
-                                            (t.opts.yaxis[i].min = 0), (t.opts.yaxis[i].max = 100);
-                                        }),
-                                            "bar" === this.opts.chart.type &&
-                                                (this.opts.dataLabels.formatter =
-                                                    e ||
-                                                    function (t) {
-                                                        return "number" == typeof t && t ? t.toFixed(0) + "%" : t;
-                                                    });
-                                    },
-                                },
-                                {
-                                    key: "bubble",
-                                    value: function () {
-                                        return {
-                                            dataLabels: { style: { colors: ["#fff"] } },
-                                            tooltip: { shared: !1, intersect: !0 },
-                                            xaxis: { crosshairs: { width: 0 } },
-                                            fill: { type: "solid", gradient: { shade: "light", inverse: !0, shadeIntensity: 0.55, opacityFrom: 0.4, opacityTo: 0.8 } },
-                                        };
-                                    },
-                                },
-                                {
-                                    key: "scatter",
-                                    value: function () {
-                                        return { dataLabels: { enabled: !1 }, tooltip: { shared: !1, intersect: !0 }, markers: { size: 6, strokeWidth: 2, hover: { sizeOffset: 2 } } };
-                                    },
-                                },
-                                {
-                                    key: "heatmap",
-                                    value: function () {
-                                        return {
-                                            chart: { stacked: !1, zoom: { enabled: !1 } },
-                                            fill: { opacity: 1 },
-                                            dataLabels: { style: { colors: ["#fff"] } },
-                                            stroke: { colors: ["#fff"] },
-                                            tooltip: { followCursor: !0, marker: { show: !1 }, x: { show: !1 } },
-                                            legend: { position: "top", markers: { shape: "square", size: 10, offsetY: 2 } },
-                                            grid: { padding: { right: 20 } },
-                                        };
-                                    },
-                                },
-                                {
-                                    key: "pie",
-                                    value: function () {
-                                        return {
-                                            chart: { toolbar: { show: !1 } },
-                                            plotOptions: { pie: { donut: { labels: { show: !1 } } } },
-                                            dataLabels: {
-                                                formatter: function (t) {
-                                                    return t.toFixed(1) + "%";
-                                                },
-                                                style: { colors: ["#fff"] },
-                                                dropShadow: { enabled: !0 },
-                                            },
-                                            stroke: { colors: ["#fff"] },
-                                            fill: { opacity: 1, gradient: { shade: "dark", shadeIntensity: 0.35, inverseColors: !1, stops: [0, 100, 100] } },
-                                            padding: { right: 0, left: 0 },
-                                            tooltip: { theme: "dark", fillSeriesColor: !0 },
-                                            legend: { position: "right" },
-                                        };
-                                    },
-                                },
-                                {
-                                    key: "donut",
-                                    value: function () {
-                                        return {
-                                            chart: { toolbar: { show: !1 } },
-                                            dataLabels: {
-                                                formatter: function (t) {
-                                                    return t.toFixed(1) + "%";
-                                                },
-                                                style: { colors: ["#fff"] },
-                                                dropShadow: { enabled: !0 },
-                                            },
-                                            stroke: { colors: ["#fff"] },
-                                            fill: { opacity: 1, gradient: { shade: "dark", shadeIntensity: 0.4, inverseColors: !1, type: "vertical", opacityFrom: 1, opacityTo: 1, stops: [70, 98, 100] } },
-                                            padding: { right: 0, left: 0 },
-                                            tooltip: { theme: "dark", fillSeriesColor: !0 },
-                                            legend: { position: "right" },
-                                        };
-                                    },
-                                },
-                                {
-                                    key: "radar",
-                                    value: function () {
-                                        return (
-                                            (this.opts.yaxis[0].labels.style.fontSize = "13px"),
-                                            (this.opts.yaxis[0].labels.offsetY = 6),
-                                            {
-                                                dataLabels: { enabled: !0, style: { colors: ["#a8a8a8"], fontSize: "11px" } },
-                                                stroke: { width: 2 },
-                                                markers: { size: 3, strokeWidth: 1, strokeOpacity: 1 },
-                                                fill: { opacity: 0.2 },
-                                                tooltip: { shared: !1, intersect: !0, followCursor: !0 },
-                                                grid: { show: !1 },
-                                                xaxis: { tooltip: { enabled: !1 }, crosshairs: { show: !1 } },
-                                            }
-                                        );
-                                    },
-                                },
-                                {
-                                    key: "radialBar",
-                                    value: function () {
-                                        return {
-                                            chart: { animations: { dynamicAnimation: { enabled: !0, speed: 800 } }, toolbar: { show: !1 } },
-                                            fill: { gradient: { shade: "dark", shadeIntensity: 0.4, inverseColors: !1, type: "diagonal2", opacityFrom: 1, opacityTo: 1, stops: [70, 98, 100] } },
-                                            padding: { right: 0, left: 0 },
-                                            legend: { show: !1, position: "right" },
-                                            tooltip: { enabled: !1, fillSeriesColor: !0 },
-                                        };
-                                    },
-                                },
-                            ],
-                            [
-                                {
-                                    key: "convertCatToNumeric",
-                                    value: function (t) {
-                                        (t.xaxis.type = "numeric"),
-                                            (t.xaxis.convertedCatToNumeric = !0),
-                                            (t.xaxis.labels = t.xaxis.labels || {}),
-                                            (t.xaxis.labels.formatter =
-                                                t.xaxis.labels.formatter ||
-                                                function (t) {
-                                                    return t;
-                                                }),
-                                            (t.chart = t.chart || {}),
-                                            (t.chart.zoom = t.chart.zoom || (window.Apex.chart && window.Apex.chart.zoom) || {});
-                                        var e = t.xaxis.labels.formatter,
-                                            i = t.xaxis.categories && t.xaxis.categories.length ? t.xaxis.categories : t.labels;
-                                        return (
-                                            i &&
-                                                i.length &&
-                                                (t.xaxis.labels.formatter = function (t) {
-                                                    return e(i[t - 1]);
-                                                }),
-                                            (t.xaxis.categories = []),
-                                            (t.labels = []),
-                                            (t.chart.zoom.enabled = t.chart.zoom.enabled || !1),
-                                            t
-                                        );
-                                    },
-                                },
-                            ]
-                        ),
-                        t
-                    );
-                })(),
-                A = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                    }
-                    return (
-                        o(
-                            t,
-                            [
-                                {
-                                    key: "getStackedSeriesTotals",
-                                    value: function () {
-                                        for (var t = this.w, e = [], i = 0; i < t.globals.series[t.globals.maxValsInArrayIndex].length; i++) {
-                                            for (var a = 0, s = 0; s < t.globals.series.length; s++) a += t.globals.series[s][i];
-                                            e.push(a);
-                                        }
-                                        return (t.globals.stackedSeriesTotals = e), e;
-                                    },
-                                },
-                                {
-                                    key: "getSeriesTotalByIndex",
-                                    value: function () {
-                                        var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : null;
-                                        return null === t
-                                            ? this.w.config.series.reduce(function (t, e) {
-                                                  return t + e;
-                                              }, 0)
-                                            : this.w.globals.series[t].reduce(function (t, e) {
-                                                  return t + e;
-                                              }, 0);
-                                    },
-                                },
-                                {
-                                    key: "isSeriesNull",
-                                    value: function () {
-                                        var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : null;
-                                        return (
-                                            0 ===
-                                            (null === t
-                                                ? this.w.config.series.filter(function (t) {
-                                                      return null !== t;
-                                                  })
-                                                : this.w.globals.series[t].filter(function (t) {
-                                                      return null !== t;
-                                                  })
-                                            ).length
-                                        );
-                                    },
-                                },
-                                {
-                                    key: "seriesHaveSameValues",
-                                    value: function (t) {
-                                        return this.w.globals.series[t].every(function (t, e, i) {
-                                            return t === i[0];
-                                        });
-                                    },
-                                },
-                                {
-                                    key: "getLargestSeries",
-                                    value: function () {
-                                        var t = this.w;
-                                        t.globals.maxValsInArrayIndex = t.globals.series
-                                            .map(function (t) {
-                                                return t.length;
-                                            })
-                                            .indexOf(
-                                                Math.max.apply(
-                                                    Math,
-                                                    t.globals.series.map(function (t) {
-                                                        return t.length;
-                                                    })
-                                                )
-                                            );
-                                    },
-                                },
-                                {
-                                    key: "getLargestMarkerSize",
-                                    value: function () {
-                                        var t = this.w,
-                                            e = 0;
-                                        return (
-                                            t.globals.markers.size.forEach(function (t) {
-                                                e = Math.max(e, t);
-                                            }),
-                                            (t.globals.markers.largestSize = e),
-                                            e
-                                        );
-                                    },
-                                },
-                                {
-                                    key: "getSeriesTotals",
-                                    value: function () {
-                                        var t = this.w;
-                                        t.globals.seriesTotals = t.globals.series.map(function (t, e) {
-                                            var i = 0;
-                                            if (Array.isArray(t)) for (var a = 0; a < t.length; a++) i += t[a];
-                                            else i += t;
-                                            return i;
-                                        });
-                                    },
-                                },
-                                {
-                                    key: "getSeriesTotalsXRange",
-                                    value: function (t, e) {
-                                        var i = this.w;
-                                        return i.globals.series.map(function (a, s) {
-                                            for (var n = 0, r = 0; r < a.length; r++) i.globals.seriesX[s][r] > t && i.globals.seriesX[s][r] < e && (n += a[r]);
-                                            return n;
-                                        });
-                                    },
-                                },
-                                {
-                                    key: "getPercentSeries",
-                                    value: function () {
-                                        var t = this.w;
-                                        t.globals.seriesPercent = t.globals.series.map(function (e, i) {
-                                            var a = [];
-                                            if (Array.isArray(e))
-                                                for (var s = 0; s < e.length; s++) {
-                                                    var n = t.globals.stackedSeriesTotals[s],
-                                                        r = (100 * e[s]) / n;
-                                                    a.push(r);
-                                                }
-                                            else {
-                                                var o =
-                                                    (100 * e) /
-                                                    t.globals.seriesTotals.reduce(function (t, e) {
-                                                        return t + e;
-                                                    }, 0);
-                                                a.push(o);
-                                            }
-                                            return a;
-                                        });
-                                    },
-                                },
-                                {
-                                    key: "getCalculatedRatios",
-                                    value: function () {
-                                        var t,
-                                            e,
-                                            i,
-                                            a,
-                                            s,
-                                            n = this.w.globals,
-                                            r = [],
-                                            o = [],
-                                            l = 0.1,
-                                            h = 0;
-                                        if (((n.yRange = []), n.isMultipleYAxis)) for (var c = 0; c < n.minYArr.length; c++) n.yRange.push(Math.abs(n.minYArr[c] - n.maxYArr[c])), o.push(0);
-                                        else n.yRange.push(Math.abs(n.minY - n.maxY));
-                                        (n.xRange = Math.abs(n.maxX - n.minX)), (n.zRange = Math.abs(n.maxZ - n.minZ));
-                                        for (var d = 0; d < n.yRange.length; d++) r.push(n.yRange[d] / n.gridHeight);
-                                        if (
-                                            ((e = n.xRange / n.gridWidth),
-                                            (i = Math.abs(n.initialmaxX - n.initialminX) / n.gridWidth),
-                                            (t = n.yRange / n.gridWidth),
-                                            (a = n.xRange / n.gridHeight),
-                                            (s = (n.zRange / n.gridHeight) * 16),
-                                            n.minY !== Number.MIN_VALUE && 0 !== Math.abs(n.minY) && (n.hasNegs = !0),
-                                            n.isMultipleYAxis)
-                                        ) {
-                                            o = [];
-                                            for (var u = 0; u < r.length; u++) o.push(-n.minYArr[u] / r[u]);
-                                        } else o.push(-n.minY / r[0]), n.minY !== Number.MIN_VALUE && 0 !== Math.abs(n.minY) && ((l = -n.minY / t), (h = n.minX / e));
-                                        return { yRatio: r, invertedYRatio: t, zRatio: s, xRatio: e, initialXRatio: i, invertedXRatio: a, baseLineInvertedY: l, baseLineY: o, baseLineX: h };
-                                    },
-                                },
-                                {
-                                    key: "getLogSeries",
-                                    value: function (t) {
-                                        var e = this.w;
-                                        return (
-                                            (e.globals.seriesLog = t.map(function (t, i) {
-                                                return e.config.yaxis[i] && e.config.yaxis[i].logarithmic
-                                                    ? t.map(function (t) {
-                                                          return null === t ? null : (Math.log(t) - Math.log(e.globals.minYArr[i])) / (Math.log(e.globals.maxYArr[i]) - Math.log(e.globals.minYArr[i]));
-                                                      })
-                                                    : t;
-                                            })),
-                                            e.globals.seriesLog
-                                        );
-                                    },
-                                },
-                                {
-                                    key: "getLogYRatios",
-                                    value: function (t) {
-                                        var e = this,
-                                            i = this.w,
-                                            a = this.w.globals;
-                                        return (
-                                            (a.yLogRatio = t.slice()),
-                                            (a.logYRange = a.yRange.map(function (t, s) {
-                                                if (i.config.yaxis[s] && e.w.config.yaxis[s].logarithmic) {
-                                                    var n,
-                                                        r = -Number.MAX_VALUE,
-                                                        o = Number.MIN_VALUE;
-                                                    return (
-                                                        a.seriesLog.forEach(function (t, e) {
-                                                            t.forEach(function (t) {
-                                                                i.config.yaxis[e] && i.config.yaxis[e].logarithmic && ((r = Math.max(t, r)), (o = Math.min(t, o)));
-                                                            });
-                                                        }),
-                                                        (n = Math.pow(a.yRange[s], Math.abs(o - r) / a.yRange[s])),
-                                                        (a.yLogRatio[s] = n / a.gridHeight),
-                                                        n
-                                                    );
-                                                }
-                                            })),
-                                            a.yLogRatio
-                                        );
-                                    },
-                                },
-                            ],
-                            [
-                                {
-                                    key: "checkComboSeries",
-                                    value: function (t) {
-                                        var e = !1,
-                                            i = !1;
-                                        return (
-                                            t.length &&
-                                                void 0 !== t[0].type &&
-                                                ((e = !0),
-                                                t.forEach(function (t) {
-                                                    ("bar" !== t.type && "column" !== t.type) || (i = !0);
-                                                })),
-                                            { comboCharts: e, comboChartsHasBars: i }
-                                        );
-                                    },
-                                },
-                                {
-                                    key: "extendArrayProps",
-                                    value: function (t, e) {
-                                        return (
-                                            e.yaxis && (e = t.extendYAxis(e)),
-                                            e.annotations && (e.annotations.yaxis && (e = t.extendYAxisAnnotations(e)), e.annotations.xaxis && (e = t.extendXAxisAnnotations(e)), e.annotations.points && (e = t.extendPointAnnotations(e))),
-                                            e
-                                        );
-                                    },
-                                },
-                            ]
-                        ),
-                        t
-                    );
-                })(),
-                C = (function () {
-                    function t(e) {
-                        n(this, t), (this.opts = e);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "init",
-                                value: function () {
-                                    var t = this.opts,
-                                        e = new y(),
-                                        i = new S(t);
-                                    (this.chartType = t.chart.type),
-                                        "histogram" === this.chartType && ((t.chart.type = "bar"), (t = p.extend({ plotOptions: { bar: { columnWidth: "99.99%" } } }, t))),
-                                        (t.series = this.checkEmptySeries(t.series)),
-                                        (t = this.extendYAxis(t)),
-                                        (t = this.extendAnnotations(t));
-                                    var a = e.init(),
-                                        n = {};
-                                    if (t && "object" === s(t)) {
-                                        var r = {};
-                                        switch (this.chartType) {
-                                            case "line":
-                                                r = i.line();
-                                                break;
-                                            case "area":
-                                                r = i.area();
-                                                break;
-                                            case "bar":
-                                                r = i.bar();
-                                                break;
-                                            case "candlestick":
-                                                r = i.candlestick();
-                                                break;
-                                            case "rangeBar":
-                                                r = i.rangeBar();
-                                                break;
-                                            case "histogram":
-                                                r = i.bar();
-                                                break;
-                                            case "bubble":
-                                                r = i.bubble();
-                                                break;
-                                            case "scatter":
-                                                r = i.scatter();
-                                                break;
-                                            case "heatmap":
-                                                r = i.heatmap();
-                                                break;
-                                            case "pie":
-                                                r = i.pie();
-                                                break;
-                                            case "donut":
-                                                r = i.donut();
-                                                break;
-                                            case "radar":
-                                                r = i.radar();
-                                                break;
-                                            case "radialBar":
-                                                r = i.radialBar();
-                                                break;
-                                            default:
-                                                r = i.line();
-                                        }
-                                        t.chart.brush && t.chart.brush.enabled && (r = i.brush(r)),
-                                            t.chart.stacked && "100%" === t.chart.stackType && i.stacked100(),
-                                            this.checkForDarkTheme(window.Apex),
-                                            this.checkForDarkTheme(t),
-                                            (t.xaxis = t.xaxis || window.Apex.xaxis || {});
-                                        var o = A.checkComboSeries(t.series);
-                                        ("line" !== t.chart.type && "area" !== t.chart.type && "scatter" !== t.chart.type) ||
-                                            o.comboChartsHasBars ||
-                                            "datetime" === t.xaxis.type ||
-                                            "numeric" === t.xaxis.type ||
-                                            "between" === t.xaxis.tickPlacement ||
-                                            (t = S.convertCatToNumeric(t)),
-                                            ((t.chart.sparkline && t.chart.sparkline.enabled) || (window.Apex.chart && window.Apex.chart.sparkline && window.Apex.chart.sparkline.enabled)) && (r = i.sparkline(r)),
-                                            (n = p.extend(a, r));
-                                    }
-                                    var l = p.extend(n, window.Apex);
-                                    return (a = p.extend(l, t)), (a = this.handleUserInputErrors(a));
-                                },
-                            },
-                            {
-                                key: "extendYAxis",
-                                value: function (t) {
-                                    var e = new y();
-                                    return (
-                                        void 0 === t.yaxis && (t.yaxis = {}),
-                                        t.yaxis.constructor !== Array && window.Apex.yaxis && window.Apex.yaxis.constructor !== Array && (t.yaxis = p.extend(t.yaxis, window.Apex.yaxis)),
-                                        t.yaxis.constructor !== Array ? (t.yaxis = [p.extend(e.yAxis, t.yaxis)]) : (t.yaxis = p.extendArray(t.yaxis, e.yAxis)),
-                                        t
-                                    );
-                                },
-                            },
-                            {
-                                key: "extendAnnotations",
-                                value: function (t) {
-                                    return (
-                                        void 0 === t.annotations && ((t.annotations = {}), (t.annotations.yaxis = []), (t.annotations.xaxis = []), (t.annotations.points = [])),
-                                        (t = this.extendYAxisAnnotations(t)),
-                                        (t = this.extendXAxisAnnotations(t)),
-                                        (t = this.extendPointAnnotations(t))
-                                    );
-                                },
-                            },
-                            {
-                                key: "extendYAxisAnnotations",
-                                value: function (t) {
-                                    var e = new y();
-                                    return (t.annotations.yaxis = p.extendArray(void 0 !== t.annotations.yaxis ? t.annotations.yaxis : [], e.yAxisAnnotation)), t;
-                                },
-                            },
-                            {
-                                key: "extendXAxisAnnotations",
-                                value: function (t) {
-                                    var e = new y();
-                                    return (t.annotations.xaxis = p.extendArray(void 0 !== t.annotations.xaxis ? t.annotations.xaxis : [], e.xAxisAnnotation)), t;
-                                },
-                            },
-                            {
-                                key: "extendPointAnnotations",
-                                value: function (t) {
-                                    var e = new y();
-                                    return (t.annotations.points = p.extendArray(void 0 !== t.annotations.points ? t.annotations.points : [], e.pointAnnotation)), t;
-                                },
-                            },
-                            {
-                                key: "checkForDarkTheme",
-                                value: function (t) {
-                                    t.theme &&
-                                        "dark" === t.theme.mode &&
-                                        (t.tooltip || (t.tooltip = {}), "light" !== t.tooltip.theme && (t.tooltip.theme = "dark"), t.chart.foreColor || (t.chart.foreColor = "#f6f7f8"), t.theme.palette || (t.theme.palette = "palette4"));
-                                },
-                            },
-                            {
-                                key: "checkEmptySeries",
-                                value: function (t) {
-                                    return 0 === t.length ? [{ data: [] }] : t;
-                                },
-                            },
-                            {
-                                key: "handleUserInputErrors",
-                                value: function (t) {
-                                    var e = t;
-                                    if (e.tooltip.shared && e.tooltip.intersect) throw new Error("tooltip.shared cannot be enabled when tooltip.intersect is true. Turn off any other option by setting it to false.");
-                                    if (
-                                        (e.chart.scroller && console.warn("Scroller has been deprecated since v2.0.0. Please remove the configuration for chart.scroller"),
-                                        ("bar" === e.chart.type || "rangeBar" === e.chart.type) && e.plotOptions.bar.horizontal)
-                                    ) {
-                                        if (e.yaxis.length > 1) throw new Error("Multiple Y Axis for bars are not supported. Switch to column chart by setting plotOptions.bar.horizontal=false");
-                                        e.yaxis[0].reversed && (e.yaxis[0].opposite = !0), (e.xaxis.tooltip.enabled = !1), (e.yaxis[0].tooltip.enabled = !1), (e.chart.zoom.enabled = !1);
-                                    }
-                                    return (
-                                        ("bar" !== e.chart.type && "rangeBar" !== e.chart.type) ||
-                                            (e.tooltip.shared &&
-                                                ("barWidth" === e.xaxis.crosshairs.width &&
-                                                    e.series.length > 1 &&
-                                                    (console.warn('crosshairs.width = "barWidth" is only supported in single series, not in a multi-series barChart.'), (e.xaxis.crosshairs.width = "tickWidth")),
-                                                e.plotOptions.bar.horizontal && ((e.states.hover.type = "none"), (e.tooltip.shared = !1)),
-                                                e.tooltip.followCursor ||
-                                                    (console.warn("followCursor option in shared columns cannot be turned off. Please set %ctooltip.followCursor: true", "color: blue;"), (e.tooltip.followCursor = !0)))),
-                                        "candlestick" === e.chart.type && e.yaxis[0].reversed && (console.warn("Reversed y-axis in candlestick chart is not supported."), (e.yaxis[0].reversed = !1)),
-                                        e.chart.group &&
-                                            0 === e.yaxis[0].labels.minWidth &&
-                                            console.warn("It looks like you have multiple charts in synchronization. You must provide yaxis.labels.minWidth which must be EQUAL for all grouped charts to prevent incorrect behaviour."),
-                                        Array.isArray(e.stroke.width) &&
-                                            "line" !== e.chart.type &&
-                                            "area" !== e.chart.type &&
-                                            (console.warn("stroke.width option accepts array only for line and area charts. Reverted back to Number"), (e.stroke.width = e.stroke.width[0])),
-                                        e
-                                    );
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                L = (function () {
-                    function t() {
-                        n(this, t);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "globalVars",
-                                value: function (t) {
-                                    return {
-                                        chartID: null,
-                                        cuid: null,
-                                        events: { beforeMount: [], mounted: [], updated: [], clicked: [], selection: [], dataPointSelection: [], zoomed: [], scrolled: [] },
-                                        colors: [],
-                                        clientX: null,
-                                        clientY: null,
-                                        fill: { colors: [] },
-                                        stroke: { colors: [] },
-                                        dataLabels: { style: { colors: [] } },
-                                        radarPolygons: { fill: { colors: [] } },
-                                        markers: { colors: [], size: t.markers.size, largestSize: 0 },
-                                        animationEnded: !1,
-                                        isTouchDevice: "ontouchstart" in window || navigator.msMaxTouchPoints,
-                                        isDirty: !1,
-                                        isExecCalled: !1,
-                                        initialConfig: null,
-                                        lastXAxis: [],
-                                        lastYAxis: [],
-                                        series: [],
-                                        seriesRangeStart: [],
-                                        seriesRangeEnd: [],
-                                        seriesPercent: [],
-                                        seriesTotals: [],
-                                        stackedSeriesTotals: [],
-                                        seriesX: [],
-                                        seriesZ: [],
-                                        labels: [],
-                                        timelineLabels: [],
-                                        invertedTimelineLabels: [],
-                                        seriesNames: [],
-                                        noLabelsProvided: !1,
-                                        allSeriesCollapsed: !1,
-                                        collapsedSeries: [],
-                                        collapsedSeriesIndices: [],
-                                        ancillaryCollapsedSeries: [],
-                                        ancillaryCollapsedSeriesIndices: [],
-                                        risingSeries: [],
-                                        dataFormatXNumeric: !1,
-                                        selectedDataPoints: [],
-                                        ignoreYAxisIndexes: [],
-                                        padHorizontal: 0,
-                                        maxValsInArrayIndex: 0,
-                                        radialSize: 0,
-                                        zoomEnabled: "zoom" === t.chart.toolbar.autoSelected && t.chart.toolbar.tools.zoom && t.chart.zoom.enabled,
-                                        panEnabled: "pan" === t.chart.toolbar.autoSelected && t.chart.toolbar.tools.pan,
-                                        selectionEnabled: "selection" === t.chart.toolbar.autoSelected && t.chart.toolbar.tools.selection,
-                                        yaxis: null,
-                                        minY: Number.MIN_VALUE,
-                                        maxY: -Number.MAX_VALUE,
-                                        minYArr: [],
-                                        maxYArr: [],
-                                        maxX: -Number.MAX_VALUE,
-                                        initialmaxX: -Number.MAX_VALUE,
-                                        minX: Number.MIN_VALUE,
-                                        initialminX: Number.MIN_VALUE,
-                                        minZ: Number.MIN_VALUE,
-                                        maxZ: -Number.MAX_VALUE,
-                                        minXDiff: Number.MAX_VALUE,
-                                        mousedown: !1,
-                                        lastClientPosition: {},
-                                        visibleXRange: void 0,
-                                        yRange: [],
-                                        zRange: 0,
-                                        xRange: 0,
-                                        yValueDecimal: 0,
-                                        total: 0,
-                                        SVGNS: "http://www.w3.org/2000/svg",
-                                        svgWidth: 0,
-                                        svgHeight: 0,
-                                        noData: !1,
-                                        locale: {},
-                                        dom: {},
-                                        memory: { methodsToExec: [] },
-                                        shouldAnimate: !0,
-                                        skipLastTimelinelabel: !1,
-                                        delayedElements: [],
-                                        axisCharts: !0,
-                                        isXNumeric: !1,
-                                        isDataXYZ: !1,
-                                        resized: !1,
-                                        resizeTimer: null,
-                                        comboCharts: !1,
-                                        comboChartsHasBars: !1,
-                                        dataChanged: !1,
-                                        previousPaths: [],
-                                        seriesXvalues: [],
-                                        seriesYvalues: [],
-                                        seriesCandleO: [],
-                                        seriesCandleH: [],
-                                        seriesCandleL: [],
-                                        seriesCandleC: [],
-                                        allSeriesHasEqualX: !0,
-                                        dataPoints: 0,
-                                        pointsArray: [],
-                                        dataLabelsRects: [],
-                                        lastDrawnDataLabelsIndexes: [],
-                                        hasNullValues: !1,
-                                        easing: null,
-                                        zoomed: !1,
-                                        gridWidth: 0,
-                                        gridHeight: 0,
-                                        yAxisScale: [],
-                                        xAxisScale: null,
-                                        xAxisTicksPositions: [],
-                                        timescaleTicks: [],
-                                        rotateXLabels: !1,
-                                        defaultLabels: !1,
-                                        xLabelFormatter: void 0,
-                                        yLabelFormatters: [],
-                                        xaxisTooltipFormatter: void 0,
-                                        ttKeyFormatter: void 0,
-                                        ttVal: void 0,
-                                        ttZFormatter: void 0,
-                                        LINE_HEIGHT_RATIO: 1.618,
-                                        xAxisLabelsHeight: 0,
-                                        yAxisLabelsWidth: 0,
-                                        scaleX: 1,
-                                        scaleY: 1,
-                                        translateX: 0,
-                                        translateY: 0,
-                                        translateYAxisX: [],
-                                        yLabelsCoords: [],
-                                        yTitleCoords: [],
-                                        yAxisWidths: [],
-                                        translateXAxisY: 0,
-                                        translateXAxisX: 0,
-                                        tooltip: null,
-                                        tooltipOpts: null,
-                                    };
-                                },
-                            },
-                            {
-                                key: "init",
-                                value: function (t) {
-                                    var e = this.globalVars(t);
-                                    return (
-                                        (e.initialConfig = p.extend({}, t)),
-                                        (e.initialSeries = JSON.parse(JSON.stringify(e.initialConfig.series))),
-                                        (e.lastXAxis = JSON.parse(JSON.stringify(e.initialConfig.xaxis))),
-                                        (e.lastYAxis = JSON.parse(JSON.stringify(e.initialConfig.yaxis))),
-                                        e
-                                    );
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                E = (function () {
-                    function t(e) {
-                        n(this, t), (this.opts = e);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "init",
-                                value: function () {
-                                    var t = new C(this.opts).init();
-                                    return { config: t, globals: new L().init(t) };
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                P = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w), (this.opts = null), (this.seriesIndex = 0);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "clippedImgArea",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = e.config,
-                                        a = parseInt(e.globals.gridWidth),
-                                        s = parseInt(e.globals.gridHeight),
-                                        n = a > s ? a : s,
-                                        r = t.image,
-                                        o = 0,
-                                        l = 0;
-                                    void 0 === t.width && void 0 === t.height
-                                        ? void 0 !== i.fill.image.width && void 0 !== i.fill.image.height
-                                            ? ((o = i.fill.image.width + 1), (l = i.fill.image.height))
-                                            : ((o = n + 1), (l = n))
-                                        : ((o = t.width), (l = t.height));
-                                    var h = document.createElementNS(e.globals.SVGNS, "pattern");
-                                    m.setAttrs(h, { id: t.patternID, patternUnits: t.patternUnits ? t.patternUnits : "userSpaceOnUse", width: o + "px", height: l + "px" });
-                                    var c = document.createElementNS(e.globals.SVGNS, "image");
-                                    h.appendChild(c),
-                                        c.setAttributeNS("http://www.w3.org/1999/xlink", "href", r),
-                                        m.setAttrs(c, { x: 0, y: 0, preserveAspectRatio: "none", width: o + "px", height: l + "px" }),
-                                        (c.style.opacity = t.opacity),
-                                        e.globals.dom.elDefs.node.appendChild(h);
-                                },
-                            },
-                            {
-                                key: "getSeriesIndex",
-                                value: function (t) {
-                                    var e = this.w;
-                                    return (
-                                        ("bar" === e.config.chart.type && e.config.plotOptions.bar.distributed) || "heatmap" === e.config.chart.type
-                                            ? (this.seriesIndex = t.seriesNumber)
-                                            : (this.seriesIndex = t.seriesNumber % e.globals.series.length),
-                                        this.seriesIndex
-                                    );
-                                },
-                            },
-                            {
-                                key: "fillPath",
-                                value: function (t) {
-                                    var e = this.w;
-                                    this.opts = t;
-                                    var i,
-                                        a,
-                                        s,
-                                        n = this.w.config;
-                                    this.seriesIndex = this.getSeriesIndex(t);
-                                    var r = this.getFillColors(),
-                                        o = r[this.seriesIndex];
-                                    "function" == typeof o && (o = o({ seriesIndex: this.seriesIndex, value: t.value, w: e }));
-                                    var l = this.getFillType(this.seriesIndex),
-                                        h = Array.isArray(n.fill.opacity) ? n.fill.opacity[this.seriesIndex] : n.fill.opacity,
-                                        c = o;
-                                    return (
-                                        t.color && (o = t.color),
-                                        -1 === o.indexOf("rgb") ? (c = p.hexToRgba(o, h)) : o.indexOf("rgba") > -1 && (h = "0." + p.getOpacityFromRGBA(r[this.seriesIndex])),
-                                        "pattern" === l && (a = this.handlePatternFill(a, o, h, c)),
-                                        "gradient" === l && (s = this.handleGradientFill(s, o, h, this.seriesIndex)),
-                                        n.fill.image.src.length > 0 && "image" === l
-                                            ? t.seriesNumber < n.fill.image.src.length
-                                                ? (this.clippedImgArea({ opacity: h, image: n.fill.image.src[t.seriesNumber], patternUnits: t.patternUnits, patternID: "pattern".concat(e.globals.cuid).concat(t.seriesNumber + 1) }),
-                                                  (i = "url(#pattern".concat(e.globals.cuid).concat(t.seriesNumber + 1, ")")))
-                                                : (i = c)
-                                            : (i = "gradient" === l ? s : "pattern" === l ? a : c),
-                                        t.solid && (i = c),
-                                        i
-                                    );
-                                },
-                            },
-                            {
-                                key: "getFillType",
-                                value: function (t) {
-                                    var e = this.w;
-                                    return Array.isArray(e.config.fill.type) ? e.config.fill.type[t] : e.config.fill.type;
-                                },
-                            },
-                            {
-                                key: "getFillColors",
-                                value: function () {
-                                    var t = this.w,
-                                        e = t.config,
-                                        i = this.opts,
-                                        a = [];
-                                    return (
-                                        t.globals.comboCharts
-                                            ? "line" === t.config.series[this.seriesIndex].type
-                                                ? t.globals.stroke.colors instanceof Array
-                                                    ? (a = t.globals.stroke.colors)
-                                                    : a.push(t.globals.stroke.colors)
-                                                : t.globals.fill.colors instanceof Array
-                                                ? (a = t.globals.fill.colors)
-                                                : a.push(t.globals.fill.colors)
-                                            : "line" === e.chart.type
-                                            ? t.globals.stroke.colors instanceof Array
-                                                ? (a = t.globals.stroke.colors)
-                                                : a.push(t.globals.stroke.colors)
-                                            : t.globals.fill.colors instanceof Array
-                                            ? (a = t.globals.fill.colors)
-                                            : a.push(t.globals.fill.colors),
-                                        void 0 !== i.fillColors && ((a = []), i.fillColors instanceof Array ? (a = i.fillColors.slice()) : a.push(i.fillColors)),
-                                        a
-                                    );
-                                },
-                            },
-                            {
-                                key: "handlePatternFill",
-                                value: function (t, e, i, a) {
-                                    var s = this.w.config,
-                                        n = this.opts,
-                                        r = new m(this.ctx),
-                                        o =
-                                            void 0 === s.fill.pattern.strokeWidth
-                                                ? Array.isArray(s.stroke.width)
-                                                    ? s.stroke.width[this.seriesIndex]
-                                                    : s.stroke.width
-                                                : Array.isArray(s.fill.pattern.strokeWidth)
-                                                ? s.fill.pattern.strokeWidth[this.seriesIndex]
-                                                : s.fill.pattern.strokeWidth,
-                                        l = e;
-                                    s.fill.pattern.style instanceof Array
-                                        ? (t = void 0 !== s.fill.pattern.style[n.seriesNumber] ? r.drawPattern(s.fill.pattern.style[n.seriesNumber], s.fill.pattern.width, s.fill.pattern.height, l, o, i) : a)
-                                        : (t = r.drawPattern(s.fill.pattern.style, s.fill.pattern.width, s.fill.pattern.height, l, o, i));
-                                    return t;
-                                },
-                            },
-                            {
-                                key: "handleGradientFill",
-                                value: function (t, e, i, a) {
-                                    var s,
-                                        n,
-                                        r = this.w.config,
-                                        o = this.opts,
-                                        l = new m(this.ctx),
-                                        h = new p(),
-                                        c = r.fill.gradient.type,
-                                        d = void 0 === r.fill.gradient.opacityFrom ? i : Array.isArray(r.fill.gradient.opacityFrom) ? r.fill.gradient.opacityFrom[a] : r.fill.gradient.opacityFrom,
-                                        u = void 0 === r.fill.gradient.opacityTo ? i : Array.isArray(r.fill.gradient.opacityTo) ? r.fill.gradient.opacityTo[a] : r.fill.gradient.opacityTo;
-                                    if (
-                                        ((s = e),
-                                        (n =
-                                            void 0 === r.fill.gradient.gradientToColors || 0 === r.fill.gradient.gradientToColors.length
-                                                ? "dark" === r.fill.gradient.shade
-                                                    ? h.shadeColor(-1 * parseFloat(r.fill.gradient.shadeIntensity), e)
-                                                    : h.shadeColor(parseFloat(r.fill.gradient.shadeIntensity), e)
-                                                : r.fill.gradient.gradientToColors[o.seriesNumber]),
-                                        r.fill.gradient.inverseColors)
-                                    ) {
-                                        var f = s;
-                                        (s = n), (n = f);
-                                    }
-                                    return l.drawGradient(c, s, n, d, u, o.size, r.fill.gradient.stops, r.fill.gradient.colorStops, a);
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                T = (function () {
-                    function t(e, i) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "setGlobalMarkerSize",
-                                value: function () {
-                                    var t = this.w;
-                                    if (((t.globals.markers.size = Array.isArray(t.config.markers.size) ? t.config.markers.size : [t.config.markers.size]), t.globals.markers.size.length > 0)) {
-                                        if (t.globals.markers.size.length < t.globals.series.length + 1)
-                                            for (var e = 0; e <= t.globals.series.length; e++) void 0 === t.globals.markers.size[e] && t.globals.markers.size.push(t.globals.markers.size[0]);
-                                    } else
-                                        t.globals.markers.size = t.config.series.map(function (e) {
-                                            return t.config.markers.size;
-                                        });
-                                },
-                            },
-                            {
-                                key: "plotChartMarkers",
-                                value: function (t, e, i) {
-                                    var a,
-                                        s = this,
-                                        n = this.w,
-                                        r = e,
-                                        o = t,
-                                        l = null,
-                                        h = new m(this.ctx);
-                                    if ((n.globals.markers.size[e] > 0 && (l = h.group({ class: "apexcharts-series-markers" })).attr("clip-path", "url(#gridRectMarkerMask".concat(n.globals.cuid, ")")), o.x instanceof Array))
-                                        for (
-                                            var c = function (t) {
-                                                    var c = i;
-                                                    1 === i && 0 === t && (c = 0), 1 === i && 1 === t && (c = 1);
-                                                    var d = "apexcharts-marker";
-                                                    if (
-                                                        (("line" !== n.config.chart.type && "area" !== n.config.chart.type) || n.globals.comboCharts || n.config.tooltip.intersect || (d += " no-pointer-events"),
-                                                        Array.isArray(n.config.markers.size) ? n.globals.markers.size[e] > 0 : n.config.markers.size > 0)
-                                                    ) {
-                                                        p.isNumber(o.y[t]) ? (d += " w".concat((Math.random() + 1).toString(36).substring(4))) : (d = "apexcharts-nullpoint");
-                                                        var u = s.getMarkerConfig(d, e);
-                                                        n.config.markers.discrete.map(function (t) {
-                                                            t.seriesIndex === e && t.dataPointIndex === c && ((u.pointStrokeColor = t.strokeColor), (u.pointFillColor = t.fillColor), (u.pSize = t.size));
-                                                        }),
-                                                            n.config.series[r].data[i] &&
-                                                                (n.config.series[r].data[i].fillColor && (u.pointFillColor = n.config.series[r].data[i].fillColor),
-                                                                n.config.series[r].data[i].strokeColor && (u.pointStrokeColor = n.config.series[r].data[i].strokeColor)),
-                                                            (a = h.drawMarker(o.x[t], o.y[t], u)).attr("rel", c),
-                                                            a.attr("j", c),
-                                                            a.attr("index", e),
-                                                            a.node.setAttribute("default-marker-size", u.pSize),
-                                                            new x(s.ctx).setSelectionFilter(a, e, c),
-                                                            s.addEvents(a),
-                                                            l && l.add(a);
-                                                    } else void 0 === n.globals.pointsArray[e] && (n.globals.pointsArray[e] = []), n.globals.pointsArray[e].push([o.x[t], o.y[t]]);
-                                                },
-                                                d = 0;
-                                            d < o.x.length;
-                                            d++
-                                        )
-                                            c(d);
-                                    return l;
-                                },
-                            },
-                            {
-                                key: "getMarkerConfig",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = this.getMarkerStyle(e);
-                                    return {
-                                        pSize: i.globals.markers.size[e],
-                                        pRadius: i.config.markers.radius,
-                                        pWidth: i.config.markers.strokeWidth,
-                                        pointStrokeColor: a.pointStrokeColor,
-                                        pointFillColor: a.pointFillColor,
-                                        shape: i.config.markers.shape instanceof Array ? i.config.markers.shape[e] : i.config.markers.shape,
-                                        class: t,
-                                        pointStrokeOpacity: i.config.markers.strokeOpacity,
-                                        pointFillOpacity: i.config.markers.fillOpacity,
-                                        seriesIndex: e,
-                                    };
-                                },
-                            },
-                            {
-                                key: "addEvents",
-                                value: function (t) {
-                                    var e = new m(this.ctx);
-                                    t.node.addEventListener("mouseenter", e.pathMouseEnter.bind(this.ctx, t)),
-                                        t.node.addEventListener("mouseleave", e.pathMouseLeave.bind(this.ctx, t)),
-                                        t.node.addEventListener("mousedown", e.pathMouseDown.bind(this.ctx, t)),
-                                        t.node.addEventListener("touchstart", e.pathMouseDown.bind(this.ctx, t), { passive: !0 });
-                                },
-                            },
-                            {
-                                key: "getMarkerStyle",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = e.globals.markers.colors,
-                                        a = e.config.markers.strokeColor || e.config.markers.strokeColors;
-                                    return { pointStrokeColor: a instanceof Array ? a[t] : a, pointFillColor: i instanceof Array ? i[t] : i };
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                M = (function () {
-                    function t(e) {
-                        n(this, t),
-                            (this.ctx = e),
-                            (this.w = e.w),
-                            (this.initialAnim = this.w.config.chart.animations.enabled),
-                            (this.dynamicAnim = this.initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled),
-                            (this.radiusSizes = []);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "draw",
-                                value: function (t, e, i) {
-                                    var a = this.w,
-                                        s = new m(this.ctx),
-                                        n = i.realIndex,
-                                        r = i.pointsPos,
-                                        o = i.zRatio,
-                                        l = i.elParent,
-                                        h = s.group({ class: "apexcharts-series-markers apexcharts-series-".concat(a.config.chart.type) });
-                                    if ((h.attr("clip-path", "url(#gridRectMarkerMask".concat(a.globals.cuid, ")")), r.x instanceof Array))
-                                        for (var c = 0; c < r.x.length; c++) {
-                                            var d = e + 1,
-                                                u = !0;
-                                            0 === e && 0 === c && (d = 0), 0 === e && 1 === c && (d = 1);
-                                            var f = 0,
-                                                g = a.globals.markers.size[n];
-                                            o !== 1 / 0 && ((g = a.globals.seriesZ[n][d] / o), void 0 === this.radiusSizes[n] && this.radiusSizes.push([]), this.radiusSizes[n].push(g)), a.config.chart.animations.enabled || (f = g);
-                                            var p = r.x[c],
-                                                x = r.y[c];
-                                            if (((f = f || 0), ((0 === p && 0 === x) || null === x || void 0 === a.globals.series[n][d]) && (u = !1), u)) {
-                                                var v = this.drawPoint(p, x, f, g, n, d, e);
-                                                h.add(v);
-                                            }
-                                            l.add(h);
-                                        }
-                                },
-                            },
-                            {
-                                key: "drawPoint",
-                                value: function (t, e, i, a, s, n, r) {
-                                    var o = this.w,
-                                        l = s,
-                                        h = new v(this.ctx),
-                                        c = new x(this.ctx),
-                                        d = new P(this.ctx),
-                                        u = new T(this.ctx),
-                                        f = new m(this.ctx),
-                                        g = u.getMarkerConfig("apexcharts-marker", l),
-                                        p = d.fillPath({ seriesNumber: s, patternUnits: "objectBoundingBox", value: o.globals.series[s][r] }),
-                                        b = f.drawCircle(i);
-                                    if (
-                                        (o.config.series[l].data[n] && o.config.series[l].data[n].fillColor && (p = o.config.series[l].data[n].fillColor),
-                                        b.attr({ cx: t, cy: e, fill: p, stroke: g.pointStrokeColor, strokeWidth: g.pWidth }),
-                                        o.config.chart.dropShadow.enabled)
-                                    ) {
-                                        var y = o.config.chart.dropShadow;
-                                        c.dropShadow(b, y, s);
-                                    }
-                                    if (this.initialAnim && !o.globals.dataChanged) {
-                                        var w = 1;
-                                        o.globals.resized || (w = o.config.chart.animations.speed), h.animateCircleRadius(b, 0, a, w, o.globals.easing);
-                                    }
-                                    if (o.globals.dataChanged)
-                                        if (this.dynamicAnim) {
-                                            var k,
-                                                S,
-                                                A,
-                                                C,
-                                                L = o.config.chart.animations.dynamicAnimation.speed;
-                                            null != (C = o.globals.previousPaths[s] && o.globals.previousPaths[s][r]) && ((k = C.x), (S = C.y), (A = void 0 !== C.r ? C.r : a));
-                                            for (var E = 0; E < o.globals.collapsedSeries.length; E++) o.globals.collapsedSeries[E].index === s && ((L = 1), (a = 0));
-                                            0 === t && 0 === e && (a = 0), h.animateCircle(b, { cx: k, cy: S, r: A }, { cx: t, cy: e, r: a }, L, o.globals.easing);
-                                        } else b.attr({ r: a });
-                                    return b.attr({ rel: n, j: n, index: s, "default-marker-size": a }), c.setSelectionFilter(b, s, n), u.addEvents(b), b.node.classList.add("apexcharts-marker"), b;
-                                },
-                            },
-                            {
-                                key: "centerTextInBubble",
-                                value: function (t) {
-                                    var e = this.w;
-                                    return { y: (t += parseInt(e.config.dataLabels.style.fontSize) / 4) };
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                z = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "dataLabelsCorrection",
-                                value: function (t, e, i, a, s, n, r) {
-                                    var o = this.w,
-                                        l = !1,
-                                        h = new m(this.ctx).getTextRects(i, r),
-                                        c = h.width,
-                                        d = h.height;
-                                    void 0 === o.globals.dataLabelsRects[a] && (o.globals.dataLabelsRects[a] = []), o.globals.dataLabelsRects[a].push({ x: t, y: e, width: c, height: d });
-                                    var u = o.globals.dataLabelsRects[a].length - 2,
-                                        f = void 0 !== o.globals.lastDrawnDataLabelsIndexes[a] ? o.globals.lastDrawnDataLabelsIndexes[a][o.globals.lastDrawnDataLabelsIndexes[a].length - 1] : 0;
-                                    if (void 0 !== o.globals.dataLabelsRects[a][u]) {
-                                        var g = o.globals.dataLabelsRects[a][f];
-                                        (t > g.x + g.width + 2 || e > g.y + g.height + 2 || t + c < g.x) && (l = !0);
-                                    }
-                                    return (0 === s || n) && (l = !0), { x: t, y: e, drawnextLabel: l };
-                                },
-                            },
-                            {
-                                key: "drawDataLabel",
-                                value: function (t, e, i) {
-                                    var a = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : "top",
-                                        s = this.w,
-                                        n = new m(this.ctx),
-                                        r = s.config.dataLabels,
-                                        o = 0,
-                                        l = 0,
-                                        h = i,
-                                        c = null;
-                                    if (!r.enabled || t.x instanceof Array != !0) return c;
-                                    (c = n.group({ class: "apexcharts-data-labels" })).attr("clip-path", "url(#gridRectMarkerMask".concat(s.globals.cuid, ")"));
-                                    for (var d = 0; d < t.x.length; d++)
-                                        if (((o = t.x[d] + r.offsetX), (l = t.y[d] + r.offsetY - s.globals.markers.size[e] - 5), "bottom" === a && (l = l + 2 * s.globals.markers.size[e] + 1.4 * parseInt(r.style.fontSize)), !isNaN(o))) {
-                                            1 === i && 0 === d && (h = 0), 1 === i && 1 === d && (h = 1);
-                                            var u = s.globals.series[e][h],
-                                                f = "";
-                                            if ("bubble" === s.config.chart.type) (f = s.globals.seriesZ[e][h]), (l = t.y[d] + s.config.dataLabels.offsetY), (l = new M(this.ctx).centerTextInBubble(l, e, h).y);
-                                            else void 0 !== u && (f = s.config.dataLabels.formatter(u, { ctx: this.ctx, seriesIndex: e, dataPointIndex: h, w: s }));
-                                            this.plotDataLabelsText({ x: o, y: l, text: f, i: e, j: h, parent: c, offsetCorrection: !0, dataLabelsConfig: s.config.dataLabels });
-                                        }
-                                    return c;
-                                },
-                            },
-                            {
-                                key: "plotDataLabelsText",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = new m(this.ctx),
-                                        a = t.x,
-                                        s = t.y,
-                                        n = t.i,
-                                        r = t.j,
-                                        o = t.text,
-                                        l = t.textAnchor,
-                                        h = t.parent,
-                                        c = t.dataLabelsConfig,
-                                        d = t.alwaysDrawDataLabel,
-                                        u = t.offsetCorrection;
-                                    if (!(Array.isArray(e.config.dataLabels.enabledOnSeries) && e.config.dataLabels.enabledOnSeries.indexOf(n) > -1)) {
-                                        var f = { x: a, y: s, drawnextLabel: !0 };
-                                        if ((u && (f = this.dataLabelsCorrection(a, s, o, n, r, d, parseInt(c.style.fontSize))), e.globals.zoomed || ((a = f.x), (s = f.y)), f.drawnextLabel)) {
-                                            var g = i.drawText({
-                                                width: 100,
-                                                height: parseInt(c.style.fontSize),
-                                                x: a,
-                                                y: s,
-                                                foreColor: e.globals.dataLabels.style.colors[n],
-                                                textAnchor: l || c.textAnchor,
-                                                text: o,
-                                                fontSize: c.style.fontSize,
-                                                fontFamily: c.style.fontFamily,
-                                            });
-                                            if ((g.attr({ class: "apexcharts-datalabel", cx: a, cy: s }), c.dropShadow.enabled)) {
-                                                var p = c.dropShadow;
-                                                new x(this.ctx).dropShadow(g, p);
-                                            }
-                                            h.add(g), void 0 === e.globals.lastDrawnDataLabelsIndexes[n] && (e.globals.lastDrawnDataLabelsIndexes[n] = []), e.globals.lastDrawnDataLabelsIndexes[n].push(r);
-                                        }
-                                    }
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                I = (function () {
-                    function t(e, i) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                        var a = this.w;
-                        (this.barOptions = a.config.plotOptions.bar),
-                            (this.isHorizontal = this.barOptions.horizontal),
-                            (this.strokeWidth = a.config.stroke.width),
-                            (this.isNullValue = !1),
-                            (this.xyRatios = i),
-                            null !== this.xyRatios &&
-                                ((this.xRatio = i.xRatio),
-                                (this.yRatio = i.yRatio),
-                                (this.invertedXRatio = i.invertedXRatio),
-                                (this.invertedYRatio = i.invertedYRatio),
-                                (this.baseLineY = i.baseLineY),
-                                (this.baseLineInvertedY = i.baseLineInvertedY)),
-                            (this.yaxisIndex = 0),
-                            (this.seriesLen = 0);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "draw",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = new m(this.ctx),
-                                        s = new A(this.ctx, i);
-                                    (t = s.getLogSeries(t)), (this.series = t), (this.yRatio = s.getLogYRatios(this.yRatio)), this.initVariables(t);
-                                    var n = a.group({ class: "apexcharts-bar-series apexcharts-plot-series" });
-                                    i.config.dataLabels.enabled &&
-                                        this.totalItems > i.config.plotOptions.bar.dataLabels.maxItems &&
-                                        console.warn("WARNING: DataLabels are enabled but there are too many to display. This may cause performance issue when rendering.");
-                                    for (var r = 0, o = 0; r < t.length; r++, o++) {
-                                        var l,
-                                            h,
-                                            c,
-                                            d,
-                                            u = void 0,
-                                            f = void 0,
-                                            g = void 0,
-                                            x = void 0,
-                                            v = [],
-                                            b = [],
-                                            y = i.globals.comboCharts ? e[r] : r,
-                                            w = a.group({ class: "apexcharts-series", rel: r + 1, seriesName: p.escapeString(i.globals.seriesNames[y]), "data:realIndex": y });
-                                        this.ctx.series.addCollapsedClassToSeries(w, y), t[r].length > 0 && (this.visibleI = this.visibleI + 1);
-                                        var k = 0,
-                                            S = 0,
-                                            C = 0;
-                                        this.yRatio.length > 1 && (this.yaxisIndex = y), (this.isReversed = i.config.yaxis[this.yaxisIndex] && i.config.yaxis[this.yaxisIndex].reversed);
-                                        var L = this.initialPositions();
-                                        (x = L.y), (S = L.barHeight), (h = L.yDivision), (d = L.zeroW), (g = L.x), (C = L.barWidth), (l = L.xDivision), (c = L.zeroH), this.horizontal || b.push(g + C / 2);
-                                        for (var E = a.group({ class: "apexcharts-datalabels" }), P = 0, T = i.globals.dataPoints; P < i.globals.dataPoints; P++, T--) {
-                                            void 0 === this.series[r][P] || null === t[r][P] ? (this.isNullValue = !0) : (this.isNullValue = !1),
-                                                i.config.stroke.show && (k = this.isNullValue ? 0 : Array.isArray(this.strokeWidth) ? this.strokeWidth[y] : this.strokeWidth);
-                                            var M = null;
-                                            this.isHorizontal
-                                                ? ((M = this.drawBarPaths({ indexes: { i: r, j: P, realIndex: y, bc: o }, barHeight: S, strokeWidth: k, pathTo: u, pathFrom: f, zeroW: d, x: g, y: x, yDivision: h, elSeries: w })),
-                                                  (C = this.series[r][P] / this.invertedYRatio))
-                                                : ((M = this.drawColumnPaths({ indexes: { i: r, j: P, realIndex: y, bc: o }, x: g, y: x, xDivision: l, pathTo: u, pathFrom: f, barWidth: C, zeroH: c, strokeWidth: k, elSeries: w })),
-                                                  (S = this.series[r][P] / this.yRatio[this.yaxisIndex])),
-                                                (u = M.pathTo),
-                                                (f = M.pathFrom),
-                                                (x = M.y),
-                                                (g = M.x),
-                                                P > 0 && b.push(g + C / 2),
-                                                v.push(x);
-                                            var z = this.getPathFillColor(t, r, P, y);
-                                            w = this.renderSeries({
-                                                realIndex: y,
-                                                pathFill: z,
-                                                j: P,
-                                                i: r,
-                                                pathFrom: f,
-                                                pathTo: u,
-                                                strokeWidth: k,
-                                                elSeries: w,
-                                                x: g,
-                                                y: x,
-                                                series: t,
-                                                barHeight: S,
-                                                barWidth: C,
-                                                elDataLabelsWrap: E,
-                                                visibleSeries: this.visibleI,
-                                                type: "bar",
-                                            });
-                                        }
-                                        (i.globals.seriesXvalues[y] = b), (i.globals.seriesYvalues[y] = v), n.add(w);
-                                    }
-                                    return n;
-                                },
-                            },
-                            {
-                                key: "getPathFillColor",
-                                value: function (t, e, i, a) {
-                                    var s = this.w,
-                                        n = new P(this.ctx),
-                                        r = null,
-                                        o = this.barOptions.distributed ? i : e;
-                                    this.barOptions.colors.ranges.length > 0 &&
-                                        this.barOptions.colors.ranges.map(function (a) {
-                                            t[e][i] >= a.from && t[e][i] <= a.to && (r = a.color);
-                                        });
-                                    return (
-                                        s.config.series[e].data[i] && s.config.series[e].data[i].fillColor && (r = s.config.series[e].data[i].fillColor),
-                                        n.fillPath({ seriesNumber: this.barOptions.distributed ? o : a, color: r, value: t[e][i] })
-                                    );
-                                },
-                            },
-                            {
-                                key: "renderSeries",
-                                value: function (t) {
-                                    var e = t.realIndex,
-                                        i = t.pathFill,
-                                        a = t.lineFill,
-                                        s = t.j,
-                                        n = t.i,
-                                        r = t.pathFrom,
-                                        o = t.pathTo,
-                                        l = t.strokeWidth,
-                                        h = t.elSeries,
-                                        c = t.x,
-                                        d = t.y,
-                                        u = t.series,
-                                        f = t.barHeight,
-                                        g = t.barWidth,
-                                        p = t.elDataLabelsWrap,
-                                        v = t.visibleSeries,
-                                        b = t.type,
-                                        y = this.w,
-                                        w = new m(this.ctx);
-                                    a || (a = this.barOptions.distributed ? y.globals.stroke.colors[s] : y.globals.stroke.colors[e]),
-                                        y.config.series[n].data[s] && y.config.series[n].data[s].strokeColor && (a = y.config.series[n].data[s].strokeColor),
-                                        this.isNullValue && (i = "none");
-                                    var k = ((s / y.config.chart.animations.animateGradually.delay) * (y.config.chart.animations.speed / y.globals.dataPoints)) / 2.4,
-                                        S = w.renderPaths({
-                                            i: n,
-                                            j: s,
-                                            realIndex: e,
-                                            pathFrom: r,
-                                            pathTo: o,
-                                            stroke: a,
-                                            strokeWidth: l,
-                                            strokeLineCap: y.config.stroke.lineCap,
-                                            fill: i,
-                                            animationDelay: k,
-                                            initialSpeed: y.config.chart.animations.speed,
-                                            dataChangeSpeed: y.config.chart.animations.dynamicAnimation.speed,
-                                            className: "apexcharts-".concat(b, "-area"),
-                                            id: "apexcharts-".concat(b, "-area"),
-                                        });
-                                    S.attr("clip-path", "url(#gridRectMask".concat(y.globals.cuid, ")")), new x(this.ctx).setSelectionFilter(S, e, s), h.add(S);
-                                    var A = this.calculateDataLabelsPos({ x: c, y: d, i: n, j: s, series: u, realIndex: e, barHeight: f, barWidth: g, renderedPath: S, visibleSeries: v });
-                                    return null !== A && p.add(A), h.add(p), h;
-                                },
-                            },
-                            {
-                                key: "initVariables",
-                                value: function (t) {
-                                    var e = this.w;
-                                    (this.series = t), (this.totalItems = 0), (this.seriesLen = 0), (this.visibleI = -1), (this.visibleItems = 1);
-                                    for (var i = 0; i < t.length; i++)
-                                        if ((t[i].length > 0 && ((this.seriesLen = this.seriesLen + 1), (this.totalItems += t[i].length)), e.globals.isXNumeric))
-                                            for (var a = 0; a < t[i].length; a++) e.globals.seriesX[i][a] > e.globals.minX && e.globals.seriesX[i][a] < e.globals.maxX && this.visibleItems++;
-                                        else this.visibleItems = e.globals.dataPoints;
-                                    0 === this.seriesLen && (this.seriesLen = 1);
-                                },
-                            },
-                            {
-                                key: "initialPositions",
-                                value: function () {
-                                    var t,
-                                        e,
-                                        i,
-                                        a,
-                                        s,
-                                        n,
-                                        r,
-                                        o,
-                                        l = this.w;
-                                    return (
-                                        this.isHorizontal
-                                            ? ((s = (i = l.globals.gridHeight / l.globals.dataPoints) / this.seriesLen),
-                                              l.globals.isXNumeric && (s = (i = l.globals.gridHeight / this.totalItems) / this.seriesLen),
-                                              (s = (s * parseInt(this.barOptions.barHeight)) / 100),
-                                              (o = this.baseLineInvertedY + l.globals.padHorizontal + (this.isReversed ? l.globals.gridWidth : 0) - (this.isReversed ? 2 * this.baseLineInvertedY : 0)),
-                                              (e = (i - s * this.seriesLen) / 2))
-                                            : ((n = (((a = l.globals.gridWidth / this.visibleItems) / this.seriesLen) * parseInt(this.barOptions.columnWidth)) / 100),
-                                              l.globals.isXNumeric && (n = (((a = l.globals.minXDiff / this.xRatio) / this.seriesLen) * parseInt(this.barOptions.columnWidth)) / 100),
-                                              (r = l.globals.gridHeight - this.baseLineY[this.yaxisIndex] - (this.isReversed ? l.globals.gridHeight : 0) + (this.isReversed ? 2 * this.baseLineY[this.yaxisIndex] : 0)),
-                                              (t = l.globals.padHorizontal + (a - n * this.seriesLen) / 2)),
-                                        { x: t, y: e, yDivision: i, xDivision: a, barHeight: s, barWidth: n, zeroH: r, zeroW: o }
-                                    );
-                                },
-                            },
-                            {
-                                key: "drawBarPaths",
-                                value: function (t) {
-                                    var e = t.indexes,
-                                        i = t.barHeight,
-                                        a = t.strokeWidth,
-                                        s = t.pathTo,
-                                        n = t.pathFrom,
-                                        r = t.zeroW,
-                                        o = t.x,
-                                        l = t.y,
-                                        h = t.yDivision,
-                                        c = t.elSeries,
-                                        d = this.w,
-                                        u = new m(this.ctx),
-                                        f = e.i,
-                                        g = e.j,
-                                        p = e.realIndex,
-                                        x = e.bc;
-                                    d.globals.isXNumeric && (l = (d.globals.seriesX[f][g] - d.globals.minX) / this.invertedXRatio - i);
-                                    var v = l + i * this.visibleI;
-                                    (s = u.move(r, v)), (n = u.move(r, v)), d.globals.previousPaths.length > 0 && (n = this.getPathFrom(p, g));
-                                    var b = {
-                                            barHeight: i,
-                                            strokeWidth: a,
-                                            barYPosition: v,
-                                            x: (o = void 0 === this.series[f][g] || null === this.series[f][g] ? r : r + this.series[f][g] / this.invertedYRatio - 2 * (this.isReversed ? this.series[f][g] / this.invertedYRatio : 0)),
-                                            zeroW: r,
-                                        },
-                                        y = this.barEndingShape(d, b, this.series, f, g);
-                                    if (
-                                        ((s = s + u.line(y.newX, v) + y.path + u.line(r, v + i - a) + u.line(r, v)),
-                                        (n = n + u.line(r, v) + y.ending_p_from + u.line(r, v + i - a) + u.line(r, v + i - a) + u.line(r, v)),
-                                        d.globals.isXNumeric || (l += h),
-                                        this.barOptions.colors.backgroundBarColors.length > 0 && 0 === f)
-                                    ) {
-                                        x >= this.barOptions.colors.backgroundBarColors.length && (x = 0);
-                                        var w = this.barOptions.colors.backgroundBarColors[x],
-                                            k = u.drawRect(0, v - i * this.visibleI, d.globals.gridWidth, i * this.seriesLen, 0, w, this.barOptions.colors.backgroundBarOpacity);
-                                        c.add(k), k.node.classList.add("apexcharts-backgroundBar");
-                                    }
-                                    return { pathTo: s, pathFrom: n, x: o, y: l, barYPosition: v };
-                                },
-                            },
-                            {
-                                key: "drawColumnPaths",
-                                value: function (t) {
-                                    var e = t.indexes,
-                                        i = t.x,
-                                        a = t.y,
-                                        s = t.xDivision,
-                                        n = t.pathTo,
-                                        r = t.pathFrom,
-                                        o = t.barWidth,
-                                        l = t.zeroH,
-                                        h = t.strokeWidth,
-                                        c = t.elSeries,
-                                        d = this.w,
-                                        u = new m(this.ctx),
-                                        f = e.i,
-                                        g = e.j,
-                                        p = e.realIndex,
-                                        x = e.bc;
-                                    d.globals.isXNumeric && (i = (d.globals.seriesX[f][g] - d.globals.minX) / this.xRatio - o / 2);
-                                    var v = i + o * this.visibleI;
-                                    (n = u.move(v, l)), (r = u.move(v, l)), d.globals.previousPaths.length > 0 && (r = this.getPathFrom(p, g));
-                                    var b = {
-                                            barWidth: o,
-                                            strokeWidth: h,
-                                            barXPosition: v,
-                                            y: (a =
-                                                void 0 === this.series[f][g] || null === this.series[f][g]
-                                                    ? l
-                                                    : l - this.series[f][g] / this.yRatio[this.yaxisIndex] + 2 * (this.isReversed ? this.series[f][g] / this.yRatio[this.yaxisIndex] : 0)),
-                                            zeroH: l,
-                                        },
-                                        y = this.barEndingShape(d, b, this.series, f, g);
-                                    if (
-                                        ((n = n + u.line(v, y.newY) + y.path + u.line(v + o - h, l) + u.line(v - h / 2, l)),
-                                        (r = r + u.line(v, l) + y.ending_p_from + u.line(v + o - h, l) + u.line(v + o - h, l) + u.line(v - h / 2, l)),
-                                        d.globals.isXNumeric || (i += s),
-                                        this.barOptions.colors.backgroundBarColors.length > 0 && 0 === f)
-                                    ) {
-                                        x >= this.barOptions.colors.backgroundBarColors.length && (x = 0);
-                                        var w = this.barOptions.colors.backgroundBarColors[x],
-                                            k = u.drawRect(v - o * this.visibleI, 0, o * this.seriesLen, d.globals.gridHeight, 0, w, this.barOptions.colors.backgroundBarOpacity);
-                                        c.add(k), k.node.classList.add("apexcharts-backgroundBar");
-                                    }
-                                    return { pathTo: n, pathFrom: r, x: i, y: a, barXPosition: v };
-                                },
-                            },
-                            {
-                                key: "getPathFrom",
-                                value: function (t, e) {
-                                    for (var i, a = this.w, s = 0; s < a.globals.previousPaths.length; s++) {
-                                        var n = a.globals.previousPaths[s];
-                                        n.paths.length > 0 && parseInt(n.realIndex) === parseInt(t) && void 0 !== a.globals.previousPaths[s].paths[e] && (i = a.globals.previousPaths[s].paths[e].d);
-                                    }
-                                    return i;
-                                },
-                            },
-                            {
-                                key: "calculateDataLabelsPos",
-                                value: function (t) {
-                                    var e = t.x,
-                                        i = t.y,
-                                        a = t.i,
-                                        s = t.j,
-                                        n = t.realIndex,
-                                        r = t.series,
-                                        o = t.barHeight,
-                                        l = t.barWidth,
-                                        h = t.visibleSeries,
-                                        c = t.renderedPath,
-                                        d = this.w,
-                                        u = new m(this.ctx),
-                                        f = Array.isArray(this.strokeWidth) ? this.strokeWidth[n] : this.strokeWidth,
-                                        g = e + parseFloat(l * h),
-                                        p = i + parseFloat(o * h);
-                                    d.globals.isXNumeric && !d.globals.isBarHorizontal && ((g = e + parseFloat(l * (h + 1)) - f), (p = i + parseFloat(o * (h + 1)) - f));
-                                    var x = e,
-                                        v = i,
-                                        b = {},
-                                        y = d.config.dataLabels,
-                                        w = this.barOptions.dataLabels,
-                                        k = y.offsetX,
-                                        S = y.offsetY,
-                                        A = { width: 0, height: 0 };
-                                    return (
-                                        d.config.dataLabels.enabled && (A = u.getTextRects(d.globals.yLabelFormatters[0](d.globals.maxY), parseInt(y.style.fontSize))),
-                                        (b = this.isHorizontal
-                                            ? this.calculateBarsDataLabelsPosition({
-                                                  x: e,
-                                                  y: i,
-                                                  i: a,
-                                                  j: s,
-                                                  renderedPath: c,
-                                                  bcy: p,
-                                                  barHeight: o,
-                                                  barWidth: l,
-                                                  textRects: A,
-                                                  strokeWidth: f,
-                                                  dataLabelsX: x,
-                                                  dataLabelsY: v,
-                                                  barDataLabelsConfig: w,
-                                                  offX: k,
-                                                  offY: S,
-                                              })
-                                            : this.calculateColumnsDataLabelsPosition({
-                                                  x: e,
-                                                  y: i,
-                                                  i: a,
-                                                  j: s,
-                                                  renderedPath: c,
-                                                  realIndex: n,
-                                                  bcx: g,
-                                                  bcy: p,
-                                                  barHeight: o,
-                                                  barWidth: l,
-                                                  textRects: A,
-                                                  strokeWidth: f,
-                                                  dataLabelsY: v,
-                                                  barDataLabelsConfig: w,
-                                                  offX: k,
-                                                  offY: S,
-                                              })),
-                                        c.attr({ cy: b.bcy, cx: b.bcx, j: s, val: r[a][s], barHeight: o, barWidth: l }),
-                                        this.drawCalculatedDataLabels({ x: b.dataLabelsX, y: b.dataLabelsY, val: r[a][s], i: n, j: s, barWidth: l, barHeight: o, textRects: A, dataLabelsConfig: y })
-                                    );
-                                },
-                            },
-                            {
-                                key: "calculateColumnsDataLabelsPosition",
-                                value: function (t) {
-                                    var e,
-                                        i = this.w,
-                                        a = t.i,
-                                        s = t.j,
-                                        n = t.y,
-                                        r = t.bcx,
-                                        o = t.barWidth,
-                                        l = t.barHeight,
-                                        h = t.textRects,
-                                        c = t.dataLabelsY,
-                                        d = t.barDataLabelsConfig,
-                                        u = t.strokeWidth,
-                                        f = t.offX,
-                                        g = t.offY,
-                                        p = i.globals.gridWidth / i.globals.dataPoints;
-                                    (r -= u / 2), (e = i.globals.isXNumeric ? r - o / 2 + f : r - p + o / 2 + f);
-                                    var x = this.series[a][s] <= 0;
-                                    switch ((this.isReversed && (n -= l), d.position)) {
-                                        case "center":
-                                            c = x ? n + l / 2 + h.height / 2 + g : n + l / 2 + h.height / 2 - g;
-                                            break;
-                                        case "bottom":
-                                            c = x ? n + l + h.height + u + g : n + l - h.height / 2 + u - g;
-                                            break;
-                                        case "top":
-                                            c = x ? n - h.height / 2 - g : n + h.height + g;
-                                    }
-                                    return i.config.chart.stacked || (c < 0 ? (c = 0 + u) : c + h.height / 3 > i.globals.gridHeight && (c = i.globals.gridHeight - u)), { bcx: r, bcy: n, dataLabelsX: e, dataLabelsY: c };
-                                },
-                            },
-                            {
-                                key: "calculateBarsDataLabelsPosition",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = t.x,
-                                        a = t.i,
-                                        s = t.j,
-                                        n = t.bcy,
-                                        r = t.barHeight,
-                                        o = t.barWidth,
-                                        l = t.textRects,
-                                        h = t.dataLabelsX,
-                                        c = t.strokeWidth,
-                                        d = t.barDataLabelsConfig,
-                                        u = t.offX,
-                                        f = t.offY,
-                                        g = n - e.globals.gridHeight / e.globals.dataPoints + r / 2 + l.height / 2 + f - 3,
-                                        p = this.series[a][s] <= 0;
-                                    switch ((this.isReversed && (i += o), d.position)) {
-                                        case "center":
-                                            h = p ? i - o / 2 - u : i - o / 2 + u;
-                                            break;
-                                        case "bottom":
-                                            h = p ? i - o - c - Math.round(l.width / 2) - u : i - o + c + Math.round(l.width / 2) + u;
-                                            break;
-                                        case "top":
-                                            h = p ? i - c + Math.round(l.width / 2) - u : i - c - Math.round(l.width / 2) + u;
-                                    }
-                                    return e.config.chart.stacked || (h < 0 ? (h = h + l.width + c) : h + l.width / 2 > e.globals.gridWidth && (h = e.globals.gridWidth - l.width - c)), { bcx: i, bcy: n, dataLabelsX: h, dataLabelsY: g };
-                                },
-                            },
-                            {
-                                key: "drawCalculatedDataLabels",
-                                value: function (t) {
-                                    var e = t.x,
-                                        i = t.y,
-                                        a = t.val,
-                                        s = t.i,
-                                        n = t.j,
-                                        r = t.textRects,
-                                        o = t.barHeight,
-                                        l = t.barWidth,
-                                        h = t.dataLabelsConfig,
-                                        c = this.w,
-                                        d = new z(this.ctx),
-                                        u = new m(this.ctx),
-                                        f = h.formatter,
-                                        g = null,
-                                        p = c.globals.collapsedSeriesIndices.indexOf(s) > -1;
-                                    if (h.enabled && !p) {
-                                        g = u.group({ class: "apexcharts-data-labels" });
-                                        var x = "";
-                                        void 0 !== a && (x = f(a, { seriesIndex: s, dataPointIndex: n, w: c })),
-                                            0 === a && c.config.chart.stacked && (x = ""),
-                                            c.config.chart.stacked &&
-                                                this.barOptions.dataLabels.hideOverflowingLabels &&
-                                                (this.isHorizontal
-                                                    ? ((l = this.series[s][n] / this.yRatio[this.yaxisIndex]), r.width / 1.6 > l && (x = ""))
-                                                    : ((o = this.series[s][n] / this.yRatio[this.yaxisIndex]), r.height / 1.6 > o && (x = ""))),
-                                            d.plotDataLabelsText({ x: e, y: i, text: x, i: s, j: n, parent: g, dataLabelsConfig: h, alwaysDrawDataLabel: !0, offsetCorrection: !0 });
-                                    }
-                                    return g;
-                                },
-                            },
-                            {
-                                key: "barEndingShape",
-                                value: function (t, e, i, a, s) {
-                                    var n = new m(this.ctx);
-                                    if (this.isHorizontal) {
-                                        var r = null,
-                                            o = e.x;
-                                        if (void 0 !== i[a][s] || null !== i[a][s]) {
-                                            var l = i[a][s] < 0,
-                                                h = e.barHeight / 2 - e.strokeWidth;
-                                            switch ((l && (h = -e.barHeight / 2 - e.strokeWidth), t.config.chart.stacked || ("rounded" === this.barOptions.endingShape && (o = e.x - h / 2)), this.barOptions.endingShape)) {
-                                                case "flat":
-                                                    r = n.line(o, e.barYPosition + e.barHeight - e.strokeWidth);
-                                                    break;
-                                                case "rounded":
-                                                    r = n.quadraticCurve(o + h, e.barYPosition + (e.barHeight - e.strokeWidth) / 2, o, e.barYPosition + e.barHeight - e.strokeWidth);
-                                            }
-                                        }
-                                        return { path: r, ending_p_from: "", newX: o };
-                                    }
-                                    var c = null,
-                                        d = e.y;
-                                    if (void 0 !== i[a][s] || null !== i[a][s]) {
-                                        var u = i[a][s] < 0,
-                                            f = e.barWidth / 2 - e.strokeWidth;
-                                        switch ((u && (f = -e.barWidth / 2 - e.strokeWidth), t.config.chart.stacked || ("rounded" === this.barOptions.endingShape && (d += f / 2)), this.barOptions.endingShape)) {
-                                            case "flat":
-                                                c = n.line(e.barXPosition + e.barWidth - e.strokeWidth, d);
-                                                break;
-                                            case "rounded":
-                                                c = n.quadraticCurve(e.barXPosition + (e.barWidth - e.strokeWidth) / 2, d - f, e.barXPosition + e.barWidth - e.strokeWidth, d);
-                                        }
-                                    }
-                                    return { path: c, ending_p_from: "", newY: d };
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                X = (function (t) {
-                    function e() {
-                        return n(this, e), f(this, d(e).apply(this, arguments));
-                    }
-                    return (
-                        c(e, I),
-                        o(e, [
-                            {
-                                key: "draw",
-                                value: function (t, e) {
-                                    var i = this.w;
-                                    (this.graphics = new m(this.ctx)), (this.fill = new P(this.ctx)), (this.bar = new I(this.ctx, this.xyRatios));
-                                    var a = new A(this.ctx, i);
-                                    (t = a.getLogSeries(t)),
-                                        (this.yRatio = a.getLogYRatios(this.yRatio)),
-                                        this.initVariables(t),
-                                        "100%" === i.config.chart.stackType && (t = i.globals.seriesPercent.slice()),
-                                        (this.series = t),
-                                        (this.totalItems = 0),
-                                        (this.prevY = []),
-                                        (this.prevX = []),
-                                        (this.prevYF = []),
-                                        (this.prevXF = []),
-                                        (this.prevYVal = []),
-                                        (this.prevXVal = []),
-                                        (this.xArrj = []),
-                                        (this.xArrjF = []),
-                                        (this.xArrjVal = []),
-                                        (this.yArrj = []),
-                                        (this.yArrjF = []),
-                                        (this.yArrjVal = []);
-                                    for (var s = 0; s < t.length; s++) t[s].length > 0 && (this.totalItems += t[s].length);
-                                    for (var n = this.graphics.group({ class: "apexcharts-bar-series apexcharts-plot-series" }), r = 0, o = 0, l = 0, h = 0; l < t.length; l++, h++) {
-                                        var c = void 0,
-                                            d = void 0,
-                                            u = void 0,
-                                            f = void 0,
-                                            g = void 0,
-                                            x = void 0,
-                                            v = [],
-                                            b = [],
-                                            y = i.globals.comboCharts ? e[l] : l;
-                                        this.yRatio.length > 1 && (this.yaxisIndex = y), (this.isReversed = i.config.yaxis[this.yaxisIndex] && i.config.yaxis[this.yaxisIndex].reversed);
-                                        var w = this.graphics.group({ class: "apexcharts-series", seriesName: p.escapeString(i.globals.seriesNames[y]), rel: l + 1, "data:realIndex": y }),
-                                            k = this.graphics.group({ class: "apexcharts-datalabels" }),
-                                            S = 0,
-                                            C = 0,
-                                            L = 0,
-                                            E = this.initialPositions(r, o, u, f, g, x);
-                                        (o = E.y),
-                                            (C = E.barHeight),
-                                            (f = E.yDivision),
-                                            (x = E.zeroW),
-                                            (r = E.x),
-                                            (L = E.barWidth),
-                                            (u = E.xDivision),
-                                            (g = E.zeroH),
-                                            (this.yArrj = []),
-                                            (this.yArrjF = []),
-                                            (this.yArrjVal = []),
-                                            (this.xArrj = []),
-                                            (this.xArrjF = []),
-                                            (this.xArrjVal = []);
-                                        for (var T = 0; T < i.globals.dataPoints; T++) {
-                                            i.config.stroke.show && (S = this.isNullValue ? 0 : Array.isArray(this.strokeWidth) ? this.strokeWidth[y] : this.strokeWidth);
-                                            var M = null;
-                                            this.isHorizontal
-                                                ? ((M = this.drawBarPaths({ indexes: { i: l, j: T, realIndex: y, bc: h }, barHeight: C, strokeWidth: S, pathTo: c, pathFrom: d, zeroW: x, x: r, y: o, yDivision: f, elSeries: w })),
-                                                  (L = this.series[l][T] / this.invertedYRatio))
-                                                : ((M = this.drawColumnPaths({ indexes: { i: l, j: T, realIndex: y, bc: h }, x: r, y: o, xDivision: u, pathTo: c, pathFrom: d, barWidth: L, zeroH: g, strokeWidth: S, elSeries: w })),
-                                                  (C = this.series[l][T] / this.yRatio[this.yaxisIndex])),
-                                                (c = M.pathTo),
-                                                (d = M.pathFrom),
-                                                (o = M.y),
-                                                (r = M.x),
-                                                v.push(r),
-                                                b.push(o);
-                                            var z = this.bar.getPathFillColor(t, l, T, y);
-                                            w = this.renderSeries({
-                                                realIndex: y,
-                                                pathFill: z,
-                                                j: T,
-                                                i: l,
-                                                pathFrom: d,
-                                                pathTo: c,
-                                                strokeWidth: S,
-                                                elSeries: w,
-                                                x: r,
-                                                y: o,
-                                                series: t,
-                                                barHeight: C,
-                                                barWidth: L,
-                                                elDataLabelsWrap: k,
-                                                type: "bar",
-                                                visibleSeries: 0,
-                                            });
-                                        }
-                                        (i.globals.seriesXvalues[y] = v),
-                                            (i.globals.seriesYvalues[y] = b),
-                                            this.prevY.push(this.yArrj),
-                                            this.prevYF.push(this.yArrjF),
-                                            this.prevYVal.push(this.yArrjVal),
-                                            this.prevX.push(this.xArrj),
-                                            this.prevXF.push(this.xArrjF),
-                                            this.prevXVal.push(this.xArrjVal),
-                                            n.add(w);
-                                    }
-                                    return n;
-                                },
-                            },
-                            {
-                                key: "initialPositions",
-                                value: function (t, e, i, a, s, n) {
-                                    var r,
-                                        o,
-                                        l = this.w;
-                                    return (
-                                        this.isHorizontal
-                                            ? ((r = ((r = a = l.globals.gridHeight / l.globals.dataPoints) * parseInt(l.config.plotOptions.bar.barHeight)) / 100),
-                                              (n = this.baseLineInvertedY + l.globals.padHorizontal + (this.isReversed ? l.globals.gridWidth : 0) - (this.isReversed ? 2 * this.baseLineInvertedY : 0)),
-                                              (e = (a - r) / 2))
-                                            : ((o = i = l.globals.gridWidth / l.globals.dataPoints),
-                                              (o = l.globals.isXNumeric ? ((i = l.globals.minXDiff / this.xRatio) * parseInt(this.barOptions.columnWidth)) / 100 : (o * parseInt(l.config.plotOptions.bar.columnWidth)) / 100),
-                                              (s = this.baseLineY[this.yaxisIndex] + (this.isReversed ? l.globals.gridHeight : 0) - (this.isReversed ? 2 * this.baseLineY[this.yaxisIndex] : 0)),
-                                              (t = l.globals.padHorizontal + (i - o) / 2)),
-                                        { x: t, y: e, yDivision: a, xDivision: i, barHeight: r, barWidth: o, zeroH: s, zeroW: n }
-                                    );
-                                },
-                            },
-                            {
-                                key: "drawBarPaths",
-                                value: function (t) {
-                                    for (
-                                        var e,
-                                            i = t.indexes,
-                                            a = t.barHeight,
-                                            s = t.strokeWidth,
-                                            n = t.pathTo,
-                                            r = t.pathFrom,
-                                            o = t.zeroW,
-                                            l = t.x,
-                                            h = t.y,
-                                            c = t.yDivision,
-                                            d = t.elSeries,
-                                            u = this.w,
-                                            f = h,
-                                            g = i.i,
-                                            p = i.j,
-                                            x = i.realIndex,
-                                            v = i.bc,
-                                            m = 0,
-                                            b = 0;
-                                        b < this.prevXF.length;
-                                        b++
-                                    )
-                                        m += this.prevXF[b][p];
-                                    if (g > 0) {
-                                        var y = o;
-                                        this.prevXVal[g - 1][p] < 0
-                                            ? (y = this.series[g][p] >= 0 ? this.prevX[g - 1][p] + m - 2 * (this.isReversed ? m : 0) : this.prevX[g - 1][p])
-                                            : this.prevXVal[g - 1][p] >= 0 && (y = this.series[g][p] >= 0 ? this.prevX[g - 1][p] : this.prevX[g - 1][p] - m + 2 * (this.isReversed ? m : 0)),
-                                            (e = y);
-                                    } else e = o;
-                                    l = null === this.series[g][p] ? e : e + this.series[g][p] / this.invertedYRatio - 2 * (this.isReversed ? this.series[g][p] / this.invertedYRatio : 0);
-                                    var w = { barHeight: a, strokeWidth: s, invertedYRatio: this.invertedYRatio, barYPosition: f, x: l },
-                                        k = this.bar.barEndingShape(u, w, this.series, g, p);
-                                    if (
-                                        (this.series.length > 1 && g !== this.endingShapeOnSeriesNumber && (k.path = this.graphics.line(k.newX, f + a - s)),
-                                        this.xArrj.push(k.newX),
-                                        this.xArrjF.push(Math.abs(e - k.newX)),
-                                        this.xArrjVal.push(this.series[g][p]),
-                                        (n = this.graphics.move(e, f)),
-                                        (r = this.graphics.move(e, f)),
-                                        u.globals.previousPaths.length > 0 && (r = this.bar.getPathFrom(x, p, !1)),
-                                        (n = n + this.graphics.line(k.newX, f) + k.path + this.graphics.line(e, f + a - s) + this.graphics.line(e, f)),
-                                        (r = r + this.graphics.line(e, f) + this.graphics.line(e, f + a - s) + this.graphics.line(e, f + a - s) + this.graphics.line(e, f + a - s) + this.graphics.line(e, f)),
-                                        u.config.plotOptions.bar.colors.backgroundBarColors.length > 0 && 0 === g)
-                                    ) {
-                                        v >= u.config.plotOptions.bar.colors.backgroundBarColors.length && (v = 0);
-                                        var S = u.config.plotOptions.bar.colors.backgroundBarColors[v],
-                                            A = this.graphics.drawRect(0, f, u.globals.gridWidth, a, 0, S, u.config.plotOptions.bar.colors.backgroundBarOpacity);
-                                        d.add(A), A.node.classList.add("apexcharts-backgroundBar");
-                                    }
-                                    return { pathTo: n, pathFrom: r, x: l, y: (h += c) };
-                                },
-                            },
-                            {
-                                key: "drawColumnPaths",
-                                value: function (t) {
-                                    var e = t.indexes,
-                                        i = t.x,
-                                        a = t.y,
-                                        s = t.xDivision,
-                                        n = t.pathTo,
-                                        r = t.pathFrom,
-                                        o = t.barWidth,
-                                        l = t.zeroH,
-                                        h = t.strokeWidth,
-                                        c = t.elSeries,
-                                        d = this.w,
-                                        u = e.i,
-                                        f = e.j,
-                                        g = e.realIndex,
-                                        p = e.bc;
-                                    if (d.globals.isXNumeric) {
-                                        var x = d.globals.seriesX[u][f];
-                                        x || (x = 0), (i = (x - d.globals.minX) / this.xRatio - o / 2);
-                                    }
-                                    for (var v, m = i, b = 0, y = 0; y < this.prevYF.length; y++) b += this.prevYF[y][f];
-                                    if ((u > 0 && !d.globals.isXNumeric) || (u > 0 && d.globals.isXNumeric && d.globals.seriesX[u - 1][f] === d.globals.seriesX[u][f])) {
-                                        var w = this.prevY[u - 1][f];
-                                        v = this.prevYVal[u - 1][f] < 0 ? (this.series[u][f] >= 0 ? w - b + 2 * (this.isReversed ? b : 0) : w) : this.series[u][f] >= 0 ? w : w + b - 2 * (this.isReversed ? b : 0);
-                                    } else v = d.globals.gridHeight - l;
-                                    a = v - this.series[u][f] / this.yRatio[this.yaxisIndex] + 2 * (this.isReversed ? this.series[u][f] / this.yRatio[this.yaxisIndex] : 0);
-                                    var k = { barWidth: o, strokeWidth: h, yRatio: this.yRatio[this.yaxisIndex], barXPosition: m, y: a },
-                                        S = this.bar.barEndingShape(d, k, this.series, u, f);
-                                    if (
-                                        (this.yArrj.push(S.newY),
-                                        this.yArrjF.push(Math.abs(v - S.newY)),
-                                        this.yArrjVal.push(this.series[u][f]),
-                                        (n = this.graphics.move(m, v)),
-                                        (r = this.graphics.move(m, v)),
-                                        d.globals.previousPaths.length > 0 && (r = this.bar.getPathFrom(g, f, !1)),
-                                        (n = n + this.graphics.line(m, S.newY) + S.path + this.graphics.line(m + o - h, v) + this.graphics.line(m - h / 2, v)),
-                                        (r = r + this.graphics.line(m, v) + this.graphics.line(m + o - h, v) + this.graphics.line(m + o - h, v) + this.graphics.line(m + o - h, v) + this.graphics.line(m - h / 2, v)),
-                                        d.config.plotOptions.bar.colors.backgroundBarColors.length > 0 && 0 === u)
-                                    ) {
-                                        p >= d.config.plotOptions.bar.colors.backgroundBarColors.length && (p = 0);
-                                        var A = d.config.plotOptions.bar.colors.backgroundBarColors[p],
-                                            C = this.graphics.drawRect(m, 0, o, d.globals.gridHeight, 0, A, d.config.plotOptions.bar.colors.backgroundBarOpacity);
-                                        c.add(C), C.node.classList.add("apexcharts-backgroundBar");
-                                    }
-                                    return (i += s), { pathTo: n, pathFrom: r, x: d.globals.isXNumeric ? i - s : i, y: a };
-                                },
-                            },
-                            {
-                                key: "checkZeroSeries",
-                                value: function (t) {
-                                    for (var e = t.series, i = this.w, a = 0; a < e.length; a++) {
-                                        for (var s = 0, n = 0; n < e[i.globals.maxValsInArrayIndex].length; n++) s += e[a][n];
-                                        0 === s && this.zeroSerieses.push(a);
-                                    }
-                                    for (var r = e.length - 1; r >= 0; r--) this.zeroSerieses.indexOf(r) > -1 && r === this.endingShapeOnSeriesNumber && (this.endingShapeOnSeriesNumber -= 1);
-                                },
-                            },
-                        ]),
-                        e
-                    );
-                })(),
-                F = (function (t) {
-                    function e() {
-                        return n(this, e), f(this, d(e).apply(this, arguments));
-                    }
-                    return (
-                        c(e, I),
-                        o(e, [
-                            {
-                                key: "draw",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = new m(this.ctx),
-                                        s = new P(this.ctx);
-                                    this.candlestickOptions = this.w.config.plotOptions.candlestick;
-                                    var n = new A(this.ctx, i);
-                                    (t = n.getLogSeries(t)), (this.series = t), (this.yRatio = n.getLogYRatios(this.yRatio)), this.initVariables(t);
-                                    for (var r = a.group({ class: "apexcharts-candlestick-series apexcharts-plot-series" }), o = 0, l = 0; o < t.length; o++, l++) {
-                                        var h,
-                                            c,
-                                            d = void 0,
-                                            u = void 0,
-                                            f = void 0,
-                                            g = void 0,
-                                            x = [],
-                                            v = [],
-                                            b = i.globals.comboCharts ? e[o] : o,
-                                            y = a.group({ class: "apexcharts-series", seriesName: p.escapeString(i.globals.seriesNames[b]), rel: o + 1, "data:realIndex": b });
-                                        t[o].length > 0 && (this.visibleI = this.visibleI + 1);
-                                        var w,
-                                            k,
-                                            S = 0;
-                                        this.yRatio.length > 1 && (this.yaxisIndex = b);
-                                        var C = this.initialPositions();
-                                        (g = C.y), (w = C.barHeight), (f = C.x), (k = C.barWidth), (h = C.xDivision), (c = C.zeroH), v.push(f + k / 2);
-                                        for (var L = a.group({ class: "apexcharts-datalabels" }), E = 0, T = i.globals.dataPoints; E < i.globals.dataPoints; E++, T--) {
-                                            void 0 === this.series[o][E] || null === t[o][E] ? (this.isNullValue = !0) : (this.isNullValue = !1),
-                                                i.config.stroke.show && (S = this.isNullValue ? 0 : Array.isArray(this.strokeWidth) ? this.strokeWidth[b] : this.strokeWidth);
-                                            var M,
-                                                z = this.drawCandleStickPaths({ indexes: { i: o, j: E, realIndex: b, bc: l }, x: f, y: g, xDivision: h, pathTo: d, pathFrom: u, barWidth: k, zeroH: c, strokeWidth: S, elSeries: y });
-                                            (d = z.pathTo), (u = z.pathFrom), (g = z.y), (f = z.x), (M = z.color), E > 0 && v.push(f + k / 2), x.push(g);
-                                            var I = s.fillPath({ seriesNumber: b, color: M, value: t[o][E] }),
-                                                X = this.candlestickOptions.wick.useFillColor ? M : void 0;
-                                            y = this.renderSeries({
-                                                realIndex: b,
-                                                pathFill: I,
-                                                lineFill: X,
-                                                j: E,
-                                                i: o,
-                                                pathFrom: u,
-                                                pathTo: d,
-                                                strokeWidth: S,
-                                                elSeries: y,
-                                                x: f,
-                                                y: g,
-                                                series: t,
-                                                barHeight: w,
-                                                barWidth: k,
-                                                elDataLabelsWrap: L,
-                                                visibleSeries: this.visibleI,
-                                                type: "candlestick",
-                                            });
-                                        }
-                                        (i.globals.seriesXvalues[b] = v), (i.globals.seriesYvalues[b] = x), r.add(y);
-                                    }
-                                    return r;
-                                },
-                            },
-                            {
-                                key: "drawCandleStickPaths",
-                                value: function (t) {
-                                    var e = t.indexes,
-                                        i = t.x,
-                                        a = (t.y, t.xDivision),
-                                        s = t.pathTo,
-                                        n = t.pathFrom,
-                                        r = t.barWidth,
-                                        o = t.zeroH,
-                                        l = t.strokeWidth,
-                                        h = this.w,
-                                        c = new m(this.ctx),
-                                        d = e.i,
-                                        u = e.j,
-                                        f = !0,
-                                        g = h.config.plotOptions.candlestick.colors.upward,
-                                        p = h.config.plotOptions.candlestick.colors.downward,
-                                        x = this.yRatio[this.yaxisIndex],
-                                        v = e.realIndex,
-                                        b = this.getOHLCValue(v, u),
-                                        y = o,
-                                        w = o;
-                                    b.o > b.c && (f = !1);
-                                    var k = Math.min(b.o, b.c),
-                                        S = Math.max(b.o, b.c);
-                                    h.globals.isXNumeric && (i = (h.globals.seriesX[d][u] - h.globals.minX) / this.xRatio - r / 2);
-                                    var A = i + r * this.visibleI;
-                                    return (
-                                        void 0 === this.series[d][u] || null === this.series[d][u] ? (k = o) : ((k = o - k / x), (S = o - S / x), (y = o - b.h / x), (w = o - b.l / x)),
-                                        c.move(A, o),
-                                        (n = c.move(A, k)),
-                                        h.globals.previousPaths.length > 0 && (n = this.getPathFrom(v, u, !0)),
-                                        (s =
-                                            c.move(A, S) +
-                                            c.line(A + r / 2, S) +
-                                            c.line(A + r / 2, y) +
-                                            c.line(A + r / 2, S) +
-                                            c.line(A + r, S) +
-                                            c.line(A + r, k) +
-                                            c.line(A + r / 2, k) +
-                                            c.line(A + r / 2, w) +
-                                            c.line(A + r / 2, k) +
-                                            c.line(A, k) +
-                                            c.line(A, S - l / 2)),
-                                        (n += c.move(A, k)),
-                                        h.globals.isXNumeric || (i += a),
-                                        { pathTo: s, pathFrom: n, x: i, y: S, barXPosition: A, color: f ? g : p }
-                                    );
-                                },
-                            },
-                            {
-                                key: "getOHLCValue",
-                                value: function (t, e) {
-                                    var i = this.w;
-                                    return { o: i.globals.seriesCandleO[t][e], h: i.globals.seriesCandleH[t][e], l: i.globals.seriesCandleL[t][e], c: i.globals.seriesCandleC[t][e] };
-                                },
-                            },
-                        ]),
-                        e
-                    );
-                })(),
-                Y = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "drawXCrosshairs",
-                                value: function () {
-                                    var t = this.w,
-                                        e = new m(this.ctx),
-                                        i = new x(this.ctx),
-                                        a = t.config.xaxis.crosshairs.fill.gradient,
-                                        s = t.config.xaxis.crosshairs.dropShadow,
-                                        n = t.config.xaxis.crosshairs.fill.type,
-                                        r = a.colorFrom,
-                                        o = a.colorTo,
-                                        l = a.opacityFrom,
-                                        h = a.opacityTo,
-                                        c = a.stops,
-                                        d = s.enabled,
-                                        u = s.left,
-                                        f = s.top,
-                                        g = s.blur,
-                                        v = s.color,
-                                        b = s.opacity,
-                                        y = t.config.xaxis.crosshairs.fill.color;
-                                    if (t.config.xaxis.crosshairs.show) {
-                                        "gradient" === n && (y = e.drawGradient("vertical", r, o, l, h, null, c, null));
-                                        var w = e.drawRect();
-                                        1 === t.config.xaxis.crosshairs.width && (w = e.drawLine()),
-                                            w.attr({
-                                                class: "apexcharts-xcrosshairs",
-                                                x: 0,
-                                                y: 0,
-                                                y2: t.globals.gridHeight,
-                                                width: p.isNumber(t.config.xaxis.crosshairs.width) ? t.config.xaxis.crosshairs.width : 0,
-                                                height: t.globals.gridHeight,
-                                                fill: y,
-                                                filter: "none",
-                                                "fill-opacity": t.config.xaxis.crosshairs.opacity,
-                                                stroke: t.config.xaxis.crosshairs.stroke.color,
-                                                "stroke-width": t.config.xaxis.crosshairs.stroke.width,
-                                                "stroke-dasharray": t.config.xaxis.crosshairs.stroke.dashArray,
-                                            }),
-                                            d && (w = i.dropShadow(w, { left: u, top: f, blur: g, color: v, opacity: b })),
-                                            t.globals.dom.elGraphical.add(w);
-                                    }
-                                },
-                            },
-                            {
-                                key: "drawYCrosshairs",
-                                value: function () {
-                                    var t = this.w,
-                                        e = new m(this.ctx),
-                                        i = t.config.yaxis[0].crosshairs;
-                                    if (t.config.yaxis[0].crosshairs.show) {
-                                        var a = e.drawLine(0, 0, t.globals.gridWidth, 0, i.stroke.color, i.stroke.dashArray, i.stroke.width);
-                                        a.attr({ class: "apexcharts-ycrosshairs" }), t.globals.dom.elGraphical.add(a);
-                                    }
-                                    var s = e.drawLine(0, 0, t.globals.gridWidth, 0, i.stroke.color, 0, 0);
-                                    s.attr({ class: "apexcharts-ycrosshairs-hidden" }), t.globals.dom.elGraphical.add(s);
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                O = (function () {
-                    function t(e, i) {
-                        n(this, t),
-                            (this.ctx = e),
-                            (this.w = e.w),
-                            (this.xRatio = i.xRatio),
-                            (this.yRatio = i.yRatio),
-                            (this.negRange = !1),
-                            (this.dynamicAnim = this.w.config.chart.animations.dynamicAnimation),
-                            (this.rectRadius = this.w.config.plotOptions.heatmap.radius),
-                            (this.strokeWidth = this.w.config.stroke.width);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "draw",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = new m(this.ctx),
-                                        a = i.group({ class: "apexcharts-heatmap" });
-                                    a.attr("clip-path", "url(#gridRectMask".concat(e.globals.cuid, ")"));
-                                    var s = e.globals.gridWidth / e.globals.dataPoints,
-                                        n = e.globals.gridHeight / e.globals.series.length,
-                                        r = 0,
-                                        o = !1;
-                                    this.checkColorRange();
-                                    var l = t.slice();
-                                    e.config.yaxis[0].reversed && ((o = !0), l.reverse());
-                                    for (var h = o ? 0 : l.length - 1; o ? h < l.length : h >= 0; o ? h++ : h--) {
-                                        var c = i.group({ class: "apexcharts-series apexcharts-heatmap-series", seriesName: p.escapeString(e.globals.seriesNames[h]), rel: h + 1, "data:realIndex": h });
-                                        if (e.config.chart.dropShadow.enabled) {
-                                            var d = e.config.chart.dropShadow;
-                                            new x(this.ctx).dropShadow(c, d, h);
-                                        }
-                                        for (var u = 0, f = 0; f < l[h].length; f++) {
-                                            var g = 1,
-                                                v = this.determineHeatColor(h, f);
-                                            if (e.globals.hasNegs || this.negRange) {
-                                                var b = e.config.plotOptions.heatmap.shadeIntensity;
-                                                g = e.config.plotOptions.heatmap.reverseNegativeShade
-                                                    ? v.percent < 0
-                                                        ? (v.percent / 100) * (1.25 * b)
-                                                        : (1 - v.percent / 100) * (1.25 * b)
-                                                    : v.percent < 0
-                                                    ? 1 - (1 + v.percent / 100) * b
-                                                    : (1 - v.percent / 100) * b;
-                                            } else g = 1 - v.percent / 100;
-                                            var y = v.color;
-                                            if (e.config.plotOptions.heatmap.enableShades) {
-                                                var w = new p();
-                                                y = p.hexToRgba(w.shadeColor(g, v.color), e.config.fill.opacity);
-                                            }
-                                            var k = this.rectRadius,
-                                                S = i.drawRect(u, r, s, n, k);
-                                            if (
-                                                (S.attr({ cx: u, cy: r }),
-                                                S.node.classList.add("apexcharts-heatmap-rect"),
-                                                c.add(S),
-                                                S.attr({ fill: y, i: h, index: h, j: f, val: l[h][f], "stroke-width": this.strokeWidth, stroke: e.globals.stroke.colors[0], color: y }),
-                                                S.node.addEventListener("mouseenter", i.pathMouseEnter.bind(this, S)),
-                                                S.node.addEventListener("mouseleave", i.pathMouseLeave.bind(this, S)),
-                                                S.node.addEventListener("mousedown", i.pathMouseDown.bind(this, S)),
-                                                e.config.chart.animations.enabled && !e.globals.dataChanged)
-                                            ) {
-                                                var A = 1;
-                                                e.globals.resized || (A = e.config.chart.animations.speed), this.animateHeatMap(S, u, r, s, n, A);
-                                            }
-                                            if (e.globals.dataChanged) {
-                                                var C = 1;
-                                                if (this.dynamicAnim.enabled && e.globals.shouldAnimate) {
-                                                    C = this.dynamicAnim.speed;
-                                                    var L = e.globals.previousPaths[h] && e.globals.previousPaths[h][f] && e.globals.previousPaths[h][f].color;
-                                                    L || (L = "rgba(255, 255, 255, 0)"), this.animateHeatColor(S, p.isColorHex(L) ? L : p.rgb2hex(L), p.isColorHex(y) ? y : p.rgb2hex(y), C);
-                                                }
-                                            }
-                                            var E = this.calculateHeatmapDataLabels({ x: u, y: r, i: h, j: f, series: l, rectHeight: n, rectWidth: s });
-                                            null !== E && c.add(E), (u += s);
-                                        }
-                                        (r += n), a.add(c);
-                                    }
-                                    var P = e.globals.yAxisScale[0].result.slice();
-                                    e.config.yaxis[0].reversed ? P.unshift("") : P.push(""), (e.globals.yAxisScale[0].result = P);
-                                    var T = e.globals.gridHeight / e.globals.series.length;
-                                    return (e.config.yaxis[0].labels.offsetY = -T / 2), a;
-                                },
-                            },
-                            {
-                                key: "checkColorRange",
-                                value: function () {
-                                    var t = this,
-                                        e = this.w.config.plotOptions.heatmap;
-                                    e.colorScale.ranges.length > 0 &&
-                                        e.colorScale.ranges.map(function (e, i) {
-                                            e.from < 0 && (t.negRange = !0);
-                                        });
-                                },
-                            },
-                            {
-                                key: "determineHeatColor",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = i.globals.series[t][e],
-                                        s = i.config.plotOptions.heatmap,
-                                        n = s.colorScale.inverse ? e : t,
-                                        r = i.globals.colors[n],
-                                        o = Math.min.apply(Math, g(i.globals.series[t])),
-                                        l = Math.max.apply(Math, g(i.globals.series[t]));
-                                    s.distributed || ((o = i.globals.minY), (l = i.globals.maxY)),
-                                        void 0 !== s.colorScale.min && ((o = s.colorScale.min < i.globals.minY ? s.colorScale.min : i.globals.minY), (l = s.colorScale.max > i.globals.maxY ? s.colorScale.max : i.globals.maxY));
-                                    var h = Math.abs(l) + Math.abs(o),
-                                        c = (100 * a) / (0 === h ? h - 1e-6 : h);
-                                    s.colorScale.ranges.length > 0 &&
-                                        s.colorScale.ranges.map(function (t, e) {
-                                            if (a >= t.from && a <= t.to) {
-                                                (r = t.color), (o = t.from), (l = t.to);
-                                                var i = Math.abs(l) + Math.abs(o);
-                                                c = (100 * a) / (0 === i ? i - 1e-6 : i);
-                                            }
-                                        });
-                                    return { color: r, percent: c };
-                                },
-                            },
-                            {
-                                key: "calculateHeatmapDataLabels",
-                                value: function (t) {
-                                    var e = t.x,
-                                        i = t.y,
-                                        a = t.i,
-                                        s = t.j,
-                                        n = (t.series, t.rectHeight),
-                                        r = t.rectWidth,
-                                        o = this.w,
-                                        l = o.config.dataLabels,
-                                        h = new m(this.ctx),
-                                        c = new z(this.ctx),
-                                        d = l.formatter,
-                                        u = null;
-                                    if (l.enabled) {
-                                        u = h.group({ class: "apexcharts-data-labels" });
-                                        var f = l.offsetX,
-                                            g = l.offsetY,
-                                            p = e + r / 2 + f,
-                                            x = i + n / 2 + parseInt(l.style.fontSize) / 3 + g,
-                                            v = d(o.globals.series[a][s], { seriesIndex: a, dataPointIndex: s, w: o });
-                                        c.plotDataLabelsText({ x: p, y: x, text: v, i: a, j: s, parent: u, dataLabelsConfig: l });
-                                    }
-                                    return u;
-                                },
-                            },
-                            {
-                                key: "animateHeatMap",
-                                value: function (t, e, i, a, s, n) {
-                                    var r = this;
-                                    new v(this.ctx).animateRect(t, { x: e + a / 2, y: i + s / 2, width: 0, height: 0 }, { x: e, y: i, width: a, height: s }, n, function () {
-                                        r.w.globals.animationEnded = !0;
-                                    });
-                                },
-                            },
-                            {
-                                key: "animateHeatColor",
-                                value: function (t, e, i, a) {
-                                    t.attr({ fill: e }).animate(a).attr({ fill: i });
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                R = (function () {
-                    function t(e) {
-                        n(this, t),
-                            (this.ctx = e),
-                            (this.w = e.w),
-                            (this.chartType = this.w.config.chart.type),
-                            (this.initialAnim = this.w.config.chart.animations.enabled),
-                            (this.dynamicAnim = this.initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled),
-                            (this.animBeginArr = [0]),
-                            (this.animDur = 0),
-                            (this.donutDataLabels = this.w.config.plotOptions.pie.donut.labels);
-                        var i = this.w;
-                        (this.lineColorArr = void 0 !== i.globals.stroke.colors ? i.globals.stroke.colors : i.globals.colors),
-                            (this.defaultSize = i.globals.svgHeight < i.globals.svgWidth ? i.globals.svgHeight - 35 : i.globals.gridWidth),
-                            (this.centerY = this.defaultSize / 2),
-                            (this.centerX = i.globals.gridWidth / 2),
-                            (this.fullAngle = 360),
-                            (this.donutSize = 0),
-                            (this.sliceLabels = []),
-                            (this.prevSectorAngleArr = []);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "draw",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = new m(this.ctx),
-                                        a = i.group({ class: "apexcharts-pie" });
-                                    if (e.globals.noData) return a;
-                                    for (var s = 0, n = 0; n < t.length; n++) s += p.negToZero(t[n]);
-                                    var r = [],
-                                        o = i.group();
-                                    0 === s && (s = 1e-5);
-                                    for (var l = 0; l < t.length; l++) {
-                                        var h = (this.fullAngle * p.negToZero(t[l])) / s;
-                                        r.push(h);
-                                    }
-                                    if (e.globals.dataChanged) {
-                                        for (var c, d = 0, u = 0; u < e.globals.previousPaths.length; u++) d += p.negToZero(e.globals.previousPaths[u]);
-                                        for (var f = 0; f < e.globals.previousPaths.length; f++) (c = (this.fullAngle * p.negToZero(e.globals.previousPaths[f])) / d), this.prevSectorAngleArr.push(c);
-                                    }
-                                    (e.globals.radialSize = this.defaultSize / 2.05 - e.config.stroke.width - e.config.chart.dropShadow.blur),
-                                        void 0 !== e.config.plotOptions.pie.size && (e.globals.radialSize = e.config.plotOptions.pie.size),
-                                        (this.donutSize = (e.globals.radialSize * parseInt(e.config.plotOptions.pie.donut.size)) / 100),
-                                        this.donutSize < 0 && (this.donutSize = 0);
-                                    var g = e.config.plotOptions.pie.customScale,
-                                        x = e.globals.gridWidth / 2,
-                                        v = e.globals.gridHeight / 2,
-                                        b = x - (e.globals.gridWidth / 2) * g,
-                                        y = v - (e.globals.gridHeight / 2) * g;
-                                    if (this.donutDataLabels.show) {
-                                        var w = this.renderInnerDataLabels(this.donutDataLabels, {
-                                            hollowSize: this.donutSize,
-                                            centerX: this.centerX,
-                                            centerY: this.centerY,
-                                            opacity: this.donutDataLabels.show,
-                                            translateX: b,
-                                            translateY: y,
-                                        });
-                                        a.add(w);
-                                    }
-                                    if ("donut" === e.config.chart.type) {
-                                        var k = i.drawCircle(this.donutSize);
-                                        k.attr({ cx: this.centerX, cy: this.centerY, fill: e.config.plotOptions.pie.donut.background }), o.add(k);
-                                    }
-                                    var S = this.drawArcs(r, t);
-                                    return (
-                                        this.sliceLabels.forEach(function (t) {
-                                            S.add(t);
-                                        }),
-                                        o.attr({
-                                            transform: "translate("
-                                                .concat(b, ", ")
-                                                .concat(y - 5, ") scale(")
-                                                .concat(g, ")"),
-                                        }),
-                                        a.attr({ "data:innerTranslateX": b, "data:innerTranslateY": y - 25 }),
-                                        o.add(S),
-                                        a.add(o),
-                                        a
-                                    );
-                                },
-                            },
-                            {
-                                key: "drawArcs",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = new x(this.ctx),
-                                        s = new m(this.ctx),
-                                        n = new P(this.ctx),
-                                        r = s.group({ class: "apexcharts-slices" }),
-                                        o = 0,
-                                        l = 0,
-                                        h = 0,
-                                        c = 0;
-                                    this.strokeWidth = i.config.stroke.show ? i.config.stroke.width : 0;
-                                    for (var d = 0; d < t.length; d++) {
-                                        var u = s.group({ class: "apexcharts-series apexcharts-pie-series", seriesName: p.escapeString(i.globals.seriesNames[d]), id: "apexcharts-series-" + d, rel: d + 1, "data:realIndex": d });
-                                        r.add(u), (l = c), (h = (o = h) + t[d]), (c = l + this.prevSectorAngleArr[d]);
-                                        var f = h - o,
-                                            g = n.fillPath({ seriesNumber: d, size: i.globals.radialSize, value: e[d] }),
-                                            v = this.getChangedPath(l, c),
-                                            b = s.drawPath({
-                                                d: v,
-                                                stroke: this.lineColorArr instanceof Array ? this.lineColorArr[d] : this.lineColorArr,
-                                                strokeWidth: this.strokeWidth,
-                                                fill: g,
-                                                fillOpacity: i.config.fill.opacity,
-                                                classes: "apexcharts-pie-area",
-                                            });
-                                        if ((b.attr({ id: "apexcharts-".concat(i.config.chart.type, "-slice-").concat(d), index: 0, j: d }), i.config.chart.dropShadow.enabled)) {
-                                            var y = i.config.chart.dropShadow;
-                                            a.dropShadow(b, y, d);
-                                        }
-                                        this.addListeners(b, this.donutDataLabels), m.setAttrs(b.node, { "data:angle": f, "data:startAngle": o, "data:strokeWidth": this.strokeWidth, "data:value": e[d] });
-                                        var w = { x: 0, y: 0 };
-                                        "pie" === i.config.chart.type
-                                            ? (w = p.polarToCartesian(this.centerX, this.centerY, i.globals.radialSize / 1.25 + i.config.plotOptions.pie.dataLabels.offset, o + (h - o) / 2))
-                                            : "donut" === i.config.chart.type &&
-                                              (w = p.polarToCartesian(this.centerX, this.centerY, (i.globals.radialSize + this.donutSize) / 2 + i.config.plotOptions.pie.dataLabels.offset, o + (h - o) / 2)),
-                                            u.add(b);
-                                        var k = 0;
-                                        if (
-                                            (!this.initialAnim || i.globals.resized || i.globals.dataChanged
-                                                ? this.animBeginArr.push(0)
-                                                : ((k = ((h - o) / this.fullAngle) * i.config.chart.animations.speed), (this.animDur = k + this.animDur), this.animBeginArr.push(this.animDur)),
-                                            this.dynamicAnim && i.globals.dataChanged
-                                                ? this.animatePaths(b, {
-                                                      size: i.globals.radialSize,
-                                                      endAngle: h,
-                                                      startAngle: o,
-                                                      prevStartAngle: l,
-                                                      prevEndAngle: c,
-                                                      animateStartingPos: !0,
-                                                      i: d,
-                                                      animBeginArr: this.animBeginArr,
-                                                      dur: i.config.chart.animations.dynamicAnimation.speed,
-                                                  })
-                                                : this.animatePaths(b, { size: i.globals.radialSize, endAngle: h, startAngle: o, i: d, totalItems: t.length - 1, animBeginArr: this.animBeginArr, dur: k }),
-                                            i.config.plotOptions.pie.expandOnClick && b.click(this.pieClicked.bind(this, d)),
-                                            i.config.dataLabels.enabled)
-                                        ) {
-                                            var S = w.x,
-                                                A = w.y,
-                                                C = (100 * (h - o)) / 360 + "%";
-                                            if (0 !== f && i.config.plotOptions.pie.dataLabels.minAngleToShowLabel < t[d]) {
-                                                var L = i.config.dataLabels.formatter;
-                                                void 0 !== L && (C = L(i.globals.seriesPercent[d][0], { seriesIndex: d, w: i }));
-                                                var E = i.globals.dataLabels.style.colors[d],
-                                                    T = s.drawText({ x: S, y: A, text: C, textAnchor: "middle", fontSize: i.config.dataLabels.style.fontSize, fontFamily: i.config.dataLabels.style.fontFamily, foreColor: E });
-                                                if (i.config.dataLabels.dropShadow.enabled) {
-                                                    var M = i.config.dataLabels.dropShadow;
-                                                    new x(this.ctx).dropShadow(T, M);
-                                                }
-                                                T.node.classList.add("apexcharts-pie-label"),
-                                                    i.config.chart.animations.animate &&
-                                                        !1 === i.globals.resized &&
-                                                        (T.node.classList.add("apexcharts-pie-label-delay"), (T.node.style.animationDelay = i.config.chart.animations.speed / 940 + "s")),
-                                                    this.sliceLabels.push(T);
-                                            }
-                                        }
-                                    }
-                                    return r;
-                                },
-                            },
-                            {
-                                key: "addListeners",
-                                value: function (t, e) {
-                                    var i = new m(this.ctx);
-                                    t.node.addEventListener("mouseenter", i.pathMouseEnter.bind(this, t)),
-                                        t.node.addEventListener("mouseenter", this.printDataLabelsInner.bind(this, t.node, e)),
-                                        t.node.addEventListener("mouseleave", i.pathMouseLeave.bind(this, t)),
-                                        t.node.addEventListener("mouseleave", this.revertDataLabelsInner.bind(this, t.node, e)),
-                                        t.node.addEventListener("mousedown", i.pathMouseDown.bind(this, t)),
-                                        t.node.addEventListener("mousedown", this.printDataLabelsInner.bind(this, t.node, e));
-                                },
-                            },
-                            {
-                                key: "animatePaths",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = e.endAngle - e.startAngle,
-                                        s = a,
-                                        n = e.startAngle,
-                                        r = e.startAngle;
-                                    void 0 !== e.prevStartAngle && void 0 !== e.prevEndAngle && ((n = e.prevEndAngle), (s = e.prevEndAngle - e.prevStartAngle)),
-                                        e.i === i.config.series.length - 1 && (a + r > this.fullAngle ? (e.endAngle = e.endAngle - (a + r)) : a + r < this.fullAngle && (e.endAngle = e.endAngle + (this.fullAngle - (a + r)))),
-                                        a === this.fullAngle && (a = this.fullAngle - 0.01),
-                                        this.animateArc(t, n, r, a, s, e);
-                                },
-                            },
-                            {
-                                key: "animateArc",
-                                value: function (t, e, i, a, s, n) {
-                                    var r,
-                                        o = this,
-                                        l = this.w,
-                                        h = n.size;
-                                    (isNaN(e) || isNaN(s)) && ((e = i), (s = a), (n.dur = 0));
-                                    var c = a,
-                                        d = i,
-                                        u = e - i;
-                                    l.globals.dataChanged && n.shouldSetPrevPaths && ((r = o.getPiePath({ me: o, startAngle: d, angle: s, size: h })), t.attr({ d: r })),
-                                        0 !== n.dur
-                                            ? t
-                                                  .animate(n.dur, l.globals.easing, n.animBeginArr[n.i])
-                                                  .afterAll(function () {
-                                                      ("pie" !== l.config.chart.type && "donut" !== l.config.chart.type) || this.animate(300).attr({ "stroke-width": l.config.stroke.width }), (l.globals.animationEnded = !0);
-                                                  })
-                                                  .during(function (l) {
-                                                      (c = u + (a - u) * l),
-                                                          n.animateStartingPos && ((c = s + (a - s) * l), (d = e - s + (i - (e - s)) * l)),
-                                                          (r = o.getPiePath({ me: o, startAngle: d, angle: c, size: h })),
-                                                          t.node.setAttribute("data:pathOrig", r),
-                                                          t.attr({ d: r });
-                                                  })
-                                            : ((r = o.getPiePath({ me: o, startAngle: d, angle: a, size: h })), n.isTrack || (l.globals.animationEnded = !0), t.node.setAttribute("data:pathOrig", r), t.attr({ d: r }));
-                                },
-                            },
-                            {
-                                key: "pieClicked",
-                                value: function (t) {
-                                    var e,
-                                        i = this.w,
-                                        a = this.w.globals.radialSize + 4,
-                                        s = i.globals.dom.Paper.select("#apexcharts-".concat(i.config.chart.type.toLowerCase(), "-slice-").concat(t)).members[0],
-                                        n = s.attr("d");
-                                    if ("true" !== s.attr("data:pieClicked")) {
-                                        var r = i.globals.dom.baseEl.querySelectorAll(".apexcharts-pie-area");
-                                        Array.prototype.forEach.call(r, function (t) {
-                                            t.setAttribute("data:pieClicked", "false");
-                                            var e = t.getAttribute("data:pathOrig");
-                                            t.setAttribute("d", e);
-                                        }),
-                                            s.attr("data:pieClicked", "true");
-                                        var o = parseInt(s.attr("data:startAngle")),
-                                            l = parseInt(s.attr("data:angle"));
-                                        (e = this.getPiePath({ me: this, startAngle: o, angle: l, size: a })), 360 !== l && s.plot(e).animate(1).plot(n).animate(100).plot(e);
-                                    } else {
-                                        s.attr({ "data:pieClicked": "false" }), this.revertDataLabelsInner(s.node, this.donutDataLabels);
-                                        var h = s.attr("data:pathOrig");
-                                        s.attr({ d: h });
-                                    }
-                                },
-                            },
-                            {
-                                key: "getChangedPath",
-                                value: function (t, e) {
-                                    var i = "";
-                                    return this.dynamicAnim && this.w.globals.dataChanged && (i = this.getPiePath({ me: this, startAngle: t, angle: e - t, size: this.size })), i;
-                                },
-                            },
-                            {
-                                key: "getPiePath",
-                                value: function (t) {
-                                    var e = t.me,
-                                        i = t.startAngle,
-                                        a = t.angle,
-                                        s = t.size,
-                                        n = this.w,
-                                        r = i,
-                                        o = (Math.PI * (r - 90)) / 180,
-                                        l = a + i;
-                                    Math.ceil(l) >= 360 && (l = 359.99);
-                                    var h = (Math.PI * (l - 90)) / 180,
-                                        c = e.centerX + s * Math.cos(o),
-                                        d = e.centerY + s * Math.sin(o),
-                                        u = e.centerX + s * Math.cos(h),
-                                        f = e.centerY + s * Math.sin(h),
-                                        g = p.polarToCartesian(e.centerX, e.centerY, e.donutSize, l),
-                                        x = p.polarToCartesian(e.centerX, e.centerY, e.donutSize, r),
-                                        v = a > 180 ? 1 : 0;
-                                    return "donut" === n.config.chart.type
-                                        ? ["M", c, d, "A", s, s, 0, v, 1, u, f, "L", g.x, g.y, "A", e.donutSize, e.donutSize, 0, v, 0, x.x, x.y, "L", c, d, "z"].join(" ")
-                                        : "pie" === n.config.chart.type
-                                        ? ["M", c, d, "A", s, s, 0, v, 1, u, f, "L", e.centerX, e.centerY, "L", c, d].join(" ")
-                                        : ["M", c, d, "A", s, s, 0, v, 1, u, f].join(" ");
-                                },
-                            },
-                            {
-                                key: "renderInnerDataLabels",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = new m(this.ctx),
-                                        s = a.group({ class: "apexcharts-datalabels-group", transform: "translate(".concat(e.translateX ? e.translateX : 0, ", ").concat(e.translateY ? e.translateY : 0, ")") }),
-                                        n = t.total.show;
-                                    s.node.style.opacity = e.opacity;
-                                    var r,
-                                        o,
-                                        l = e.centerX,
-                                        h = e.centerY;
-                                    (r = void 0 === t.name.color ? i.globals.colors[0] : t.name.color), (o = void 0 === t.value.color ? i.config.chart.foreColor : t.value.color);
-                                    var c = t.value.formatter,
-                                        d = "",
-                                        u = "";
-                                    if ((n ? ((r = t.total.color), (u = t.total.label), (d = t.total.formatter(i))) : 1 === i.globals.series.length && ((d = c(i.globals.series[0], i)), (u = i.globals.seriesNames[0])), t.name.show)) {
-                                        var f = a.drawText({ x: l, y: h + parseInt(t.name.offsetY), text: u, textAnchor: "middle", foreColor: r, fontSize: t.name.fontSize, fontFamily: t.name.fontFamily });
-                                        f.node.classList.add("apexcharts-datalabel-label"), s.add(f);
-                                    }
-                                    if (t.value.show) {
-                                        var g = t.name.show ? parseInt(t.value.offsetY) + 16 : t.value.offsetY,
-                                            p = a.drawText({ x: l, y: h + g, text: d, textAnchor: "middle", foreColor: o, fontSize: t.value.fontSize, fontFamily: t.value.fontFamily });
-                                        p.node.classList.add("apexcharts-datalabel-value"), s.add(p);
-                                    }
-                                    return s;
-                                },
-                            },
-                            {
-                                key: "printInnerLabels",
-                                value: function (t, e, i, a) {
-                                    var s,
-                                        n = this.w;
-                                    a ? (s = void 0 === t.name.color ? n.globals.colors[parseInt(a.parentNode.getAttribute("rel")) - 1] : t.name.color) : n.globals.series.length > 1 && t.total.show && (s = t.total.color);
-                                    var r = n.globals.dom.baseEl.querySelector(".apexcharts-datalabel-label"),
-                                        o = n.globals.dom.baseEl.querySelector(".apexcharts-datalabel-value");
-                                    (i = (0, t.value.formatter)(i, n)),
-                                        a || "function" != typeof t.total.formatter || (i = t.total.formatter(n)),
-                                        null !== r && (r.textContent = e),
-                                        null !== o && (o.textContent = i),
-                                        null !== r && (r.style.fill = s);
-                                },
-                            },
-                            {
-                                key: "printDataLabelsInner",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = t.getAttribute("data:value"),
-                                        s = i.globals.seriesNames[parseInt(t.parentNode.getAttribute("rel")) - 1];
-                                    i.globals.series.length > 1 && this.printInnerLabels(e, s, a, t);
-                                    var n = i.globals.dom.baseEl.querySelector(".apexcharts-datalabels-group");
-                                    null !== n && (n.style.opacity = 1);
-                                },
-                            },
-                            {
-                                key: "revertDataLabelsInner",
-                                value: function (e, i, a) {
-                                    var s = this.w,
-                                        n = s.globals.dom.baseEl.querySelector(".apexcharts-datalabels-group");
-                                    if (i.total.show && s.globals.series.length > 1) {
-                                        new t(this.ctx).printInnerLabels(i, i.total.label, i.total.formatter(s));
-                                    } else {
-                                        var r = document.querySelectorAll(".apexcharts-pie-area"),
-                                            o = !1;
-                                        if (
-                                            (Array.prototype.forEach.call(r, function (t) {
-                                                "true" === t.getAttribute("data:pieClicked") && ((o = !0), this.printDataLabelsInner(t, i));
-                                            }),
-                                            !o)
-                                        )
-                                            if (s.globals.selectedDataPoints.length && s.globals.series.length > 1)
-                                                if (s.globals.selectedDataPoints[0].length > 0) {
-                                                    var l = s.globals.selectedDataPoints[0],
-                                                        h = s.globals.dom.baseEl.querySelector("#apexcharts-".concat(s.config.chart.type.toLowerCase(), "-slice-").concat(l));
-                                                    this.printDataLabelsInner(h, i);
-                                                } else n && s.globals.selectedDataPoints.length && 0 === s.globals.selectedDataPoints[0].length && (n.style.opacity = 0);
-                                            else n && s.globals.series.length > 1 && (n.style.opacity = 0);
-                                    }
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                D = (function () {
-                    function t(e) {
-                        n(this, t),
-                            (this.ctx = e),
-                            (this.w = e.w),
-                            (this.chartType = this.w.config.chart.type),
-                            (this.initialAnim = this.w.config.chart.animations.enabled),
-                            (this.dynamicAnim = this.initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled),
-                            (this.animDur = 0);
-                        var i = this.w;
-                        (this.graphics = new m(this.ctx)),
-                            (this.lineColorArr = void 0 !== i.globals.stroke.colors ? i.globals.stroke.colors : i.globals.colors),
-                            (this.defaultSize = i.globals.svgHeight < i.globals.svgWidth ? i.globals.svgHeight - 35 : i.globals.gridWidth),
-                            (this.maxValue = this.w.globals.maxY),
-                            (this.polygons = i.config.plotOptions.radar.polygons),
-                            (this.maxLabelWidth = 20);
-                        var a = i.globals.labels.slice().sort(function (t, e) {
-                                return e.length - t.length;
-                            })[0],
-                            s = this.graphics.getTextRects(a, i.config.dataLabels.style.fontSize);
-                        (this.size = this.defaultSize / 2.1 - i.config.stroke.width - i.config.chart.dropShadow.blur - s.width / 1.75),
-                            void 0 !== i.config.plotOptions.radar.size && (this.size = i.config.plotOptions.radar.size),
-                            (this.dataRadiusOfPercent = []),
-                            (this.dataRadius = []),
-                            (this.angleArr = []),
-                            (this.yaxisLabelsTextsPos = []);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "draw",
-                                value: function (t) {
-                                    var e = this,
-                                        i = this.w,
-                                        a = new P(this.ctx),
-                                        s = [];
-                                    (this.dataPointsLen = t[i.globals.maxValsInArrayIndex].length), (this.disAngle = (2 * Math.PI) / this.dataPointsLen);
-                                    var n = i.globals.gridWidth / 2,
-                                        r = i.globals.gridHeight / 2,
-                                        o = this.graphics.group({ class: "apexcharts-radar-series", "data:innerTranslateX": n, "data:innerTranslateY": r - 25, transform: "translate(".concat(n || 0, ", ").concat(r || 0, ")") }),
-                                        l = [],
-                                        c = null;
-                                    if (
-                                        ((this.yaxisLabels = this.graphics.group({ class: "apexcharts-yaxis" })),
-                                        t.forEach(function (t, n) {
-                                            var r = e.graphics.group().attr({ class: "apexcharts-series", seriesName: p.escapeString(i.globals.seriesNames[n]), rel: n + 1, "data:realIndex": n });
-                                            (e.dataRadiusOfPercent[n] = []),
-                                                (e.dataRadius[n] = []),
-                                                (e.angleArr[n] = []),
-                                                t.forEach(function (t, i) {
-                                                    (e.dataRadiusOfPercent[n][i] = t / e.maxValue), (e.dataRadius[n][i] = e.dataRadiusOfPercent[n][i] * e.size), (e.angleArr[n][i] = i * e.disAngle);
-                                                }),
-                                                (l = e.getDataPointsPos(e.dataRadius[n], e.angleArr[n]));
-                                            var o = e.createPaths(l, { x: 0, y: 0 });
-                                            (c = e.graphics.group({ class: "apexcharts-series-markers-wrap hidden" })), i.globals.delayedElements.push({ el: c.node, index: n });
-                                            var d = {
-                                                    i: n,
-                                                    realIndex: n,
-                                                    animationDelay: n,
-                                                    initialSpeed: i.config.chart.animations.speed,
-                                                    dataChangeSpeed: i.config.chart.animations.dynamicAnimation.speed,
-                                                    className: "apexcharts-radar",
-                                                    id: "apexcharts-radar",
-                                                    shouldClipToGrid: !1,
-                                                    bindEventsOnPaths: !1,
-                                                    stroke: i.globals.stroke.colors[n],
-                                                    strokeLineCap: i.config.stroke.lineCap,
-                                                },
-                                                u = null;
-                                            i.globals.previousPaths.length > 0 && (u = e.getPathFrom(n));
-                                            for (var f = 0; f < o.linePathsTo.length; f++) {
-                                                var g = e.graphics.renderPaths(
-                                                    h({}, d, {
-                                                        pathFrom: null === u ? o.linePathsFrom[f] : u,
-                                                        pathTo: o.linePathsTo[f],
-                                                        strokeWidth: Array.isArray(i.config.stroke.width) ? i.config.stroke.width[n] : i.config.stroke.width,
-                                                        fill: "none",
-                                                        drawShadow: !1,
-                                                    })
-                                                );
-                                                r.add(g);
-                                                var v = a.fillPath({ seriesNumber: n }),
-                                                    m = e.graphics.renderPaths(h({}, d, { pathFrom: null === u ? o.areaPathsFrom[f] : u, pathTo: o.areaPathsTo[f], strokeWidth: 0, fill: v, drawShadow: !1 }));
-                                                if (i.config.chart.dropShadow.enabled) {
-                                                    var b = new x(e.ctx),
-                                                        y = i.config.chart.dropShadow;
-                                                    b.dropShadow(m, Object.assign({}, y, { noUserSpaceOnUse: !0 }), n);
-                                                }
-                                                r.add(m);
-                                            }
-                                            t.forEach(function (t, i) {
-                                                var a = new T(e.ctx).getMarkerConfig("apexcharts-marker", n),
-                                                    s = e.graphics.drawMarker(l[i].x, l[i].y, a);
-                                                s.attr("rel", i), s.attr("j", i), s.attr("index", n), s.node.setAttribute("default-marker-size", a.pSize);
-                                                var o = e.graphics.group({ class: "apexcharts-series-markers" });
-                                                o && o.add(s), c.add(o), r.add(c);
-                                            }),
-                                                s.push(r);
-                                        }),
-                                        this.drawPolygons({ parent: o }),
-                                        i.config.dataLabels.enabled)
-                                    ) {
-                                        var d = this.drawLabels();
-                                        o.add(d);
-                                    }
-                                    return (
-                                        o.add(this.yaxisLabels),
-                                        s.forEach(function (t) {
-                                            o.add(t);
-                                        }),
-                                        o
-                                    );
-                                },
-                            },
-                            {
-                                key: "drawPolygons",
-                                value: function (t) {
-                                    for (var e = this, i = this.w, a = t.parent, s = i.globals.yAxisScale[0].result.reverse(), n = s.length, r = [], o = this.size / (n - 1), l = 0; l < n; l++) r[l] = o * l;
-                                    r.reverse();
-                                    var h = [],
-                                        c = [];
-                                    r.forEach(function (t, i) {
-                                        var a = e.getPolygonPos(t),
-                                            s = "";
-                                        a.forEach(function (t, a) {
-                                            if (0 === i) {
-                                                var n = e.graphics.drawLine(t.x, t.y, 0, 0, Array.isArray(e.polygons.connectorColors) ? e.polygons.connectorColors[a] : e.polygons.connectorColors);
-                                                c.push(n);
-                                            }
-                                            0 === a && e.yaxisLabelsTextsPos.push({ x: t.x, y: t.y }), (s += t.x + "," + t.y + " ");
-                                        }),
-                                            h.push(s);
-                                    }),
-                                        h.forEach(function (t, s) {
-                                            var n = e.polygons.strokeColors,
-                                                r = e.graphics.drawPolygon(t, Array.isArray(n) ? n[s] : n, i.globals.radarPolygons.fill.colors[s]);
-                                            a.add(r);
-                                        }),
-                                        c.forEach(function (t) {
-                                            a.add(t);
-                                        }),
-                                        i.config.yaxis[0].show &&
-                                            this.yaxisLabelsTextsPos.forEach(function (t, i) {
-                                                var a = e.drawYAxisText(t.x, t.y, i, s[i]);
-                                                e.yaxisLabels.add(a);
-                                            });
-                                },
-                            },
-                            {
-                                key: "drawYAxisText",
-                                value: function (t, e, i, a) {
-                                    var s = this.w,
-                                        n = s.config.yaxis[0],
-                                        r = s.globals.yLabelFormatters[0];
-                                    return this.graphics.drawText({
-                                        x: t + n.labels.offsetX,
-                                        y: e + n.labels.offsetY,
-                                        text: r(a, i),
-                                        textAnchor: "middle",
-                                        fontSize: n.labels.style.fontSize,
-                                        fontFamily: n.labels.style.fontFamily,
-                                        foreColor: n.labels.style.color,
-                                    });
-                                },
-                            },
-                            {
-                                key: "drawLabels",
-                                value: function () {
-                                    var t = this,
-                                        e = this.w,
-                                        i = "middle",
-                                        a = e.config.dataLabels,
-                                        s = this.graphics.group({ class: "apexcharts-datalabels" }),
-                                        n = this.getPolygonPos(this.size),
-                                        r = 0,
-                                        o = 0;
-                                    return (
-                                        e.globals.labels.forEach(function (l, h) {
-                                            var c = a.formatter,
-                                                d = new z(t.ctx);
-                                            if (n[h]) {
-                                                (r = n[h].x),
-                                                    (o = n[h].y),
-                                                    Math.abs(n[h].x) >= 10 ? (n[h].x > 0 ? ((i = "start"), (r += 10)) : n[h].x < 0 && ((i = "end"), (r -= 10))) : (i = "middle"),
-                                                    Math.abs(n[h].y) >= t.size - 10 && (n[h].y < 0 ? (o -= 10) : n[h].y > 0 && (o += 10));
-                                                var u = c(l, { seriesIndex: -1, dataPointIndex: h, w: e });
-                                                d.plotDataLabelsText({ x: r, y: o, text: u, textAnchor: i, i: h, j: h, parent: s, dataLabelsConfig: a, offsetCorrection: !1 });
-                                            }
-                                        }),
-                                        s
-                                    );
-                                },
-                            },
-                            {
-                                key: "createPaths",
-                                value: function (t, e) {
-                                    var i = this,
-                                        a = [],
-                                        s = [],
-                                        n = [],
-                                        r = [];
-                                    if (t.length) {
-                                        (s = [this.graphics.move(e.x, e.y)]), (r = [this.graphics.move(e.x, e.y)]);
-                                        var o = this.graphics.move(t[0].x, t[0].y),
-                                            l = this.graphics.move(t[0].x, t[0].y);
-                                        t.forEach(function (e, a) {
-                                            (o += i.graphics.line(e.x, e.y)), (l += i.graphics.line(e.x, e.y)), a === t.length - 1 && ((o += "Z"), (l += "Z"));
-                                        }),
-                                            a.push(o),
-                                            n.push(l);
-                                    }
-                                    return { linePathsFrom: s, linePathsTo: a, areaPathsFrom: r, areaPathsTo: n };
-                                },
-                            },
-                            {
-                                key: "getPathFrom",
-                                value: function (t) {
-                                    for (var e = this.w, i = null, a = 0; a < e.globals.previousPaths.length; a++) {
-                                        var s = e.globals.previousPaths[a];
-                                        s.paths.length > 0 && parseInt(s.realIndex) === parseInt(t) && void 0 !== e.globals.previousPaths[a].paths[0] && (i = e.globals.previousPaths[a].paths[0].d);
-                                    }
-                                    return i;
-                                },
-                            },
-                            {
-                                key: "getDataPointsPos",
-                                value: function (t, e) {
-                                    var i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : this.dataPointsLen;
-                                    (t = t || []), (e = e || []);
-                                    for (var a = [], s = 0; s < i; s++) {
-                                        var n = {};
-                                        (n.x = t[s] * Math.sin(e[s])), (n.y = -t[s] * Math.cos(e[s])), a.push(n);
-                                    }
-                                    return a;
-                                },
-                            },
-                            {
-                                key: "getPolygonPos",
-                                value: function (t) {
-                                    for (var e = [], i = (2 * Math.PI) / this.dataPointsLen, a = 0; a < this.dataPointsLen; a++) {
-                                        var s = {};
-                                        (s.x = t * Math.sin(a * i)), (s.y = -t * Math.cos(a * i)), e.push(s);
-                                    }
-                                    return e;
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                N = (function (t) {
-                    function e(t) {
-                        var i;
-                        n(this, e), ((i = f(this, d(e).call(this, t))).ctx = t), (i.w = t.w), (i.animBeginArr = [0]), (i.animDur = 0);
-                        var a = i.w;
-                        return (
-                            (i.startAngle = a.config.plotOptions.radialBar.startAngle),
-                            (i.endAngle = a.config.plotOptions.radialBar.endAngle),
-                            (i.trackStartAngle = a.config.plotOptions.radialBar.track.startAngle),
-                            (i.trackEndAngle = a.config.plotOptions.radialBar.track.endAngle),
-                            (i.radialDataLabels = a.config.plotOptions.radialBar.dataLabels),
-                            i.trackStartAngle || (i.trackStartAngle = i.startAngle),
-                            i.trackEndAngle || (i.trackEndAngle = i.endAngle),
-                            360 === i.endAngle && (i.endAngle = 359.99),
-                            (i.fullAngle = 360 - a.config.plotOptions.radialBar.endAngle - a.config.plotOptions.radialBar.startAngle),
-                            (i.margin = parseInt(a.config.plotOptions.radialBar.track.margin)),
-                            i
-                        );
-                    }
-                    return (
-                        c(e, R),
-                        o(e, [
-                            {
-                                key: "draw",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = new m(this.ctx),
-                                        a = i.group({ class: "apexcharts-radialbar" });
-                                    if (e.globals.noData) return a;
-                                    var s = i.group(),
-                                        n = this.defaultSize / 2,
-                                        r = e.globals.gridWidth / 2,
-                                        o = this.defaultSize / 2.05 - e.config.stroke.width - e.config.chart.dropShadow.blur;
-                                    void 0 !== e.config.plotOptions.radialBar.size && (o = e.config.plotOptions.radialBar.size);
-                                    var l = e.globals.fill.colors;
-                                    if (e.config.plotOptions.radialBar.track.show) {
-                                        var h = this.drawTracks({ size: o, centerX: r, centerY: n, colorArr: l, series: t });
-                                        s.add(h);
-                                    }
-                                    var c = this.drawArcs({ size: o, centerX: r, centerY: n, colorArr: l, series: t }),
-                                        d = 360;
-                                    return (
-                                        e.config.plotOptions.radialBar.startAngle < 0 && (d = Math.abs(e.config.plotOptions.radialBar.endAngle - e.config.plotOptions.radialBar.startAngle)),
-                                        (e.globals.radialSize = o - o / (360 / (360 - d)) + 10),
-                                        s.add(c.g),
-                                        "front" === e.config.plotOptions.radialBar.hollow.position && (c.g.add(c.elHollow), c.dataLabels && c.g.add(c.dataLabels)),
-                                        a.add(s),
-                                        a
-                                    );
-                                },
-                            },
-                            {
-                                key: "drawTracks",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = new m(this.ctx),
-                                        a = i.group({ class: "apexcharts-tracks" }),
-                                        s = new x(this.ctx),
-                                        n = new P(this.ctx),
-                                        r = this.getStrokeWidth(t);
-                                    t.size = t.size - r / 2;
-                                    for (var o = 0; o < t.series.length; o++) {
-                                        var l = i.group({ class: "apexcharts-radialbar-track apexcharts-track" });
-                                        a.add(l), l.attr({ id: "apexcharts-track-" + o, rel: o + 1 }), (t.size = t.size - r - this.margin);
-                                        var h = e.config.plotOptions.radialBar.track,
-                                            c = n.fillPath({ seriesNumber: 0, size: t.size, fillColors: Array.isArray(h.background) ? h.background[o] : h.background, solid: !0 }),
-                                            d = this.trackStartAngle,
-                                            u = this.trackEndAngle;
-                                        Math.abs(u) + Math.abs(d) >= 360 && (u = 360 - Math.abs(this.startAngle) - 0.1);
-                                        var f = i.drawPath({ d: "", stroke: c, strokeWidth: (r * parseInt(h.strokeWidth)) / 100, fill: "none", strokeOpacity: h.opacity, classes: "apexcharts-radialbar-area" });
-                                        if (h.dropShadow.enabled) {
-                                            var g = h.dropShadow;
-                                            s.dropShadow(f, g);
-                                        }
-                                        l.add(f),
-                                            f.attr("id", "apexcharts-radialbarTrack-" + o),
-                                            this.animatePaths(f, { centerX: t.centerX, centerY: t.centerY, endAngle: u, startAngle: d, size: t.size, i: o, totalItems: 2, animBeginArr: 0, dur: 0, isTrack: !0, easing: e.globals.easing });
-                                    }
-                                    return a;
-                                },
-                            },
-                            {
-                                key: "drawArcs",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = new m(this.ctx),
-                                        a = new P(this.ctx),
-                                        s = new x(this.ctx),
-                                        n = i.group(),
-                                        r = this.getStrokeWidth(t);
-                                    t.size = t.size - r / 2;
-                                    var o = e.config.plotOptions.radialBar.hollow.background,
-                                        l = t.size - r * t.series.length - this.margin * t.series.length - (r * parseInt(e.config.plotOptions.radialBar.track.strokeWidth)) / 100 / 2,
-                                        h = l - e.config.plotOptions.radialBar.hollow.margin;
-                                    void 0 !== e.config.plotOptions.radialBar.hollow.image && (o = this.drawHollowImage(t, n, l, o));
-                                    var c = this.drawHollow({ size: h, centerX: t.centerX, centerY: t.centerY, fill: o });
-                                    if (e.config.plotOptions.radialBar.hollow.dropShadow.enabled) {
-                                        var d = e.config.plotOptions.radialBar.hollow.dropShadow;
-                                        s.dropShadow(c, d);
-                                    }
-                                    var u = 1;
-                                    !this.radialDataLabels.total.show && e.globals.series.length > 1 && (u = 0);
-                                    var f = null;
-                                    this.radialDataLabels.show && (f = this.renderInnerDataLabels(this.radialDataLabels, { hollowSize: l, centerX: t.centerX, centerY: t.centerY, opacity: u })),
-                                        "back" === e.config.plotOptions.radialBar.hollow.position && (n.add(c), f && n.add(f));
-                                    var g = !1;
-                                    e.config.plotOptions.radialBar.inverseOrder && (g = !0);
-                                    for (var v = g ? t.series.length - 1 : 0; g ? v >= 0 : v < t.series.length; g ? v-- : v++) {
-                                        var b = i.group({ class: "apexcharts-series apexcharts-radial-series", seriesName: p.escapeString(e.globals.seriesNames[v]) });
-                                        n.add(b), b.attr({ id: "apexcharts-series-" + v, rel: v + 1, "data:realIndex": v }), this.ctx.series.addCollapsedClassToSeries(b, v), (t.size = t.size - r - this.margin);
-                                        var y = a.fillPath({ seriesNumber: v, size: t.size, value: t.series[v] }),
-                                            w = this.startAngle,
-                                            k = void 0,
-                                            S = Math.abs(e.config.plotOptions.radialBar.endAngle - e.config.plotOptions.radialBar.startAngle),
-                                            A = p.negToZero(t.series[v] > 100 ? 100 : t.series[v]) / 100,
-                                            C = Math.round(S * A) + this.startAngle,
-                                            L = void 0;
-                                        e.globals.dataChanged && ((k = this.startAngle), (L = Math.round((S * p.negToZero(e.globals.previousPaths[v])) / 100) + k)),
-                                            Math.abs(C) + Math.abs(w) >= 360 && (C -= 0.01),
-                                            Math.abs(L) + Math.abs(k) >= 360 && (L -= 0.01);
-                                        var E = C - w,
-                                            T = Array.isArray(e.config.stroke.dashArray) ? e.config.stroke.dashArray[v] : e.config.stroke.dashArray,
-                                            M = i.drawPath({ d: "", stroke: y, strokeWidth: r, fill: "none", fillOpacity: e.config.fill.opacity, classes: "apexcharts-radialbar-area", strokeDashArray: T });
-                                        if ((m.setAttrs(M.node, { "data:angle": E, "data:value": t.series[v] }), e.config.chart.dropShadow.enabled)) {
-                                            var z = e.config.chart.dropShadow;
-                                            s.dropShadow(M, z, v);
-                                        }
-                                        this.addListeners(M, this.radialDataLabels), b.add(M), M.attr({ id: "apexcharts-radialbar-slice-" + v, index: 0, j: v });
-                                        var I = 0;
-                                        !this.initialAnim ||
-                                            e.globals.resized ||
-                                            e.globals.dataChanged ||
-                                            ((I = ((C - w) / 360) * e.config.chart.animations.speed), (this.animDur = I / (1.2 * t.series.length) + this.animDur), this.animBeginArr.push(this.animDur)),
-                                            e.globals.dataChanged &&
-                                                ((I = ((C - w) / 360) * e.config.chart.animations.dynamicAnimation.speed), (this.animDur = I / (1.2 * t.series.length) + this.animDur), this.animBeginArr.push(this.animDur)),
-                                            this.animatePaths(M, {
-                                                centerX: t.centerX,
-                                                centerY: t.centerY,
-                                                endAngle: C,
-                                                startAngle: w,
-                                                prevEndAngle: L,
-                                                prevStartAngle: k,
-                                                size: t.size,
-                                                i: v,
-                                                totalItems: 2,
-                                                animBeginArr: this.animBeginArr,
-                                                dur: I,
-                                                shouldSetPrevPaths: !0,
-                                                easing: e.globals.easing,
-                                            });
-                                    }
-                                    return { g: n, elHollow: c, dataLabels: f };
-                                },
-                            },
-                            {
-                                key: "drawHollow",
-                                value: function (t) {
-                                    var e = new m(this.ctx).drawCircle(2 * t.size);
-                                    return e.attr({ class: "apexcharts-radialbar-hollow", cx: t.centerX, cy: t.centerY, r: t.size, fill: t.fill }), e;
-                                },
-                            },
-                            {
-                                key: "drawHollowImage",
-                                value: function (t, e, i, a) {
-                                    var s = this.w,
-                                        n = new P(this.ctx),
-                                        r = (Math.random() + 1).toString(36).substring(4),
-                                        o = s.config.plotOptions.radialBar.hollow.image;
-                                    if (s.config.plotOptions.radialBar.hollow.imageClipped)
-                                        n.clippedImgArea({ width: i, height: i, image: o, patternID: "pattern".concat(s.globals.cuid).concat(r) }), (a = "url(#pattern".concat(s.globals.cuid).concat(r, ")"));
-                                    else {
-                                        var l = s.config.plotOptions.radialBar.hollow.imageWidth,
-                                            h = s.config.plotOptions.radialBar.hollow.imageHeight;
-                                        if (void 0 === l && void 0 === h) {
-                                            var c = s.globals.dom.Paper.image(o).loaded(function (e) {
-                                                this.move(t.centerX - e.width / 2 + s.config.plotOptions.radialBar.hollow.imageOffsetX, t.centerY - e.height / 2 + s.config.plotOptions.radialBar.hollow.imageOffsetY);
-                                            });
-                                            e.add(c);
-                                        } else {
-                                            var d = s.globals.dom.Paper.image(o).loaded(function (e) {
-                                                this.move(t.centerX - l / 2 + s.config.plotOptions.radialBar.hollow.imageOffsetX, t.centerY - h / 2 + s.config.plotOptions.radialBar.hollow.imageOffsetY), this.size(l, h);
-                                            });
-                                            e.add(d);
-                                        }
-                                    }
-                                    return a;
-                                },
-                            },
-                            {
-                                key: "getStrokeWidth",
-                                value: function (t) {
-                                    var e = this.w;
-                                    return (t.size * (100 - parseInt(e.config.plotOptions.radialBar.hollow.size))) / 100 / (t.series.length + 1) - this.margin;
-                                },
-                            },
-                        ]),
-                        e
-                    );
-                })(),
-                H = (function (t) {
-                    function e() {
-                        return n(this, e), f(this, d(e).apply(this, arguments));
-                    }
-                    return (
-                        c(e, I),
-                        o(e, [
-                            {
-                                key: "draw",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = new m(this.ctx),
-                                        s = new P(this.ctx);
-                                    (this.rangeBarOptions = this.w.config.plotOptions.rangeBar),
-                                        (this.series = t),
-                                        (this.seriesRangeStart = i.globals.seriesRangeStart),
-                                        (this.seriesRangeEnd = i.globals.seriesRangeEnd),
-                                        this.initVariables(t);
-                                    for (var n = a.group({ class: "apexcharts-rangebar-series apexcharts-plot-series" }), r = 0, o = 0; r < t.length; r++, o++) {
-                                        var l,
-                                            h,
-                                            c,
-                                            d,
-                                            u = void 0,
-                                            f = void 0,
-                                            g = void 0,
-                                            x = void 0,
-                                            v = [],
-                                            b = [],
-                                            y = i.globals.comboCharts ? e[r] : r,
-                                            w = a.group({ class: "apexcharts-series", seriesName: p.escapeString(i.globals.seriesNames[y]), rel: r + 1, "data:realIndex": y });
-                                        t[r].length > 0 && (this.visibleI = this.visibleI + 1);
-                                        var k = 0,
-                                            S = 0,
-                                            A = 0;
-                                        this.yRatio.length > 1 && (this.yaxisIndex = y);
-                                        var C = this.initialPositions();
-                                        (x = C.y), (h = C.yDivision), (S = C.barHeight), (d = C.zeroW), (g = C.x), (A = C.barWidth), (l = C.xDivision), (c = C.zeroH), b.push(g + A / 2);
-                                        for (var L = a.group({ class: "apexcharts-datalabels" }), E = 0, T = i.globals.dataPoints; E < i.globals.dataPoints; E++, T--) {
-                                            void 0 === this.series[r][E] || null === t[r][E] ? (this.isNullValue = !0) : (this.isNullValue = !1),
-                                                i.config.stroke.show && (k = this.isNullValue ? 0 : Array.isArray(this.strokeWidth) ? this.strokeWidth[y] : this.strokeWidth);
-                                            var M = null;
-                                            this.isHorizontal
-                                                ? (A = (M = this.drawRangeBarPaths({ indexes: { i: r, j: E, realIndex: y, bc: o }, barHeight: S, strokeWidth: k, pathTo: u, pathFrom: f, zeroW: d, x: g, y: x, yDivision: h, elSeries: w }))
-                                                      .barWidth)
-                                                : (S = (M = this.drawRangeColumnPaths({ indexes: { i: r, j: E, realIndex: y, bc: o }, x: g, y: x, xDivision: l, pathTo: u, pathFrom: f, barWidth: A, zeroH: c, strokeWidth: k, elSeries: w }))
-                                                      .barHeight),
-                                                (u = M.pathTo),
-                                                (f = M.pathFrom),
-                                                (x = M.y),
-                                                (g = M.x),
-                                                E > 0 && b.push(g + A / 2),
-                                                v.push(x);
-                                            var z = s.fillPath({ seriesNumber: y }),
-                                                I = i.globals.stroke.colors[y];
-                                            w = this.renderSeries({
-                                                realIndex: y,
-                                                pathFill: z,
-                                                lineFill: I,
-                                                j: E,
-                                                i: r,
-                                                pathFrom: f,
-                                                pathTo: u,
-                                                strokeWidth: k,
-                                                elSeries: w,
-                                                x: g,
-                                                y: x,
-                                                series: t,
-                                                barHeight: S,
-                                                barWidth: A,
-                                                elDataLabelsWrap: L,
-                                                visibleSeries: this.visibleI,
-                                                type: "rangebar",
-                                            });
-                                        }
-                                        (i.globals.seriesXvalues[y] = b), (i.globals.seriesYvalues[y] = v), n.add(w);
-                                    }
-                                    return n;
-                                },
-                            },
-                            {
-                                key: "drawRangeColumnPaths",
-                                value: function (t) {
-                                    var e = t.indexes,
-                                        i = t.x,
-                                        a = (t.y, t.strokeWidth),
-                                        s = t.xDivision,
-                                        n = t.pathTo,
-                                        r = t.pathFrom,
-                                        o = t.barWidth,
-                                        l = t.zeroH,
-                                        h = this.w,
-                                        c = new m(this.ctx),
-                                        d = e.i,
-                                        u = e.j,
-                                        f = this.yRatio[this.yaxisIndex],
-                                        g = e.realIndex,
-                                        p = this.getRangeValue(g, u),
-                                        x = Math.min(p.start, p.end),
-                                        v = Math.max(p.start, p.end);
-                                    h.globals.isXNumeric && (i = (h.globals.seriesX[d][u] - h.globals.minX) / this.xRatio - o / 2);
-                                    var b = i + o * this.visibleI;
-                                    void 0 === this.series[d][u] || null === this.series[d][u] ? (x = l) : ((x = l - x / f), (v = l - v / f));
-                                    var y = Math.abs(v - x);
-                                    return (
-                                        c.move(b, l),
-                                        (r = c.move(b, x)),
-                                        h.globals.previousPaths.length > 0 && (r = this.getPathFrom(g, u, !0)),
-                                        (n = c.move(b, v) + c.line(b + o, v) + c.line(b + o, x) + c.line(b, x) + c.line(b, v - a / 2)),
-                                        (r = r + c.move(b, x) + c.line(b + o, x) + c.line(b + o, x) + c.line(b, x)),
-                                        h.globals.isXNumeric || (i += s),
-                                        { pathTo: n, pathFrom: r, barHeight: y, x: i, y: v, barXPosition: b }
-                                    );
-                                },
-                            },
-                            {
-                                key: "drawRangeBarPaths",
-                                value: function (t) {
-                                    var e = t.indexes,
-                                        i = (t.x, t.y),
-                                        a = t.yDivision,
-                                        s = t.pathTo,
-                                        n = t.pathFrom,
-                                        r = t.barHeight,
-                                        o = t.zeroW,
-                                        l = this.w,
-                                        h = new m(this.ctx),
-                                        c = e.i,
-                                        d = e.j,
-                                        u = e.realIndex,
-                                        f = o,
-                                        g = o;
-                                    l.globals.isXNumeric && (i = (l.globals.seriesX[c][d] - l.globals.minX) / this.invertedXRatio - r);
-                                    var p = i + r * this.visibleI;
-                                    void 0 !== this.series[c][d] && null !== this.series[c][d] && ((f = o + this.seriesRangeStart[c][d] / this.invertedYRatio), (g = o + this.seriesRangeEnd[c][d] / this.invertedYRatio)),
-                                        h.move(o, p),
-                                        (n = h.move(o, p)),
-                                        l.globals.previousPaths.length > 0 && (n = this.getPathFrom(u, d));
-                                    var x = Math.abs(g - f);
-                                    return (
-                                        (s = h.move(f, p) + h.line(g, p) + h.line(g, p + r) + h.line(f, p + r) + h.line(f, p)),
-                                        (n = n + h.line(f, p) + h.line(f, p + r) + h.line(f, p + r) + h.line(f, p)),
-                                        l.globals.isXNumeric || (i += a),
-                                        { pathTo: s, pathFrom: n, barWidth: x, x: g, y: i, barYPosition: p }
-                                    );
-                                },
-                            },
-                            {
-                                key: "getRangeValue",
-                                value: function (t, e) {
-                                    var i = this.w;
-                                    return { start: i.globals.seriesRangeStart[t][e], end: i.globals.seriesRangeEnd[t][e] };
-                                },
-                            },
-                        ]),
-                        e
-                    );
-                })(),
-                _ = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w), (this.tooltipKeyFormat = "dd MMM");
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "xLabelFormat",
-                                value: function (t, e) {
-                                    var i = this.w;
-                                    if ("datetime" === i.config.xaxis.type && void 0 === i.config.tooltip.x.formatter) return new k(this.ctx).formatDate(new Date(e), i.config.tooltip.x.format, !0, !0);
-                                    return t(e);
-                                },
-                            },
-                            {
-                                key: "setLabelFormatters",
-                                value: function () {
-                                    var t = this.w;
-                                    return (
-                                        (t.globals.xLabelFormatter = function (t) {
-                                            return t;
-                                        }),
-                                        (t.globals.xaxisTooltipFormatter = function (t) {
-                                            return t;
-                                        }),
-                                        (t.globals.ttKeyFormatter = function (t) {
-                                            return t;
-                                        }),
-                                        (t.globals.ttZFormatter = function (t) {
-                                            return t;
-                                        }),
-                                        (t.globals.legendFormatter = function (t) {
-                                            return t;
-                                        }),
-                                        "function" == typeof t.config.tooltip.x.formatter && (t.globals.ttKeyFormatter = t.config.tooltip.x.formatter),
-                                        "function" == typeof t.config.xaxis.tooltip.formatter && (t.globals.xaxisTooltipFormatter = t.config.xaxis.tooltip.formatter),
-                                        Array.isArray(t.config.tooltip.y) ? (t.globals.ttVal = t.config.tooltip.y) : void 0 !== t.config.tooltip.y.formatter && (t.globals.ttVal = t.config.tooltip.y),
-                                        void 0 !== t.config.tooltip.z.formatter && (t.globals.ttZFormatter = t.config.tooltip.z.formatter),
-                                        void 0 !== t.config.legend.formatter && (t.globals.legendFormatter = t.config.legend.formatter),
-                                        void 0 !== t.config.xaxis.labels.formatter
-                                            ? (t.globals.xLabelFormatter = t.config.xaxis.labels.formatter)
-                                            : (t.globals.xLabelFormatter = function (e) {
-                                                  return p.isNumber(e) ? ("numeric" === t.config.xaxis.type && t.globals.dataPoints < 50 ? e.toFixed(1) : e.toFixed(0)) : e;
-                                              }),
-                                        t.config.yaxis.forEach(function (e, i) {
-                                            void 0 !== e.labels.formatter
-                                                ? (t.globals.yLabelFormatters[i] = e.labels.formatter)
-                                                : (t.globals.yLabelFormatters[i] = function (a) {
-                                                      return p.isNumber(a)
-                                                          ? 0 !== t.globals.yValueDecimal
-                                                              ? a.toFixed(void 0 !== e.decimalsInFloat ? e.decimalsInFloat : t.globals.yValueDecimal)
-                                                              : t.globals.maxYArr[i] - t.globals.minYArr[i] < 5
-                                                              ? a.toFixed(1)
-                                                              : a.toFixed(0)
-                                                          : a;
-                                                  });
-                                        }),
-                                        t.globals
-                                    );
-                                },
-                            },
-                            {
-                                key: "heatmapLabelFormatters",
-                                value: function () {
-                                    var t = this.w;
-                                    if ("heatmap" === t.config.chart.type) {
-                                        t.globals.yAxisScale[0].result = t.globals.seriesNames.slice();
-                                        var e = t.globals.seriesNames.reduce(function (t, e) {
-                                            return t.length > e.length ? t : e;
-                                        }, 0);
-                                        (t.globals.yAxisScale[0].niceMax = e), (t.globals.yAxisScale[0].niceMin = e);
-                                    }
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                W = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "getLabel",
-                                value: function (t, e, i, a) {
-                                    var s,
-                                        n = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : [],
-                                        r = this.w,
-                                        o = void 0 === t[a] ? "" : t[a],
-                                        l = r.globals.xLabelFormatter,
-                                        h = r.config.xaxis.labels.formatter;
-                                    return (
-                                        (s = new _(this.ctx).xLabelFormat(l, o)),
-                                        void 0 !== h && (s = h(o, t[a], a)),
-                                        e.length > 0 ? ((i = e[a].position), (s = e[a].value)) : "datetime" === r.config.xaxis.type && void 0 === h && (s = ""),
-                                        void 0 === s && (s = ""),
-                                        (0 === (s = s.toString()).indexOf("NaN") || 0 === s.toLowerCase().indexOf("invalid") || s.toLowerCase().indexOf("infinity") >= 0 || (n.indexOf(s) >= 0 && !r.config.xaxis.labels.showDuplicates)) &&
-                                            (s = ""),
-                                        { x: i, text: s }
-                                    );
-                                },
-                            },
-                            {
-                                key: "drawYAxisTicks",
-                                value: function (t, e, i, a, s, n, r) {
-                                    var o = this.w,
-                                        l = new m(this.ctx),
-                                        h = o.globals.translateY;
-                                    if (a.show) {
-                                        !0 === o.config.yaxis[s].opposite && (t += a.width);
-                                        for (var c = e; c >= 0; c--) {
-                                            var d = h + e / 10 + o.config.yaxis[s].labels.offsetY - 1;
-                                            o.globals.isBarHorizontal && (d = n * c);
-                                            var u = l.drawLine(t + i.offsetX - a.width + a.offsetX, d + a.offsetY, t + i.offsetX + a.offsetX, d + a.offsetY, i.color);
-                                            r.add(u), (h += n);
-                                        }
-                                    }
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                B = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                        var i = this.w;
-                        (this.xaxisFontSize = i.config.xaxis.labels.style.fontSize),
-                            (this.axisFontFamily = i.config.xaxis.labels.style.fontFamily),
-                            (this.xaxisForeColors = i.config.xaxis.labels.style.colors),
-                            (this.xAxisoffX = 0),
-                            "bottom" === i.config.xaxis.position && (this.xAxisoffX = i.globals.gridHeight),
-                            (this.drawnLabels = []),
-                            (this.axesUtils = new W(e));
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "drawYaxis",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = new m(this.ctx),
-                                        a = e.config.yaxis[t].labels.style.fontSize,
-                                        s = e.config.yaxis[t].labels.style.fontFamily,
-                                        n = i.group({ class: "apexcharts-yaxis", rel: t, transform: "translate(" + e.globals.translateYAxisX[t] + ", 0)" });
-                                    if (!e.config.yaxis[t].show) return n;
-                                    var r = i.group({ class: "apexcharts-yaxis-texts-g" });
-                                    n.add(r);
-                                    var o = e.globals.yAxisScale[t].result.length - 1,
-                                        l = e.globals.gridHeight / o + 0.1,
-                                        h = e.globals.translateY,
-                                        c = e.globals.yLabelFormatters[t],
-                                        d = e.globals.yAxisScale[t].result.slice();
-                                    if ((e.config.yaxis[t] && e.config.yaxis[t].reversed && d.reverse(), e.config.yaxis[t].labels.show))
-                                        for (var u = o; u >= 0; u--) {
-                                            var f = d[u];
-                                            f = c(f, u);
-                                            var g = e.config.yaxis[t].labels.padding;
-                                            e.config.yaxis[t].opposite && 0 !== e.config.yaxis.length && (g *= -1);
-                                            var p = i.drawText({
-                                                x: g,
-                                                y: h + o / 10 + e.config.yaxis[t].labels.offsetY + 1,
-                                                text: f,
-                                                textAnchor: e.config.yaxis[t].opposite ? "start" : "end",
-                                                fontSize: a,
-                                                fontFamily: s,
-                                                foreColor: e.config.yaxis[t].labels.style.color,
-                                                cssClass: "apexcharts-yaxis-label " + e.config.yaxis[t].labels.style.cssClass,
-                                            });
-                                            r.add(p);
-                                            var x = i.rotateAroundCenter(p.node);
-                                            0 !== e.config.yaxis[t].labels.rotate && p.node.setAttribute("transform", "rotate(".concat(e.config.yaxis[t].labels.rotate, " ").concat(x.x, " ").concat(x.y, ")")), (h += l);
-                                        }
-                                    if (void 0 !== e.config.yaxis[t].title.text) {
-                                        var v = i.group({ class: "apexcharts-yaxis-title" }),
-                                            b = 0;
-                                        e.config.yaxis[t].opposite && (b = e.globals.translateYAxisX[t]);
-                                        var y = i.drawText({
-                                            x: b,
-                                            y: e.globals.gridHeight / 2 + e.globals.translateY,
-                                            text: e.config.yaxis[t].title.text,
-                                            textAnchor: "end",
-                                            foreColor: e.config.yaxis[t].title.style.color,
-                                            fontSize: e.config.yaxis[t].title.style.fontSize,
-                                            fontFamily: e.config.yaxis[t].title.style.fontFamily,
-                                            cssClass: "apexcharts-yaxis-title-text " + e.config.yaxis[t].title.style.cssClass,
-                                        });
-                                        v.add(y), n.add(v);
-                                    }
-                                    var w = e.config.yaxis[t].axisBorder;
-                                    if (w.show) {
-                                        var k = 31 + w.offsetX;
-                                        e.config.yaxis[t].opposite && (k = -31 - w.offsetX);
-                                        var S = i.drawLine(k, e.globals.translateY + w.offsetY - 2, k, e.globals.gridHeight + e.globals.translateY + w.offsetY + 2, w.color);
-                                        n.add(S), this.axesUtils.drawYAxisTicks(k, o, w, e.config.yaxis[t].axisTicks, t, l, n);
-                                    }
-                                    return n;
-                                },
-                            },
-                            {
-                                key: "drawYaxisInversed",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = new m(this.ctx),
-                                        a = i.group({ class: "apexcharts-xaxis apexcharts-yaxis-inversed" }),
-                                        s = i.group({ class: "apexcharts-xaxis-texts-g", transform: "translate(".concat(e.globals.translateXAxisX, ", ").concat(e.globals.translateXAxisY, ")") });
-                                    a.add(s);
-                                    var n = e.globals.yAxisScale[t].result.length - 1,
-                                        r = e.globals.gridWidth / n + 0.1,
-                                        o = r + e.config.xaxis.labels.offsetX,
-                                        l = e.globals.xLabelFormatter,
-                                        h = e.globals.yAxisScale[t].result.slice(),
-                                        c = e.globals.invertedTimelineLabels;
-                                    c.length > 0 && ((this.xaxisLabels = c.slice()), (n = (h = c.slice()).length)), e.config.yaxis[t] && e.config.yaxis[t].reversed && h.reverse();
-                                    var d = c.length;
-                                    if (e.config.xaxis.labels.show)
-                                        for (var u = d ? 0 : n; d ? u < d - 1 : u >= 0; d ? u++ : u--) {
-                                            var f = h[u];
-                                            f = l(f, u);
-                                            var g = e.globals.gridWidth + e.globals.padHorizontal - (o - r + e.config.xaxis.labels.offsetX);
-                                            if (c.length) {
-                                                var p = this.axesUtils.getLabel(h, c, g, u, this.drawnLabels);
-                                                (g = p.x), (f = p.text), this.drawnLabels.push(p.text);
-                                            }
-                                            var x = i.drawText({
-                                                x: g,
-                                                y: this.xAxisoffX + e.config.xaxis.labels.offsetY + 30,
-                                                text: "",
-                                                textAnchor: "middle",
-                                                foreColor: Array.isArray(this.xaxisForeColors) ? this.xaxisForeColors[t] : this.xaxisForeColors,
-                                                fontSize: this.xaxisFontSize,
-                                                fontFamily: this.xaxisFontFamily,
-                                                cssClass: "apexcharts-xaxis-label " + e.config.xaxis.labels.style.cssClass,
-                                            });
-                                            s.add(x), x.tspan(f);
-                                            var v = document.createElementNS(e.globals.SVGNS, "title");
-                                            (v.textContent = f), x.node.appendChild(v), (o += r);
-                                        }
-                                    if (void 0 !== e.config.xaxis.title.text) {
-                                        var b = i.group({ class: "apexcharts-xaxis-title apexcharts-yaxis-title-inversed" }),
-                                            y = i.drawText({
-                                                x: e.globals.gridWidth / 2,
-                                                y: this.xAxisoffX + parseInt(this.xaxisFontSize) + parseInt(e.config.xaxis.title.style.fontSize) + 20,
-                                                text: e.config.xaxis.title.text,
-                                                textAnchor: "middle",
-                                                fontSize: e.config.xaxis.title.style.fontSize,
-                                                fontFamily: e.config.xaxis.title.style.fontFamily,
-                                                cssClass: "apexcharts-xaxis-title-text " + e.config.xaxis.title.style.cssClass,
-                                            });
-                                        b.add(y), a.add(b);
-                                    }
-                                    var w = e.config.yaxis[t].axisBorder;
-                                    if (w.show) {
-                                        var k = i.drawLine(e.globals.padHorizontal + w.offsetX, 1 + w.offsetY, e.globals.padHorizontal + w.offsetX, e.globals.gridHeight + w.offsetY, w.color);
-                                        a.add(k);
-                                    }
-                                    return a;
-                                },
-                            },
-                            {
-                                key: "yAxisTitleRotate",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = new m(this.ctx),
-                                        s = { width: 0, height: 0 },
-                                        n = { width: 0, height: 0 },
-                                        r = i.globals.dom.baseEl.querySelector(" .apexcharts-yaxis[rel='".concat(t, "'] .apexcharts-yaxis-texts-g"));
-                                    null !== r && (s = r.getBoundingClientRect());
-                                    var o = i.globals.dom.baseEl.querySelector(".apexcharts-yaxis[rel='".concat(t, "'] .apexcharts-yaxis-title text"));
-                                    if ((null !== o && (n = o.getBoundingClientRect()), null !== o)) {
-                                        var l = this.xPaddingForYAxisTitle(t, s, n, e);
-                                        o.setAttribute("x", l.xPos - (e ? 10 : 0));
-                                    }
-                                    if (null !== o) {
-                                        var h = a.rotateAroundCenter(o);
-                                        e
-                                            ? o.setAttribute("transform", "rotate(".concat(i.config.yaxis[t].title.rotate, " ").concat(h.x, " ").concat(h.y, ")"))
-                                            : o.setAttribute("transform", "rotate(-".concat(i.config.yaxis[t].title.rotate, " ").concat(h.x, " ").concat(h.y, ")"));
-                                    }
-                                },
-                            },
-                            {
-                                key: "xPaddingForYAxisTitle",
-                                value: function (t, e, i, a) {
-                                    var s = this.w,
-                                        n = 0,
-                                        r = 0,
-                                        o = 10;
-                                    return void 0 === s.config.yaxis[t].title.text || t < 0
-                                        ? { xPos: r, padd: 0 }
-                                        : (a
-                                              ? ((r = e.width + s.config.yaxis[t].title.offsetX + i.width / 2 + o / 2), 0 === (n += 1) && (r -= o / 2))
-                                              : ((r = -1 * e.width + s.config.yaxis[t].title.offsetX + o / 2 + i.width / 2), s.globals.isBarHorizontal && ((o = 25), (r = -1 * e.width - s.config.yaxis[t].title.offsetX - o))),
-                                          { xPos: r, padd: o });
-                                },
-                            },
-                            {
-                                key: "setYAxisXPosition",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = 0,
-                                        s = 0,
-                                        n = 21,
-                                        r = 1;
-                                    i.config.yaxis.length > 1 && (this.multipleYs = !0),
-                                        i.config.yaxis.map(function (o, l) {
-                                            var h = i.globals.ignoreYAxisIndexes.indexOf(l) > -1 || !o.show || o.floating || 0 === t[l].width,
-                                                c = t[l].width + e[l].width;
-                                            o.opposite
-                                                ? i.globals.isBarHorizontal
-                                                    ? ((s = i.globals.gridWidth + i.globals.translateX - 1), (i.globals.translateYAxisX[l] = s - o.labels.offsetX))
-                                                    : ((s = i.globals.gridWidth + i.globals.translateX + r), h || (r = r + c + 20), (i.globals.translateYAxisX[l] = s - o.labels.offsetX + 20))
-                                                : ((a = i.globals.translateX - n), h || (n = n + c + 20), (i.globals.translateYAxisX[l] = a + o.labels.offsetX));
-                                        });
-                                },
-                            },
-                            {
-                                key: "setYAxisTextAlignments",
-                                value: function () {
-                                    var t = this.w,
-                                        e = t.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxis");
-                                    (e = p.listToArray(e)).forEach(function (e, i) {
-                                        var a = t.config.yaxis[i];
-                                        if (void 0 !== a.labels.align) {
-                                            var s = t.globals.dom.baseEl.querySelector(".apexcharts-yaxis[rel='".concat(i, "'] .apexcharts-yaxis-texts-g")),
-                                                n = t.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxis[rel='".concat(i, "'] .apexcharts-yaxis-label"));
-                                            n = p.listToArray(n);
-                                            var r = s.getBoundingClientRect();
-                                            "left" === a.labels.align
-                                                ? (n.forEach(function (t, e) {
-                                                      t.setAttribute("text-anchor", "start");
-                                                  }),
-                                                  a.opposite || s.setAttribute("transform", "translate(-".concat(r.width, ", 0)")))
-                                                : "center" === a.labels.align
-                                                ? (n.forEach(function (t, e) {
-                                                      t.setAttribute("text-anchor", "middle");
-                                                  }),
-                                                  s.setAttribute("transform", "translate(".concat((r.width / 2) * (a.opposite ? 1 : -1), ", 0)")))
-                                                : "right" === a.labels.align &&
-                                                  (n.forEach(function (t, e) {
-                                                      t.setAttribute("text-anchor", "end");
-                                                  }),
-                                                  a.opposite && s.setAttribute("transform", "translate(".concat(r.width, ", 0)")));
-                                        }
-                                    });
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                V = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w), (this.lgRect = {}), (this.yAxisWidth = 0), (this.xAxisHeight = 0), (this.isSparkline = this.w.config.chart.sparkline.enabled), (this.xPadRight = 0), (this.xPadLeft = 0);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "plotCoords",
-                                value: function () {
-                                    var t = this.w,
-                                        e = t.globals,
-                                        i = this.getLegendsRect();
-                                    e.axisCharts ? this.setGridCoordsForAxisCharts(i) : this.setGridCoordsForNonAxisCharts(i),
-                                        this.titleSubtitleOffset(),
-                                        (e.gridHeight = e.gridHeight - t.config.grid.padding.top - t.config.grid.padding.bottom),
-                                        (e.gridWidth = e.gridWidth - t.config.grid.padding.left - t.config.grid.padding.right - this.xPadRight - this.xPadLeft),
-                                        (e.translateX = e.translateX + t.config.grid.padding.left + this.xPadLeft),
-                                        (e.translateY = e.translateY + t.config.grid.padding.top);
-                                },
-                            },
-                            {
-                                key: "conditionalChecksForAxisCoords",
-                                value: function (t, e) {
-                                    var i = this.w;
-                                    (this.xAxisHeight = (t.height + e.height) * i.globals.LINE_HEIGHT_RATIO + 15),
-                                        (this.xAxisWidth = t.width),
-                                        this.xAxisHeight - e.height > i.config.xaxis.labels.maxHeight && (this.xAxisHeight = i.config.xaxis.labels.maxHeight),
-                                        i.config.xaxis.labels.minHeight && this.xAxisHeight < i.config.xaxis.labels.minHeight && (this.xAxisHeight = i.config.xaxis.labels.minHeight),
-                                        i.config.xaxis.floating && (this.xAxisHeight = 0),
-                                        i.globals.isBarHorizontal ? (this.yAxisWidth = i.globals.yLabelsCoords[0].width + i.globals.yTitleCoords[0].width + 15) : (this.yAxisWidth = this.getTotalYAxisWidth());
-                                    var a = 0,
-                                        s = 0;
-                                    i.config.yaxis.forEach(function (t) {
-                                        (a += t.labels.minWidth), (s += t.labels.maxWidth);
-                                    }),
-                                        this.yAxisWidth < a && (this.yAxisWidth = a),
-                                        this.yAxisWidth > s && (this.yAxisWidth = s);
-                                },
-                            },
-                            {
-                                key: "setGridCoordsForAxisCharts",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = e.globals,
-                                        a = this.getyAxisLabelsCoords(),
-                                        s = this.getxAxisLabelsCoords(),
-                                        n = this.getyAxisTitleCoords(),
-                                        r = this.getxAxisTitleCoords();
-                                    (e.globals.yLabelsCoords = []),
-                                        (e.globals.yTitleCoords = []),
-                                        e.config.yaxis.map(function (t, i) {
-                                            e.globals.yLabelsCoords.push({ width: a[i].width, index: i }), e.globals.yTitleCoords.push({ width: n[i].width, index: i });
-                                        }),
-                                        this.conditionalChecksForAxisCoords(s, r),
-                                        (i.translateXAxisY = e.globals.rotateXLabels ? this.xAxisHeight / 8 : -4),
-                                        (i.translateXAxisX = e.globals.rotateXLabels && e.globals.isXNumeric && e.config.xaxis.labels.rotate <= -45 ? -this.xAxisWidth / 4 : 0),
-                                        e.globals.isBarHorizontal && ((i.rotateXLabels = !1), (i.translateXAxisY = (parseInt(e.config.xaxis.labels.style.fontSize) / 1.5) * -1)),
-                                        (i.translateXAxisY = i.translateXAxisY + e.config.xaxis.labels.offsetY),
-                                        (i.translateXAxisX = i.translateXAxisX + e.config.xaxis.labels.offsetX);
-                                    var o = this.yAxisWidth,
-                                        l = this.xAxisHeight;
-                                    (i.xAxisLabelsHeight = this.xAxisHeight), (i.xAxisHeight = this.xAxisHeight);
-                                    var h = 10;
-                                    switch (
-                                        ((e.config.grid.show && "radar" !== e.config.chart.type) || ((o = 0), (l = 35)),
-                                        this.isSparkline && ((t = { height: 0, width: 0 }), (l = 0), (o = 0), (h = 0)),
-                                        this.additionalPaddingXLabels(s),
-                                        e.config.legend.position)
-                                    ) {
-                                        case "bottom":
-                                            (i.translateY = h), (i.translateX = o), (i.gridHeight = i.svgHeight - t.height - l - (this.isSparkline ? 0 : e.globals.rotateXLabels ? 10 : 15)), (i.gridWidth = i.svgWidth - o);
-                                            break;
-                                        case "top":
-                                            (i.translateY = t.height + h), (i.translateX = o), (i.gridHeight = i.svgHeight - t.height - l - (this.isSparkline ? 0 : e.globals.rotateXLabels ? 10 : 15)), (i.gridWidth = i.svgWidth - o);
-                                            break;
-                                        case "left":
-                                            (i.translateY = h), (i.translateX = t.width + o), (i.gridHeight = i.svgHeight - l - 12), (i.gridWidth = i.svgWidth - t.width - o);
-                                            break;
-                                        case "right":
-                                            (i.translateY = h), (i.translateX = o), (i.gridHeight = i.svgHeight - l - 12), (i.gridWidth = i.svgWidth - t.width - o - 5);
-                                            break;
-                                        default:
-                                            throw new Error("Legend position not supported");
-                                    }
-                                    this.setGridXPosForDualYAxis(n, a), new B(this.ctx).setYAxisXPosition(a, n);
-                                },
-                            },
-                            {
-                                key: "setGridCoordsForNonAxisCharts",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = e.globals,
-                                        a = 0;
-                                    e.config.legend.show && !e.config.legend.floating && (a = 20);
-                                    var s = 10,
-                                        n = 0;
-                                    if (
-                                        ("pie" === e.config.chart.type || "donut" === e.config.chart.type
-                                            ? ((s += e.config.plotOptions.pie.offsetY), (n += e.config.plotOptions.pie.offsetX))
-                                            : "radialBar" === e.config.chart.type && ((s += e.config.plotOptions.radialBar.offsetY), (n += e.config.plotOptions.radialBar.offsetX)),
-                                        !e.config.legend.show)
-                                    )
-                                        return (i.gridHeight = i.svgHeight - 35), (i.gridWidth = i.gridHeight), (i.translateY = s - 10), void (i.translateX = n + (i.svgWidth - i.gridWidth) / 2);
-                                    switch (e.config.legend.position) {
-                                        case "bottom":
-                                            (i.gridHeight = i.svgHeight - t.height - 35), (i.gridWidth = i.gridHeight), (i.translateY = s - 20), (i.translateX = n + (i.svgWidth - i.gridWidth) / 2);
-                                            break;
-                                        case "top":
-                                            (i.gridHeight = i.svgHeight - t.height - 35), (i.gridWidth = i.gridHeight), (i.translateY = t.height + s + 10), (i.translateX = n + (i.svgWidth - i.gridWidth) / 2);
-                                            break;
-                                        case "left":
-                                            (i.gridWidth = i.svgWidth - t.width - a), (i.gridHeight = i.gridWidth), (i.translateY = s), (i.translateX = n + t.width + a);
-                                            break;
-                                        case "right":
-                                            (i.gridWidth = i.svgWidth - t.width - a - 5), (i.gridHeight = i.gridWidth), (i.translateY = s), (i.translateX = n + 10);
-                                            break;
-                                        default:
-                                            throw new Error("Legend position not supported");
-                                    }
-                                },
-                            },
-                            {
-                                key: "setGridXPosForDualYAxis",
-                                value: function (t, e) {
-                                    var i = this.w;
-                                    i.config.yaxis.map(function (a, s) {
-                                        -1 === i.globals.ignoreYAxisIndexes.indexOf(s) &&
-                                            !i.config.yaxis[s].floating &&
-                                            i.config.yaxis[s].show &&
-                                            a.opposite &&
-                                            (i.globals.translateX = i.globals.translateX - (e[s].width + t[s].width) - parseInt(i.config.yaxis[s].labels.style.fontSize) / 1.2 - 12);
-                                    });
-                                },
-                            },
-                            {
-                                key: "additionalPaddingXLabels",
-                                value: function (t) {
-                                    var e = this,
-                                        i = this.w;
-                                    if (("category" === i.config.xaxis.type && i.globals.isBarHorizontal) || "numeric" === i.config.xaxis.type || "datetime" === i.config.xaxis.type) {
-                                        var a = i.globals.isXNumeric;
-                                        i.config.yaxis.forEach(function (s, n) {
-                                            var r;
-                                            (!s.show || s.floating || -1 !== i.globals.collapsedSeriesIndices.indexOf(n) || a || (s.opposite && i.globals.isBarHorizontal)) &&
-                                                (((a && i.globals.isMultipleYAxis && -1 !== i.globals.collapsedSeriesIndices.indexOf(n)) || (i.globals.isBarHorizontal && s.opposite)) &&
-                                                    ((r = t), i.config.grid.padding.left < r.width && (e.xPadLeft = r.width / 2 + 1)),
-                                                ((!i.globals.isBarHorizontal && s.opposite && -1 !== i.globals.collapsedSeriesIndices.indexOf(n)) || (a && !i.globals.isMultipleYAxis)) &&
-                                                    (function (t) {
-                                                        e.timescaleLabels
-                                                            ? e.timescaleLabels[e.timescaleLabels.length - 1].position + t.width > i.globals.gridWidth
-                                                                ? (i.globals.skipLastTimelinelabel = !0)
-                                                                : (i.globals.skipLastTimelinelabel = !1)
-                                                            : "datetime" !== i.config.xaxis.type && i.config.grid.padding.right < t.width && (e.xPadRight = t.width / 2 + 1);
-                                                    })(t));
-                                        });
-                                    }
-                                },
-                            },
-                            {
-                                key: "titleSubtitleOffset",
-                                value: function () {
-                                    var t = this.w,
-                                        e = t.globals,
-                                        i = this.isSparkline || !t.globals.axisCharts ? 0 : 10;
-                                    void 0 !== t.config.title.text ? (i += t.config.title.margin) : (i += this.isSparkline || !t.globals.axisCharts ? 0 : 5),
-                                        void 0 !== t.config.subtitle.text ? (i += t.config.subtitle.margin) : (i += this.isSparkline || !t.globals.axisCharts ? 0 : 5),
-                                        t.config.legend.show && "bottom" === t.config.legend.position && !t.config.legend.floating && (t.config.series.length > 1 || !t.globals.axisCharts || t.config.legend.showForSingleSeries) && (i += 10);
-                                    var a = this.getTitleSubtitleCoords("title"),
-                                        s = this.getTitleSubtitleCoords("subtitle");
-                                    (e.gridHeight = e.gridHeight - a.height - s.height - i), (e.translateY = e.translateY + a.height + s.height + i);
-                                },
-                            },
-                            {
-                                key: "getTotalYAxisWidth",
-                                value: function () {
-                                    var t = this.w,
-                                        e = 0,
-                                        i = 10,
-                                        a = function (e) {
-                                            return t.globals.ignoreYAxisIndexes.indexOf(e) > -1;
-                                        };
-                                    return (
-                                        t.globals.yLabelsCoords.map(function (s, n) {
-                                            var r = t.config.yaxis[n].floating;
-                                            s.width > 0 && !r ? ((e = e + s.width + i), a(n) && (e = e - s.width - i)) : (e += r || !t.config.yaxis[n].show ? 0 : 5);
-                                        }),
-                                        t.globals.yTitleCoords.map(function (s, n) {
-                                            var r = t.config.yaxis[n].floating;
-                                            (i = parseInt(t.config.yaxis[n].title.style.fontSize)), s.width > 0 && !r ? ((e = e + s.width + i), a(n) && (e = e - s.width - i)) : (e += r || !t.config.yaxis[n].show ? 0 : 5);
-                                        }),
-                                        e
-                                    );
-                                },
-                            },
-                            {
-                                key: "getxAxisTimeScaleLabelsCoords",
-                                value: function () {
-                                    var t,
-                                        e = this.w;
-                                    (this.timescaleLabels = e.globals.timelineLabels.slice()), e.globals.isBarHorizontal && "datetime" === e.config.xaxis.type && (this.timescaleLabels = e.globals.invertedTimelineLabels.slice());
-                                    var i = this.timescaleLabels.map(function (t) {
-                                            return t.value;
-                                        }),
-                                        a = i.reduce(function (t, e) {
-                                            return void 0 === t ? (console.error("You have possibly supplied invalid Date format. Please supply a valid JavaScript Date"), 0) : t.length > e.length ? t : e;
-                                        }, 0);
-                                    return (
-                                        1.05 * (t = new m(this.ctx).getTextRects(a, e.config.xaxis.labels.style.fontSize)).width * i.length > e.globals.gridWidth && 0 !== e.config.xaxis.labels.rotate && (e.globals.overlappingXLabels = !0),
-                                        t
-                                    );
-                                },
-                            },
-                            {
-                                key: "getxAxisLabelsCoords",
-                                value: function () {
-                                    var t,
-                                        e = this.w,
-                                        i = e.globals.labels.slice();
-                                    if (e.globals.timelineLabels.length > 0) {
-                                        var a = this.getxAxisTimeScaleLabelsCoords();
-                                        t = { width: a.width, height: a.height };
-                                    } else {
-                                        var s = "left" !== e.config.legend.position || "right" !== e.config.legend.position || e.config.legend.floating ? 0 : this.lgRect.width,
-                                            n = e.globals.xLabelFormatter,
-                                            r = i.reduce(function (t, e) {
-                                                return t.length > e.length ? t : e;
-                                            }, 0);
-                                        e.globals.isBarHorizontal &&
-                                            (r = e.globals.yAxisScale[0].result.reduce(function (t, e) {
-                                                return t.length > e.length ? t : e;
-                                            }, 0)),
-                                            (r = new _(this.ctx).xLabelFormat(n, r));
-                                        var o = new m(this.ctx),
-                                            l = o.getTextRects(r, e.config.xaxis.labels.style.fontSize);
-                                        (t = { width: l.width, height: l.height }).width * i.length > e.globals.svgWidth - s - this.yAxisWidth && 0 !== e.config.xaxis.labels.rotate
-                                            ? e.globals.isBarHorizontal ||
-                                              ((e.globals.rotateXLabels = !0),
-                                              (l = o.getTextRects(r, e.config.xaxis.labels.style.fontSize, e.config.xaxis.labels.style.fontFamily, "rotate(".concat(e.config.xaxis.labels.rotate, " 0 0)"), !1)),
-                                              (t.height = l.height / 1.66))
-                                            : (e.globals.rotateXLabels = !1);
-                                    }
-                                    return e.config.xaxis.labels.show || (t = { width: 0, height: 0 }), { width: t.width, height: t.height };
-                                },
-                            },
-                            {
-                                key: "getyAxisLabelsCoords",
-                                value: function () {
-                                    var t = this,
-                                        e = this.w,
-                                        i = [],
-                                        a = 10;
-                                    return (
-                                        e.config.yaxis.map(function (s, n) {
-                                            if (s.show && s.labels.show && e.globals.yAxisScale[n].result.length) {
-                                                var r = e.globals.yLabelFormatters[n],
-                                                    o = r(e.globals.yAxisScale[n].niceMax, -1);
-                                                if (((void 0 !== o && 0 !== o.length) || (o = e.globals.yAxisScale[n].niceMax), e.globals.isBarHorizontal))
-                                                    (a = 0),
-                                                        (o = r(
-                                                            (o = e.globals.labels.slice().reduce(function (t, e) {
-                                                                return t.length > e.length ? t : e;
-                                                            }, 0)),
-                                                            -1
-                                                        ));
-                                                var l = new m(t.ctx).getTextRects(o, s.labels.style.fontSize);
-                                                i.push({ width: l.width + a, height: l.height });
-                                            } else i.push({ width: 0, height: 0 });
-                                        }),
-                                        i
-                                    );
-                                },
-                            },
-                            {
-                                key: "getxAxisTitleCoords",
-                                value: function () {
-                                    var t = this.w,
-                                        e = 0,
-                                        i = 0;
-                                    if (void 0 !== t.config.xaxis.title.text) {
-                                        var a = new m(this.ctx).getTextRects(t.config.xaxis.title.text, t.config.xaxis.title.style.fontSize);
-                                        (e = a.width), (i = a.height);
-                                    }
-                                    return { width: e, height: i };
-                                },
-                            },
-                            {
-                                key: "getyAxisTitleCoords",
-                                value: function () {
-                                    var t = this,
-                                        e = this.w,
-                                        i = [];
-                                    return (
-                                        e.config.yaxis.map(function (e, a) {
-                                            if (e.show && void 0 !== e.title.text) {
-                                                var s = new m(t.ctx).getTextRects(e.title.text, e.title.style.fontSize, e.title.style.fontFamily, "rotate(-90 0 0)", !1);
-                                                i.push({ width: s.width, height: s.height });
-                                            } else i.push({ width: 0, height: 0 });
-                                        }),
-                                        i
-                                    );
-                                },
-                            },
-                            {
-                                key: "getTitleSubtitleCoords",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = 0,
-                                        a = 0,
-                                        s = "title" === t ? e.config.title.floating : e.config.subtitle.floating,
-                                        n = e.globals.dom.baseEl.querySelector(".apexcharts-".concat(t, "-text"));
-                                    if (null !== n && !s) {
-                                        var r = n.getBoundingClientRect();
-                                        (i = r.width), (a = e.globals.axisCharts ? r.height + 5 : r.height);
-                                    }
-                                    return { width: i, height: a };
-                                },
-                            },
-                            {
-                                key: "getLegendsRect",
-                                value: function () {
-                                    var t = this.w,
-                                        e = t.globals.dom.baseEl.querySelector(".apexcharts-legend"),
-                                        i = Object.assign({}, p.getBoundingClientRect(e));
-                                    return (
-                                        null !== e && !t.config.legend.floating && t.config.legend.show
-                                            ? (this.lgRect = { x: i.x, y: i.y, height: i.height, width: 0 === i.height ? 0 : i.width })
-                                            : (this.lgRect = { x: 0, y: 0, height: 0, width: 0 }),
-                                        this.lgRect
-                                    );
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                G = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "getAllSeriesEls",
-                                value: function () {
-                                    return this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-series");
-                                },
-                            },
-                            {
-                                key: "getSeriesByName",
-                                value: function (t) {
-                                    return this.w.globals.dom.baseEl.querySelector("[seriesName='".concat(p.escapeString(t), "']"));
-                                },
-                            },
-                            {
-                                key: "addCollapsedClassToSeries",
-                                value: function (t, e) {
-                                    var i = this.w;
-                                    function a(i) {
-                                        for (var a = 0; a < i.length; a++) i[a].index === e && t.node.classList.add("apexcharts-series-collapsed");
-                                    }
-                                    a(i.globals.collapsedSeries), a(i.globals.ancillaryCollapsedSeries);
-                                },
-                            },
-                            {
-                                key: "resetSeries",
-                                value: function () {
-                                    var t = !(arguments.length > 0 && void 0 !== arguments[0]) || arguments[0],
-                                        e = this.w,
-                                        i = e.globals.initialSeries.slice();
-                                    (e.config.series = i),
-                                        (e.globals.collapsedSeries = []),
-                                        (e.globals.ancillaryCollapsedSeries = []),
-                                        (e.globals.collapsedSeriesIndices = []),
-                                        (e.globals.ancillaryCollapsedSeriesIndices = []),
-                                        (e.globals.previousPaths = []),
-                                        t && this.ctx._updateSeries(i, e.config.chart.animations.dynamicAnimation.enabled);
-                                },
-                            },
-                            {
-                                key: "toggleSeriesOnHover",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = i.globals.dom.baseEl.querySelectorAll(".apexcharts-series");
-                                    if ("mousemove" === t.type) {
-                                        var s = parseInt(e.getAttribute("rel")) - 1,
-                                            n = null;
-                                        n =
-                                            i.globals.axisCharts || "radialBar" === i.config.chart.type
-                                                ? i.globals.axisCharts
-                                                    ? i.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(s, "']"))
-                                                    : i.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(s + 1, "']"))
-                                                : i.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(s + 1, "'] path"));
-                                        for (var r = 0; r < a.length; r++) a[r].classList.add("legend-mouseover-inactive");
-                                        null !== n && (i.globals.axisCharts || n.parentNode.classList.remove("legend-mouseover-inactive"), n.classList.remove("legend-mouseover-inactive"));
-                                    } else if ("mouseout" === t.type) for (var o = 0; o < a.length; o++) a[o].classList.remove("legend-mouseover-inactive");
-                                },
-                            },
-                            {
-                                key: "highlightRangeInSeries",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = i.globals.dom.baseEl.querySelectorAll(".apexcharts-heatmap-rect"),
-                                        s = function () {
-                                            for (var t = 0; t < a.length; t++) a[t].classList.remove("legend-mouseover-inactive");
-                                        };
-                                    if ("mousemove" === t.type) {
-                                        var n = parseInt(e.getAttribute("rel")) - 1;
-                                        s(),
-                                            (function () {
-                                                for (var t = 0; t < a.length; t++) a[t].classList.add("legend-mouseover-inactive");
-                                            })(),
-                                            (function (t) {
-                                                for (var e = 0; e < a.length; e++) {
-                                                    var i = parseInt(a[e].getAttribute("val"));
-                                                    i >= t.from && i <= t.to && a[e].classList.remove("legend-mouseover-inactive");
-                                                }
-                                            })(i.config.plotOptions.heatmap.colorScale.ranges[n]);
-                                    } else "mouseout" === t.type && s();
-                                },
-                            },
-                            {
-                                key: "getActiveSeriesIndex",
-                                value: function () {
-                                    var t = this.w,
-                                        e = 0;
-                                    if (t.globals.series.length > 1)
-                                        for (
-                                            var i = t.globals.series.map(function (e, i) {
-                                                    return e.length > 0 && "bar" !== t.config.series[i].type && "column" !== t.config.series[i].type ? i : -1;
-                                                }),
-                                                a = 0;
-                                            a < i.length;
-                                            a++
-                                        )
-                                            if (-1 !== i[a]) {
-                                                e = i[a];
-                                                break;
-                                            }
-                                    return e;
-                                },
-                            },
-                            {
-                                key: "getActiveConfigSeriesIndex",
-                                value: function () {
-                                    var t = this.w,
-                                        e = 0;
-                                    if (t.config.series.length > 1)
-                                        for (
-                                            var i = t.config.series.map(function (t, e) {
-                                                    return t.data && t.data.length > 0 ? e : -1;
-                                                }),
-                                                a = 0;
-                                            a < i.length;
-                                            a++
-                                        )
-                                            if (-1 !== i[a]) {
-                                                e = i[a];
-                                                break;
-                                            }
-                                    return e;
-                                },
-                            },
-                            {
-                                key: "getPreviousPaths",
-                                value: function () {
-                                    var t = this.w;
-                                    function e(e, i, a) {
-                                        for (var s = e[i].childNodes, n = { type: a, paths: [], realIndex: e[i].getAttribute("data:realIndex") }, r = 0; r < s.length; r++)
-                                            if (s[r].hasAttribute("pathTo")) {
-                                                var o = s[r].getAttribute("pathTo");
-                                                n.paths.push({ d: o });
-                                            }
-                                        t.globals.previousPaths.push(n);
-                                    }
-                                    t.globals.previousPaths = [];
-                                    var i = t.globals.dom.baseEl.querySelectorAll(".apexcharts-line-series .apexcharts-series");
-                                    if (i.length > 0) for (var a = i.length - 1; a >= 0; a--) e(i, a, "line");
-                                    var s = t.globals.dom.baseEl.querySelectorAll(".apexcharts-area-series .apexcharts-series");
-                                    if (s.length > 0) for (var n = s.length - 1; n >= 0; n--) e(s, n, "area");
-                                    var r = t.globals.dom.baseEl.querySelectorAll(".apexcharts-bar-series .apexcharts-series");
-                                    if (r.length > 0) for (var o = 0; o < r.length; o++) e(r, o, "bar");
-                                    var l = t.globals.dom.baseEl.querySelectorAll(".apexcharts-candlestick-series .apexcharts-series");
-                                    if (l.length > 0) for (var h = 0; h < l.length; h++) e(l, h, "candlestick");
-                                    var c = t.globals.dom.baseEl.querySelectorAll(".apexcharts-radar-series .apexcharts-series");
-                                    if (c.length > 0) for (var d = 0; d < c.length; d++) e(c, d, "radar");
-                                    var u = t.globals.dom.baseEl.querySelectorAll(".apexcharts-bubble-series .apexcharts-series");
-                                    if (u.length > 0)
-                                        for (var f = 0; f < u.length; f++) {
-                                            for (var g = t.globals.dom.baseEl.querySelectorAll(".apexcharts-bubble-series .apexcharts-series[data\\:realIndex='".concat(f, "'] circle")), p = [], x = 0; x < g.length; x++)
-                                                p.push({ x: g[x].getAttribute("cx"), y: g[x].getAttribute("cy"), r: g[x].getAttribute("r") });
-                                            t.globals.previousPaths.push(p);
-                                        }
-                                    var v = t.globals.dom.baseEl.querySelectorAll(".apexcharts-scatter-series .apexcharts-series");
-                                    if (v.length > 0)
-                                        for (var m = 0; m < v.length; m++) {
-                                            for (var b = t.globals.dom.baseEl.querySelectorAll(".apexcharts-scatter-series .apexcharts-series[data\\:realIndex='".concat(m, "'] circle")), y = [], w = 0; w < b.length; w++)
-                                                y.push({ x: b[w].getAttribute("cx"), y: b[w].getAttribute("cy"), r: b[w].getAttribute("r") });
-                                            t.globals.previousPaths.push(y);
-                                        }
-                                    var k = t.globals.dom.baseEl.querySelectorAll(".apexcharts-heatmap .apexcharts-series");
-                                    if (k.length > 0)
-                                        for (var S = 0; S < k.length; S++) {
-                                            for (var A = t.globals.dom.baseEl.querySelectorAll(".apexcharts-heatmap .apexcharts-series[data\\:realIndex='".concat(S, "'] rect")), C = [], L = 0; L < A.length; L++)
-                                                C.push({ color: A[L].getAttribute("color") });
-                                            t.globals.previousPaths.push(C);
-                                        }
-                                    t.globals.axisCharts || (t.globals.previousPaths = t.globals.series);
-                                },
-                            },
-                            {
-                                key: "handleNoData",
-                                value: function () {
-                                    var t = this.w,
-                                        e = t.config.noData,
-                                        i = new m(this.ctx),
-                                        a = t.globals.svgWidth / 2,
-                                        s = t.globals.svgHeight / 2,
-                                        n = "middle";
-                                    if (
-                                        ((t.globals.noData = !0),
-                                        (t.globals.animationEnded = !0),
-                                        "left" === e.align ? ((a = 10), (n = "start")) : "right" === e.align && ((a = t.globals.svgWidth - 10), (n = "end")),
-                                        "top" === e.verticalAlign ? (s = 50) : "bottom" === e.verticalAlign && (s = t.globals.svgHeight - 50),
-                                        (a += e.offsetX),
-                                        (s = s + parseInt(e.style.fontSize) + 2),
-                                        void 0 !== e.text && "" !== e.text)
-                                    ) {
-                                        var r = i.drawText({ x: a, y: s, text: e.text, textAnchor: n, fontSize: e.style.fontSize, fontFamily: e.style.fontFamily, foreColor: e.style.color, opacity: 1, class: "apexcharts-text-nodata" });
-                                        r.node.setAttribute("class", "apexcharts-title-text"), t.globals.dom.Paper.add(r);
-                                    }
-                                },
-                            },
-                            {
-                                key: "setNullSeriesToZeroValues",
-                                value: function (t) {
-                                    for (var e = this.w, i = 0; i < t.length; i++) if (0 === t[i].length) for (var a = 0; a < t[e.globals.maxValsInArrayIndex].length; a++) t[i].push(0);
-                                    return t;
-                                },
-                            },
-                            {
-                                key: "hasAllSeriesEqualX",
-                                value: function () {
-                                    for (var t = !0, e = this.w, i = this.filteredSeriesX(), a = 0; a < i.length - 1; a++)
-                                        if (i[a][0] !== i[a + 1][0]) {
-                                            t = !1;
-                                            break;
-                                        }
-                                    return (e.globals.allSeriesHasEqualX = t), t;
-                                },
-                            },
-                            {
-                                key: "filteredSeriesX",
-                                value: function () {
-                                    var t = this.w.globals.seriesX.map(function (t, e) {
-                                        return t.length > 0 ? t : [];
-                                    });
-                                    return t;
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                j = (function () {
-                    function t(e, i) {
-                        n(this, t), (this.ctx = e), (this.w = e.w), (this.onLegendClick = this.onLegendClick.bind(this)), (this.onLegendHovered = this.onLegendHovered.bind(this));
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "init",
-                                value: function () {
-                                    var t = this.w,
-                                        e = t.globals,
-                                        i = t.config;
-                                    if (((i.legend.showForSingleSeries && 1 === e.series.length) || e.series.length > 1 || !e.axisCharts) && i.legend.show) {
-                                        for (; e.dom.elLegendWrap.firstChild; ) e.dom.elLegendWrap.removeChild(e.dom.elLegendWrap.firstChild);
-                                        this.drawLegends(),
-                                            p.isIE11() ? document.getElementsByTagName("head")[0].appendChild(this.getLegendStyles()) : this.appendToForeignObject(),
-                                            "bottom" === i.legend.position || "top" === i.legend.position ? this.legendAlignHorizontal() : ("right" !== i.legend.position && "left" !== i.legend.position) || this.legendAlignVertical();
-                                    }
-                                },
-                            },
-                            {
-                                key: "appendToForeignObject",
-                                value: function () {
-                                    var t = this.w.globals;
-                                    t.dom.elLegendForeign = document.createElementNS(t.SVGNS, "foreignObject");
-                                    var e = t.dom.elLegendForeign;
-                                    e.setAttribute("x", 0),
-                                        e.setAttribute("y", 0),
-                                        e.setAttribute("width", t.svgWidth),
-                                        e.setAttribute("height", t.svgHeight),
-                                        t.dom.elLegendWrap.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"),
-                                        e.appendChild(t.dom.elLegendWrap),
-                                        e.appendChild(this.getLegendStyles()),
-                                        t.dom.Paper.node.insertBefore(e, t.dom.elGraphical.node);
-                                },
-                            },
-                            {
-                                key: "drawLegends",
-                                value: function () {
-                                    var t = this.w,
-                                        e = t.config.legend.fontFamily,
-                                        i = t.globals.seriesNames,
-                                        a = t.globals.colors.slice();
-                                    if ("heatmap" === t.config.chart.type) {
-                                        var s = t.config.plotOptions.heatmap.colorScale.ranges;
-                                        (i = s.map(function (t) {
-                                            return t.name ? t.name : t.from + " - " + t.to;
-                                        })),
-                                            (a = s.map(function (t) {
-                                                return t.color;
-                                            }));
-                                    }
-                                    for (var n = t.globals.legendFormatter, r = 0; r <= i.length - 1; r++) {
-                                        var o = n(i[r], { seriesIndex: r, w: t }),
-                                            l = !1,
-                                            h = !1;
-                                        if (t.globals.collapsedSeries.length > 0) for (var c = 0; c < t.globals.collapsedSeries.length; c++) t.globals.collapsedSeries[c].index === r && (l = !0);
-                                        if (t.globals.ancillaryCollapsedSeriesIndices.length > 0) for (var d = 0; d < t.globals.ancillaryCollapsedSeriesIndices.length; d++) t.globals.ancillaryCollapsedSeriesIndices[d] === r && (h = !0);
-                                        var u = document.createElement("span");
-                                        u.classList.add("apexcharts-legend-marker");
-                                        var f = t.config.legend.markers.offsetX,
-                                            g = t.config.legend.markers.offsetY,
-                                            p = t.config.legend.markers.height,
-                                            x = t.config.legend.markers.width,
-                                            v = t.config.legend.markers.strokeWidth,
-                                            b = t.config.legend.markers.strokeColor,
-                                            y = t.config.legend.markers.radius,
-                                            w = u.style;
-                                        (w.background = a[r]),
-                                            (w.color = a[r]),
-                                            (w.height = Array.isArray(p) ? parseFloat(p[r]) + "px" : parseFloat(p) + "px"),
-                                            (w.width = Array.isArray(x) ? parseFloat(x[r]) + "px" : parseFloat(x) + "px"),
-                                            (w.left = Array.isArray(f) ? f[r] : f),
-                                            (w.top = Array.isArray(g) ? g[r] : g),
-                                            (w.borderWidth = Array.isArray(v) ? v[r] : v),
-                                            (w.borderColor = Array.isArray(b) ? b[r] : b),
-                                            (w.borderRadius = Array.isArray(y) ? parseFloat(y[r]) + "px" : parseFloat(y) + "px"),
-                                            t.config.legend.markers.customHTML &&
-                                                (Array.isArray(t.config.legend.markers.customHTML) ? (u.innerHTML = t.config.legend.markers.customHTML[r]()) : (u.innerHTML = t.config.legend.markers.customHTML())),
-                                            m.setAttrs(u, { rel: r + 1, "data:collapsed": l || h }),
-                                            (l || h) && u.classList.add("inactive-legend");
-                                        var k = document.createElement("div"),
-                                            S = document.createElement("span");
-                                        S.classList.add("apexcharts-legend-text"), (S.innerHTML = o);
-                                        var C = t.config.legend.labels.useSeriesColors ? t.globals.colors[r] : t.config.legend.labels.colors;
-                                        C || (C = t.config.chart.foreColor),
-                                            (S.style.color = C),
-                                            (S.style.fontSize = parseFloat(t.config.legend.fontSize) + "px"),
-                                            (S.style.fontFamily = e || t.config.chart.fontFamily),
-                                            m.setAttrs(S, { rel: r + 1, "data:collapsed": l || h }),
-                                            k.appendChild(u),
-                                            k.appendChild(S);
-                                        var L = new A(this.ctx);
-                                        if (!t.config.legend.showForZeroSeries)
-                                            0 === L.getSeriesTotalByIndex(r) &&
-                                                L.seriesHaveSameValues(r) &&
-                                                !L.isSeriesNull(r) &&
-                                                -1 === t.globals.collapsedSeriesIndices.indexOf(r) &&
-                                                -1 === t.globals.ancillaryCollapsedSeriesIndices.indexOf(r) &&
-                                                k.classList.add("apexcharts-hidden-zero-series");
-                                        t.config.legend.showForNullSeries ||
-                                            (L.isSeriesNull(r) && -1 === t.globals.collapsedSeriesIndices.indexOf(r) && -1 === t.globals.ancillaryCollapsedSeriesIndices.indexOf(r) && k.classList.add("apexcharts-hidden-null-series")),
-                                            t.globals.dom.elLegendWrap.appendChild(k),
-                                            t.globals.dom.elLegendWrap.classList.add(t.config.legend.horizontalAlign),
-                                            t.globals.dom.elLegendWrap.classList.add("position-" + t.config.legend.position),
-                                            k.classList.add("apexcharts-legend-series"),
-                                            (k.style.margin = "".concat(t.config.legend.itemMargin.horizontal, "px ").concat(t.config.legend.itemMargin.vertical, "px")),
-                                            (t.globals.dom.elLegendWrap.style.width = t.config.legend.width ? t.config.legend.width + "px" : ""),
-                                            (t.globals.dom.elLegendWrap.style.height = t.config.legend.height ? t.config.legend.height + "px" : ""),
-                                            m.setAttrs(k, { rel: r + 1, "data:collapsed": l || h }),
-                                            (l || h) && k.classList.add("inactive-legend"),
-                                            t.config.legend.onItemClick.toggleDataSeries || k.classList.add("no-click");
-                                    }
-                                    "heatmap" !== t.config.chart.type && t.config.legend.onItemClick.toggleDataSeries && t.globals.dom.elWrap.addEventListener("click", this.onLegendClick, !0),
-                                        t.config.legend.onItemHover.highlightDataSeries &&
-                                            (t.globals.dom.elWrap.addEventListener("mousemove", this.onLegendHovered, !0), t.globals.dom.elWrap.addEventListener("mouseout", this.onLegendHovered, !0));
-                                },
-                            },
-                            {
-                                key: "getLegendBBox",
-                                value: function () {
-                                    var t = this.w.globals.dom.baseEl.querySelector(".apexcharts-legend").getBoundingClientRect(),
-                                        e = t.width;
-                                    return { clwh: t.height, clww: e };
-                                },
-                            },
-                            {
-                                key: "setLegendWrapXY",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = i.globals.dom.baseEl.querySelector(".apexcharts-legend"),
-                                        s = a.getBoundingClientRect(),
-                                        n = 0,
-                                        r = 0;
-                                    if ("bottom" === i.config.legend.position) r += i.globals.svgHeight - s.height / 2;
-                                    else if ("top" === i.config.legend.position) {
-                                        var o = new V(this.ctx),
-                                            l = o.getTitleSubtitleCoords("title").height,
-                                            h = o.getTitleSubtitleCoords("subtitle").height;
-                                        r = r + (l > 0 ? l - 10 : 0) + (h > 0 ? h - 10 : 0);
-                                    }
-                                    (a.style.position = "absolute"),
-                                        (n = n + t + i.config.legend.offsetX),
-                                        (r = r + e + i.config.legend.offsetY),
-                                        (a.style.left = n + "px"),
-                                        (a.style.top = r + "px"),
-                                        "bottom" === i.config.legend.position
-                                            ? ((a.style.top = "auto"), (a.style.bottom = 10 + i.config.legend.offsetY + "px"))
-                                            : "right" === i.config.legend.position && ((a.style.left = "auto"), (a.style.right = 25 + i.config.legend.offsetX + "px")),
-                                        a.style.width && (a.style.width = parseInt(i.config.legend.width) + "px"),
-                                        a.style.height && (a.style.height = parseInt(i.config.legend.height) + "px");
-                                },
-                            },
-                            {
-                                key: "legendAlignHorizontal",
-                                value: function () {
-                                    var t = this.w;
-                                    t.globals.dom.baseEl.querySelector(".apexcharts-legend").style.right = 0;
-                                    var e = this.getLegendBBox(),
-                                        i = new V(this.ctx),
-                                        a = i.getTitleSubtitleCoords("title"),
-                                        s = i.getTitleSubtitleCoords("subtitle"),
-                                        n = 0;
-                                    "bottom" === t.config.legend.position ? (n = -e.clwh / 1.8) : "top" === t.config.legend.position && (n = a.height + s.height + t.config.title.margin + t.config.subtitle.margin - 15),
-                                        this.setLegendWrapXY(20, n);
-                                },
-                            },
-                            {
-                                key: "legendAlignVertical",
-                                value: function () {
-                                    var t = this.w,
-                                        e = this.getLegendBBox(),
-                                        i = 0;
-                                    "left" === t.config.legend.position && (i = 20), "right" === t.config.legend.position && (i = t.globals.svgWidth - e.clww - 10), this.setLegendWrapXY(i, 20);
-                                },
-                            },
-                            {
-                                key: "onLegendHovered",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = t.target.classList.contains("apexcharts-legend-text") || t.target.classList.contains("apexcharts-legend-marker");
-                                    if ("heatmap" !== e.config.chart.type) !t.target.classList.contains("inactive-legend") && i && new G(this.ctx).toggleSeriesOnHover(t, t.target);
-                                    else if (i) {
-                                        var a = parseInt(t.target.getAttribute("rel")) - 1;
-                                        this.ctx.fireEvent("legendHover", [this.ctx, a, this.w]), new G(this.ctx).highlightRangeInSeries(t, t.target);
-                                    }
-                                },
-                            },
-                            {
-                                key: "onLegendClick",
-                                value: function (t) {
-                                    if (t.target.classList.contains("apexcharts-legend-text") || t.target.classList.contains("apexcharts-legend-marker")) {
-                                        var e = parseInt(t.target.getAttribute("rel")) - 1,
-                                            i = "true" === t.target.getAttribute("data:collapsed"),
-                                            a = this.w.config.chart.events.legendClick;
-                                        "function" == typeof a && a(this.ctx, e, this.w), this.ctx.fireEvent("legendClick", [this.ctx, e, this.w]);
-                                        var s = this.w.config.legend.markers.onClick;
-                                        "function" == typeof s && t.target.classList.contains("apexcharts-legend-marker") && (s(this.ctx, e, this.w), this.ctx.fireEvent("legendMarkerClick", [this.ctx, e, this.w])),
-                                            this.toggleDataSeries(e, i);
-                                    }
-                                },
-                            },
-                            {
-                                key: "getLegendStyles",
-                                value: function () {
-                                    var t = document.createElement("style");
-                                    t.setAttribute("type", "text/css");
-                                    var e = document.createTextNode(
-                                        "\n    \n      .apexcharts-legend {\n        display: flex;\n        overflow: auto;\n        padding: 0 10px;\n      }\n\n      .apexcharts-legend.position-bottom, .apexcharts-legend.position-top {\n        flex-wrap: wrap\n      }\n      .apexcharts-legend.position-right, .apexcharts-legend.position-left {\n        flex-direction: column;\n        bottom: 0;\n      }\n\n      .apexcharts-legend.position-bottom.left, .apexcharts-legend.position-top.left, .apexcharts-legend.position-right, .apexcharts-legend.position-left {\n        justify-content: flex-start;\n      }\n\n      .apexcharts-legend.position-bottom.center, .apexcharts-legend.position-top.center {\n        justify-content: center;  \n      }\n\n      .apexcharts-legend.position-bottom.right, .apexcharts-legend.position-top.right {\n        justify-content: flex-end;\n      }\n\n      .apexcharts-legend-series {\n        cursor: pointer;\n        line-height: normal;\n      }\n\n      .apexcharts-legend.position-bottom .apexcharts-legend-series, .apexcharts-legend.position-top .apexcharts-legend-series{\n        display: flex;\n        align-items: center;\n      }\n\n      .apexcharts-legend-text {\n        position: relative;\n        font-size: 14px;\n      }\n\n      .apexcharts-legend-text *, .apexcharts-legend-marker * {\n        pointer-events: none;\n      }\n\n      .apexcharts-legend-marker {\n        position: relative;\n        display: inline-block;\n        cursor: pointer;\n        margin-right: 3px;\n      }\n      \n      .apexcharts-legend.right .apexcharts-legend-series, .apexcharts-legend.left .apexcharts-legend-series{\n        display: inline-block;\n      }\n\n      .apexcharts-legend-series.no-click {\n        cursor: auto;\n      }\n\n      .apexcharts-legend .apexcharts-hidden-zero-series, .apexcharts-legend .apexcharts-hidden-null-series {\n        display: none !important;\n      }\n\n      .inactive-legend {\n        opacity: 0.45;\n      }"
-                                    );
-                                    return t.appendChild(e), t;
-                                },
-                            },
-                            {
-                                key: "toggleDataSeries",
-                                value: function (t, e) {
-                                    var i = this.w;
-                                    if (i.globals.axisCharts || "radialBar" === i.config.chart.type) {
-                                        i.globals.resized = !0;
-                                        var a = null,
-                                            s = null;
-                                        if (
-                                            ((i.globals.risingSeries = []),
-                                            i.globals.axisCharts
-                                                ? ((a = i.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(t, "']"))), (s = parseInt(a.getAttribute("data:realIndex"))))
-                                                : ((a = i.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(t + 1, "']"))), (s = parseInt(a.getAttribute("rel")) - 1)),
-                                            e)
-                                        )
-                                            this.riseCollapsedSeries(i.globals.collapsedSeries, i.globals.collapsedSeriesIndices, s),
-                                                this.riseCollapsedSeries(i.globals.ancillaryCollapsedSeries, i.globals.ancillaryCollapsedSeriesIndices, s);
-                                        else {
-                                            if (i.globals.axisCharts) {
-                                                var n = !1;
-                                                if (
-                                                    (i.config.yaxis[s] &&
-                                                        i.config.yaxis[s].show &&
-                                                        i.config.yaxis[s].showAlways &&
-                                                        ((n = !0),
-                                                        i.globals.ancillaryCollapsedSeriesIndices.indexOf(s) < 0 &&
-                                                            (i.globals.ancillaryCollapsedSeries.push({ index: s, data: i.config.series[s].data.slice(), type: a.parentNode.className.baseVal.split("-")[1] }),
-                                                            i.globals.ancillaryCollapsedSeriesIndices.push(s))),
-                                                    !n)
-                                                ) {
-                                                    i.globals.collapsedSeries.push({ index: s, data: i.config.series[s].data.slice(), type: a.parentNode.className.baseVal.split("-")[1] }), i.globals.collapsedSeriesIndices.push(s);
-                                                    var r = i.globals.risingSeries.indexOf(s);
-                                                    i.globals.risingSeries.splice(r, 1);
-                                                }
-                                                i.config.series[s].data = [];
-                                            } else i.globals.collapsedSeries.push({ index: s, data: i.config.series[s] }), i.globals.collapsedSeriesIndices.push(s), (i.config.series[s] = 0);
-                                            for (var o = a.childNodes, l = 0; l < o.length; l++)
-                                                o[l].classList.contains("apexcharts-series-markers-wrap") && (o[l].classList.contains("apexcharts-hide") ? o[l].classList.remove("apexcharts-hide") : o[l].classList.add("apexcharts-hide"));
-                                            (i.globals.allSeriesCollapsed = i.globals.collapsedSeries.length === i.globals.series.length), this.ctx._updateSeries(i.config.series, i.config.chart.animations.dynamicAnimation.enabled);
-                                        }
-                                    } else {
-                                        var h = i.globals.dom.Paper.select(" .apexcharts-series[rel='".concat(t + 1, "'] path")),
-                                            c = i.config.chart.type;
-                                        if ("pie" === c || "donut" === c) {
-                                            var d = i.config.plotOptions.pie.donut.labels,
-                                                u = new m(this.ctx),
-                                                f = new R(this.ctx);
-                                            u.pathMouseDown(h.members[0], null), f.printDataLabelsInner(h.members[0].node, d);
-                                        }
-                                        h.fire("click");
-                                    }
-                                },
-                            },
-                            {
-                                key: "riseCollapsedSeries",
-                                value: function (t, e, i) {
-                                    var a = this.w;
-                                    if (t.length > 0)
-                                        for (var s = 0; s < t.length; s++)
-                                            t[s].index === i &&
-                                                (a.globals.axisCharts
-                                                    ? ((a.config.series[i].data = t[s].data.slice()), t.splice(s, 1), e.splice(s, 1), a.globals.risingSeries.push(i))
-                                                    : ((a.config.series[i] = t[s].data), t.splice(s, 1), e.splice(s, 1), a.globals.risingSeries.push(i)),
-                                                this.ctx._updateSeries(a.config.series, a.config.chart.animations.dynamicAnimation.enabled));
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                U = (function () {
-                    function t(e, i, a) {
-                        n(this, t),
-                            (this.ctx = e),
-                            (this.w = e.w),
-                            (this.xyRatios = i),
-                            (this.pointsChart = !("bubble" !== this.w.config.chart.type && "scatter" !== this.w.config.chart.type) || a),
-                            (this.scatter = new M(this.ctx)),
-                            (this.noNegatives = this.w.globals.minX === Number.MAX_VALUE),
-                            (this.yaxisIndex = 0);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "draw",
-                                value: function (t, e, i) {
-                                    var a = this.w,
-                                        s = new m(this.ctx),
-                                        n = new P(this.ctx),
-                                        r = a.globals.comboCharts ? e : a.config.chart.type,
-                                        o = s.group({ class: "apexcharts-".concat(r, "-series apexcharts-plot-series") }),
-                                        l = new A(this.ctx, a);
-                                    t = l.getLogSeries(t);
-                                    var c = this.xyRatios.yRatio;
-                                    c = l.getLogYRatios(c);
-                                    for (var d = this.xyRatios.zRatio, u = this.xyRatios.xRatio, f = this.xyRatios.baseLineY, g = [], x = [], v = 0, b = 0; b < t.length; b++) {
-                                        if ("line" === r && ("gradient" === a.config.fill.type || "gradient" === a.config.fill.type[b]) && l.seriesHaveSameValues(b)) {
-                                            var y = t[b].slice();
-                                            (y[y.length - 1] = y[y.length - 1] + 1e-6), (t[b] = y);
-                                        }
-                                        var w = a.globals.gridWidth / a.globals.dataPoints,
-                                            k = a.globals.comboCharts ? i[b] : b;
-                                        c.length > 1 && (this.yaxisIndex = k), (this.isReversed = a.config.yaxis[this.yaxisIndex] && a.config.yaxis[this.yaxisIndex].reversed);
-                                        var S = [],
-                                            C = [],
-                                            L = a.globals.gridHeight - f[this.yaxisIndex] - (this.isReversed ? a.globals.gridHeight : 0) + (this.isReversed ? 2 * f[this.yaxisIndex] : 0),
-                                            E = L;
-                                        L > a.globals.gridHeight && (E = a.globals.gridHeight), (v = w / 2);
-                                        var M = a.globals.padHorizontal + v,
-                                            I = 1;
-                                        a.globals.isXNumeric && a.globals.seriesX.length > 0 && (M = (a.globals.seriesX[k][0] - a.globals.minX) / u), C.push(M);
-                                        var X = void 0,
-                                            F = void 0,
-                                            Y = void 0,
-                                            O = void 0,
-                                            R = [],
-                                            D = [],
-                                            N = s.group({ class: "apexcharts-series", seriesName: p.escapeString(a.globals.seriesNames[k]) }),
-                                            H = s.group({ class: "apexcharts-series-markers-wrap" }),
-                                            _ = s.group({ class: "apexcharts-datalabels" });
-                                        this.ctx.series.addCollapsedClassToSeries(N, k);
-                                        var W = t[b].length === a.globals.dataPoints;
-                                        N.attr({ "data:longestSeries": W, rel: b + 1, "data:realIndex": k }), (this.appendPathFrom = !0);
-                                        var B = M,
-                                            V = void 0,
-                                            G = B,
-                                            j = L,
-                                            U = 0;
-                                        if (((j = this.determineFirstPrevY({ i: b, series: t, yRatio: c[this.yaxisIndex], zeroY: L, prevY: j, prevSeriesY: x, lineYPosition: U }).prevY), S.push(j), (V = j), null === t[b][0])) {
-                                            for (var q = 0; q < t[b].length; q++)
-                                                if (null !== t[b][q]) {
-                                                    (G = w * q), (j = L - t[b][q] / c[this.yaxisIndex]), (X = s.move(G, j)), (F = s.move(G, E));
-                                                    break;
-                                                }
-                                        } else (X = s.move(G, j)), (F = s.move(G, E) + s.line(G, j));
-                                        if (((Y = s.move(-1, L) + s.line(-1, L)), (O = s.move(-1, L) + s.line(-1, L)), a.globals.previousPaths.length > 0)) {
-                                            var Z = this.checkPreviousPaths({ pathFromLine: Y, pathFromArea: O, realIndex: k });
-                                            (Y = Z.pathFromLine), (O = Z.pathFromArea);
-                                        }
-                                        for (var $ = a.globals.dataPoints > 1 ? a.globals.dataPoints - 1 : a.globals.dataPoints, J = 0; J < $; J++) {
-                                            if (a.globals.isXNumeric) {
-                                                var Q = a.globals.seriesX[k][J + 1];
-                                                void 0 === a.globals.seriesX[k][J + 1] && (Q = a.globals.seriesX[k][$ - 1]), (M = (Q - a.globals.minX) / u);
-                                            } else M += w;
-                                            var K = p.isNumber(a.globals.minYArr[k]) ? a.globals.minYArr[k] : a.globals.minY;
-                                            a.config.chart.stacked
-                                                ? ((U = b > 0 && a.globals.collapsedSeries.length < a.config.series.length - 1 ? x[b - 1][J + 1] : L),
-                                                  (I =
-                                                      void 0 === t[b][J + 1] || null === t[b][J + 1]
-                                                          ? U - K / c[this.yaxisIndex] + 2 * (this.isReversed ? K / c[this.yaxisIndex] : 0)
-                                                          : U - t[b][J + 1] / c[this.yaxisIndex] + 2 * (this.isReversed ? t[b][J + 1] / c[this.yaxisIndex] : 0)))
-                                                : (I =
-                                                      void 0 === t[b][J + 1] || null === t[b][J + 1]
-                                                          ? L - K / c[this.yaxisIndex] + 2 * (this.isReversed ? K / c[this.yaxisIndex] : 0)
-                                                          : L - t[b][J + 1] / c[this.yaxisIndex] + 2 * (this.isReversed ? t[b][J + 1] / c[this.yaxisIndex] : 0)),
-                                                C.push(M),
-                                                S.push(I);
-                                            var tt = this.createPaths({ series: t, i: b, j: J, x: M, y: I, xDivision: w, pX: B, pY: V, areaBottomY: E, linePath: X, areaPath: F, linePaths: R, areaPaths: D, seriesIndex: i });
-                                            (D = tt.areaPaths), (R = tt.linePaths), (B = tt.pX), (V = tt.pY), (F = tt.areaPath), (X = tt.linePath), this.appendPathFrom && ((Y += s.line(M, L)), (O += s.line(M, L)));
-                                            var et = this.calculatePoints({ series: t, x: M, y: I, realIndex: k, i: b, j: J, prevY: j, categoryAxisCorrection: v, xRatio: u });
-                                            if (this.pointsChart) this.scatter.draw(N, J, { realIndex: k, pointsPos: et, zRatio: d, elParent: H });
-                                            else {
-                                                var it = new T(this.ctx);
-                                                a.globals.dataPoints > 1 && H.node.classList.add("hidden");
-                                                var at = it.plotChartMarkers(et, k, J + 1);
-                                                null !== at && H.add(at);
-                                            }
-                                            var st = !t[b][J + 1] || t[b][J + 1] > t[b][J] ? "top" : "bottom",
-                                                nt = new z(this.ctx).drawDataLabel(et, k, J + 1, null, st);
-                                            null !== nt && _.add(nt);
-                                        }
-                                        x.push(S), (a.globals.seriesXvalues[k] = C), (a.globals.seriesYvalues[k] = S), this.pointsChart || a.globals.delayedElements.push({ el: H.node, index: k });
-                                        var rt = {
-                                            i: b,
-                                            realIndex: k,
-                                            animationDelay: b,
-                                            initialSpeed: a.config.chart.animations.speed,
-                                            dataChangeSpeed: a.config.chart.animations.dynamicAnimation.speed,
-                                            className: "apexcharts-".concat(r),
-                                            id: "apexcharts-".concat(r),
-                                        };
-                                        if ("area" === r)
-                                            for (var ot = n.fillPath({ seriesNumber: k }), lt = 0; lt < D.length; lt++) {
-                                                var ht = s.renderPaths(h({}, rt, { pathFrom: O, pathTo: D[lt], stroke: "none", strokeWidth: 0, strokeLineCap: null, fill: ot }));
-                                                N.add(ht);
-                                            }
-                                        if (a.config.stroke.show && !this.pointsChart) {
-                                            var ct = null;
-                                            ct = "line" === r ? n.fillPath({ seriesNumber: k, i: b }) : a.globals.stroke.colors[k];
-                                            for (var dt = 0; dt < R.length; dt++) {
-                                                var ut = s.renderPaths(
-                                                    h({}, rt, {
-                                                        pathFrom: Y,
-                                                        pathTo: R[dt],
-                                                        stroke: ct,
-                                                        strokeWidth: Array.isArray(a.config.stroke.width) ? a.config.stroke.width[k] : a.config.stroke.width,
-                                                        strokeLineCap: a.config.stroke.lineCap,
-                                                        fill: "none",
-                                                    })
-                                                );
-                                                N.add(ut);
-                                            }
-                                        }
-                                        N.add(H), N.add(_), g.push(N);
-                                    }
-                                    for (var ft = g.length; ft > 0; ft--) o.add(g[ft - 1]);
-                                    return o;
-                                },
-                            },
-                            {
-                                key: "createPaths",
-                                value: function (t) {
-                                    var e = t.series,
-                                        i = t.i,
-                                        a = t.j,
-                                        s = t.x,
-                                        n = t.y,
-                                        r = t.pX,
-                                        o = t.pY,
-                                        l = t.xDivision,
-                                        h = t.areaBottomY,
-                                        c = t.linePath,
-                                        d = t.areaPath,
-                                        u = t.linePaths,
-                                        f = t.areaPaths,
-                                        g = t.seriesIndex,
-                                        p = this.w,
-                                        x = new m(this.ctx),
-                                        v = p.config.stroke.curve;
-                                    if ((Array.isArray(p.config.stroke.curve) && (v = Array.isArray(g) ? p.config.stroke.curve[g[i]] : p.config.stroke.curve[i]), "smooth" === v)) {
-                                        var b = 0.35 * (s - r);
-                                        p.globals.hasNullValues
-                                            ? (null !== e[i][a] &&
-                                                  (null !== e[i][a + 1]
-                                                      ? ((c = x.move(r, o) + x.curve(r + b, o, s - b, n, s + 1, n)), (d = x.move(r + 1, o) + x.curve(r + b, o, s - b, n, s + 1, n) + x.line(s, h) + x.line(r, h) + "z"))
-                                                      : ((c = x.move(r, o)), (d = x.move(r, o) + "z"))),
-                                              u.push(c),
-                                              f.push(d))
-                                            : ((c += x.curve(r + b, o, s - b, n, s, n)), (d += x.curve(r + b, o, s - b, n, s, n))),
-                                            (r = s),
-                                            (o = n),
-                                            a === e[i].length - 2 && ((d = d + x.curve(r, o, s, n, s, h) + x.move(s, n) + "z"), p.globals.hasNullValues || (u.push(c), f.push(d)));
-                                    } else
-                                        null === e[i][a + 1] && ((c += x.move(s, n)), (d = d + x.line(s - l, h) + x.move(s, n))),
-                                            null === e[i][a] && ((c += x.move(s, n)), (d += x.move(s, h))),
-                                            "stepline" === v ? ((c = c + x.line(s, null, "H") + x.line(null, n, "V")), (d = d + x.line(s, null, "H") + x.line(null, n, "V"))) : "straight" === v && ((c += x.line(s, n)), (d += x.line(s, n))),
-                                            a === e[i].length - 2 && ((d = d + x.line(s, h) + x.move(s, n) + "z"), u.push(c), f.push(d));
-                                    return { linePaths: u, areaPaths: f, pX: r, pY: o, linePath: c, areaPath: d };
-                                },
-                            },
-                            {
-                                key: "calculatePoints",
-                                value: function (t) {
-                                    var e = t.series,
-                                        i = t.realIndex,
-                                        a = t.x,
-                                        s = t.y,
-                                        n = t.i,
-                                        r = t.j,
-                                        o = t.prevY,
-                                        l = t.categoryAxisCorrection,
-                                        h = t.xRatio,
-                                        c = this.w,
-                                        d = [],
-                                        u = [];
-                                    if (0 === r) {
-                                        var f = l + c.config.markers.offsetX;
-                                        c.globals.isXNumeric && (f = (c.globals.seriesX[i][0] - c.globals.minX) / h + c.config.markers.offsetX),
-                                            d.push(f),
-                                            u.push(p.isNumber(e[n][0]) ? o + c.config.markers.offsetY : null),
-                                            d.push(a + c.config.markers.offsetX),
-                                            u.push(p.isNumber(e[n][r + 1]) ? s + c.config.markers.offsetY : null);
-                                    } else d.push(a + c.config.markers.offsetX), u.push(p.isNumber(e[n][r + 1]) ? s + c.config.markers.offsetY : null);
-                                    return { x: d, y: u };
-                                },
-                            },
-                            {
-                                key: "checkPreviousPaths",
-                                value: function (t) {
-                                    for (var e = t.pathFromLine, i = t.pathFromArea, a = t.realIndex, s = this.w, n = 0; n < s.globals.previousPaths.length; n++) {
-                                        var r = s.globals.previousPaths[n];
-                                        ("line" === r.type || "area" === r.type) &&
-                                            r.paths.length > 0 &&
-                                            parseInt(r.realIndex) === parseInt(a) &&
-                                            ("line" === r.type
-                                                ? ((this.appendPathFrom = !1), (e = s.globals.previousPaths[n].paths[0].d))
-                                                : "area" === r.type && ((this.appendPathFrom = !1), (i = s.globals.previousPaths[n].paths[0].d), s.config.stroke.show && (e = s.globals.previousPaths[n].paths[1].d)));
-                                    }
-                                    return { pathFromLine: e, pathFromArea: i };
-                                },
-                            },
-                            {
-                                key: "determineFirstPrevY",
-                                value: function (t) {
-                                    var e = t.i,
-                                        i = t.series,
-                                        a = t.yRatio,
-                                        s = t.zeroY,
-                                        n = t.prevY,
-                                        r = t.prevSeriesY,
-                                        o = t.lineYPosition,
-                                        l = this.w;
-                                    if (void 0 !== i[e][0]) n = l.config.chart.stacked ? (o = e > 0 ? r[e - 1][0] : s) - i[e][0] / a + 2 * (this.isReversed ? i[e][0] / a : 0) : s - i[e][0] / a + 2 * (this.isReversed ? i[e][0] / a : 0);
-                                    else if (l.config.chart.stacked && e > 0 && void 0 === i[e][0])
-                                        for (var h = e - 1; h >= 0; h--)
-                                            if (null !== i[h][0] && void 0 !== i[h][0]) {
-                                                n = o = r[h][0];
-                                                break;
-                                            }
-                                    return { prevY: n, lineYPosition: o };
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                q = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                        var i = this.w;
-                        (this.xaxisLabels = i.globals.labels.slice()),
-                            i.globals.timelineLabels.length > 0 && (this.xaxisLabels = i.globals.timelineLabels.slice()),
-                            (this.drawnLabels = []),
-                            "top" === i.config.xaxis.position ? (this.offY = 0) : (this.offY = i.globals.gridHeight + 1),
-                            (this.offY = this.offY + i.config.xaxis.axisBorder.offsetY),
-                            (this.xaxisFontSize = i.config.xaxis.labels.style.fontSize),
-                            (this.xaxisFontFamily = i.config.xaxis.labels.style.fontFamily),
-                            (this.xaxisForeColors = i.config.xaxis.labels.style.colors),
-                            (this.xaxisBorderWidth = i.config.xaxis.axisBorder.width),
-                            this.xaxisBorderWidth.indexOf("%") > -1 ? (this.xaxisBorderWidth = (i.globals.gridWidth * parseInt(this.xaxisBorderWidth)) / 100) : (this.xaxisBorderWidth = parseInt(this.xaxisBorderWidth)),
-                            (this.xaxisBorderHeight = i.config.xaxis.axisBorder.height),
-                            (this.yaxis = i.config.yaxis[0]),
-                            (this.axesUtils = new W(e));
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "drawXaxis",
-                                value: function () {
-                                    var t,
-                                        e = this.w,
-                                        i = new m(this.ctx),
-                                        a = i.group({ class: "apexcharts-xaxis", transform: "translate(".concat(e.config.xaxis.offsetX, ", ").concat(e.config.xaxis.offsetY, ")") }),
-                                        s = i.group({ class: "apexcharts-xaxis-texts-g", transform: "translate(".concat(e.globals.translateXAxisX, ", ").concat(e.globals.translateXAxisY, ")") });
-                                    a.add(s);
-                                    for (var n = e.globals.padHorizontal, r = [], o = 0; o < this.xaxisLabels.length; o++) r.push(this.xaxisLabels[o]);
-                                    n = e.globals.isXNumeric ? n + (t = e.globals.gridWidth / (r.length - 1)) / 2 + e.config.xaxis.labels.offsetX : n + (t = e.globals.gridWidth / r.length) + e.config.xaxis.labels.offsetX;
-                                    var l = r.length;
-                                    if (e.config.xaxis.labels.show)
-                                        for (var h = 0; h <= l - 1; h++) {
-                                            var c = n - t / 2 + e.config.xaxis.labels.offsetX,
-                                                d = this.axesUtils.getLabel(r, e.globals.timelineLabels, c, h, this.drawnLabels);
-                                            this.drawnLabels.push(d.text);
-                                            var u = 28;
-                                            e.globals.rotateXLabels && (u = 22);
-                                            var f = i.drawText({
-                                                x: d.x,
-                                                y: this.offY + e.config.xaxis.labels.offsetY + u,
-                                                text: "",
-                                                textAnchor: "middle",
-                                                fontSize: this.xaxisFontSize,
-                                                fontFamily: this.xaxisFontFamily,
-                                                foreColor: Array.isArray(this.xaxisForeColors) ? this.xaxisForeColors[h] : this.xaxisForeColors,
-                                                cssClass: "apexcharts-xaxis-label " + e.config.xaxis.labels.style.cssClass,
-                                            });
-                                            h === l - 1 && e.globals.skipLastTimelinelabel && (d.text = ""), s.add(f), i.addTspan(f, d.text, this.xaxisFontFamily);
-                                            var g = document.createElementNS(e.globals.SVGNS, "title");
-                                            (g.textContent = d.text), f.node.appendChild(g), (n += t);
-                                        }
-                                    if (void 0 !== e.config.xaxis.title.text) {
-                                        var p = i.group({ class: "apexcharts-xaxis-title" }),
-                                            x = i.drawText({
-                                                x: e.globals.gridWidth / 2 + e.config.xaxis.title.offsetX,
-                                                y: this.offY - parseInt(this.xaxisFontSize) + e.globals.xAxisLabelsHeight + e.config.xaxis.title.offsetY,
-                                                text: e.config.xaxis.title.text,
-                                                textAnchor: "middle",
-                                                fontSize: e.config.xaxis.title.style.fontSize,
-                                                fontFamily: e.config.xaxis.title.style.fontFamily,
-                                                foreColor: e.config.xaxis.title.style.color,
-                                                cssClass: "apexcharts-xaxis-title-text " + e.config.xaxis.title.style.cssClass,
-                                            });
-                                        p.add(x), a.add(p);
-                                    }
-                                    if (e.config.xaxis.axisBorder.show) {
-                                        var v = 0;
-                                        "bar" === e.config.chart.type && e.globals.isXNumeric && (v -= 15);
-                                        var b = i.drawLine(e.globals.padHorizontal + v + e.config.xaxis.axisBorder.offsetX, this.offY, this.xaxisBorderWidth, this.offY, e.config.xaxis.axisBorder.color, 0, this.xaxisBorderHeight);
-                                        a.add(b);
-                                    }
-                                    return a;
-                                },
-                            },
-                            {
-                                key: "drawXaxisInversed",
-                                value: function (t) {
-                                    var e,
-                                        i,
-                                        a = this.w,
-                                        s = new m(this.ctx),
-                                        n = a.config.yaxis[0].opposite ? a.globals.translateYAxisX[t] : 0,
-                                        r = s.group({ class: "apexcharts-yaxis apexcharts-xaxis-inversed", rel: t }),
-                                        o = s.group({ class: "apexcharts-yaxis-texts-g apexcharts-xaxis-inversed-texts-g", transform: "translate(" + n + ", 0)" });
-                                    r.add(o);
-                                    for (var l = [], h = 0; h < this.xaxisLabels.length; h++) l.push(this.xaxisLabels[h]);
-                                    i = -(e = a.globals.gridHeight / l.length) / 2.2;
-                                    var c = a.globals.yLabelFormatters[0],
-                                        d = a.config.yaxis[0].labels;
-                                    if (d.show)
-                                        for (var u = 0; u <= l.length - 1; u++) {
-                                            var f = void 0 === l[u] ? "" : l[u];
-                                            f = c(f);
-                                            var g = s.drawText({
-                                                x: d.offsetX - 15,
-                                                y: i + e + d.offsetY,
-                                                text: f,
-                                                textAnchor: this.yaxis.opposite ? "start" : "end",
-                                                foreColor: d.style.color ? d.style.color : d.style.colors[u],
-                                                fontSize: d.style.fontSize,
-                                                fontFamily: d.style.fontFamily,
-                                                cssClass: "apexcharts-yaxis-label " + d.style.cssClass,
-                                            });
-                                            if ((o.add(g), 0 !== a.config.yaxis[t].labels.rotate)) {
-                                                var p = s.rotateAroundCenter(g.node);
-                                                g.node.setAttribute("transform", "rotate(".concat(a.config.yaxis[t].labels.rotate, " ").concat(p.x, " ").concat(p.y, ")"));
-                                            }
-                                            i += e;
-                                        }
-                                    if (void 0 !== a.config.yaxis[0].title.text) {
-                                        var x = s.group({ class: "apexcharts-yaxis-title apexcharts-xaxis-title-inversed", transform: "translate(" + n + ", 0)" }),
-                                            v = s.drawText({
-                                                x: 0,
-                                                y: a.globals.gridHeight / 2,
-                                                text: a.config.yaxis[0].title.text,
-                                                textAnchor: "middle",
-                                                foreColor: a.config.yaxis[0].title.style.color,
-                                                fontSize: a.config.yaxis[0].title.style.fontSize,
-                                                fontFamily: a.config.yaxis[0].title.style.fontFamily,
-                                                cssClass: "apexcharts-yaxis-title-text " + a.config.yaxis[0].title.style.cssClass,
-                                            });
-                                        x.add(v), r.add(x);
-                                    }
-                                    if (a.config.xaxis.axisBorder.show) {
-                                        var b = s.drawLine(a.globals.padHorizontal + a.config.xaxis.axisBorder.offsetX, this.offY, this.xaxisBorderWidth, this.offY, this.yaxis.axisBorder.color, 0, this.xaxisBorderHeight);
-                                        r.add(b), this.axesUtils.drawYAxisTicks(0, l.length, a.config.yaxis[0].axisBorder, a.config.yaxis[0].axisTicks, 0, e, r);
-                                    }
-                                    return r;
-                                },
-                            },
-                            {
-                                key: "drawXaxisTicks",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = t;
-                                    if (!(t < 0 || t > i.globals.gridWidth)) {
-                                        var s = this.offY + i.config.xaxis.axisTicks.offsetY,
-                                            n = s + i.config.xaxis.axisTicks.height;
-                                        if (i.config.xaxis.axisTicks.show) {
-                                            var r = new m(this.ctx).drawLine(
-                                                t + i.config.xaxis.axisTicks.offsetX,
-                                                s + i.config.xaxis.offsetY,
-                                                a + i.config.xaxis.axisTicks.offsetX,
-                                                n + i.config.xaxis.offsetY,
-                                                i.config.xaxis.axisTicks.color
-                                            );
-                                            e.add(r), r.node.classList.add("apexcharts-xaxis-tick");
-                                        }
-                                    }
-                                },
-                            },
-                            {
-                                key: "getXAxisTicksPositions",
-                                value: function () {
-                                    var t = this.w,
-                                        e = [],
-                                        i = this.xaxisLabels.length,
-                                        a = t.globals.padHorizontal;
-                                    if (t.globals.timelineLabels.length > 0) for (var s = 0; s < i; s++) (a = this.xaxisLabels[s].position), e.push(a);
-                                    else
-                                        for (var n = i, r = 0; r < n; r++) {
-                                            var o = n;
-                                            t.globals.isXNumeric && "bar" !== t.config.chart.type && (o -= 1), (a += t.globals.gridWidth / o), e.push(a);
-                                        }
-                                    return e;
-                                },
-                            },
-                            {
-                                key: "xAxisLabelCorrections",
-                                value: function () {
-                                    var t = this.w,
-                                        e = new m(this.ctx),
-                                        i = t.globals.dom.baseEl.querySelector(".apexcharts-xaxis-texts-g"),
-                                        a = t.globals.dom.baseEl.querySelectorAll(".apexcharts-xaxis-texts-g text"),
-                                        s = t.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxis-inversed text"),
-                                        n = t.globals.dom.baseEl.querySelectorAll(".apexcharts-xaxis-inversed-texts-g text");
-                                    if (t.globals.rotateXLabels || t.config.xaxis.labels.rotateAlways)
-                                        for (var r = 0; r < a.length; r++) {
-                                            var o = e.rotateAroundCenter(a[r]);
-                                            (o.y = o.y - 1), (o.x = o.x + 1), a[r].setAttribute("transform", "rotate(".concat(t.config.xaxis.labels.rotate, " ").concat(o.x, " ").concat(o.y, ")")), a[r].setAttribute("text-anchor", "end");
-                                            i.setAttribute("transform", "translate(0, ".concat(-10, ")"));
-                                            var l = a[r].childNodes;
-                                            t.config.xaxis.labels.trim && e.placeTextWithEllipsis(l[0], l[0].textContent, t.config.xaxis.labels.maxHeight - 40);
-                                        }
-                                    else
-                                        for (var h = t.globals.gridWidth / t.globals.labels.length, c = 0; c < a.length; c++) {
-                                            var d = a[c].childNodes;
-                                            t.config.xaxis.labels.trim && "datetime" !== t.config.xaxis.type && e.placeTextWithEllipsis(d[0], d[0].textContent, h);
-                                        }
-                                    if (s.length > 0) {
-                                        var u = s[s.length - 1].getBBox(),
-                                            f = s[0].getBBox();
-                                        u.x < -20 && s[s.length - 1].parentNode.removeChild(s[s.length - 1]), f.x + f.width > t.globals.gridWidth && s[0].parentNode.removeChild(s[0]);
-                                        for (var g = 0; g < n.length; g++) e.placeTextWithEllipsis(n[g], n[g].textContent, t.config.yaxis[0].labels.maxWidth - 2 * parseInt(t.config.yaxis[0].title.style.fontSize) - 20);
-                                    }
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                Z = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "niceScale",
-                                value: function (t, e, i) {
-                                    var a = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : 0,
-                                        s = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : 10,
-                                        n = this.w,
-                                        r = (void 0 === this.w.config.yaxis[a].max && void 0 === this.w.config.yaxis[a].min) || this.w.config.yaxis[a].forceNiceScale;
-                                    if ((t === Number.MIN_VALUE && 0 === e) || (!p.isNumber(t) && !p.isNumber(e)) || (t === Number.MIN_VALUE && e === -Number.MAX_VALUE)) return (t = 0), (e = s), this.linearScale(t, e, s);
-                                    t > e ? (console.warn("yaxis.min cannot be greater than yaxis.max"), (e = t + 0.1)) : t === e && ((t = 0 === t ? 0 : t - 0.5), (e = 0 === e ? 2 : e + 0.5));
-                                    var o = [],
-                                        l = Math.abs(e - t);
-                                    l < 1 && r && ("candlestick" === n.config.chart.type || "candlestick" === n.config.series[a].type || n.globals.isRangeData) && (e *= 1.01);
-                                    var h = s + 1;
-                                    h < 2 ? (h = 2) : h > 2 && (h -= 2);
-                                    for (var c = l / h, d = Math.floor(p.log10(c)), u = Math.pow(10, d), f = parseInt(c / u) * u, g = f * Math.floor(t / f), x = f * Math.ceil(e / f), v = g; o.push(v), !((v += f) > x); );
-                                    if (r && i > 10) return { result: o, niceMin: o[0], niceMax: o[o.length - 1] };
-                                    var m = t;
-                                    (o = []).push(m);
-                                    for (var b = Math.abs(e - t) / s, y = 0; y <= s; y++) (m += b), o.push(m);
-                                    return o[o.length - 2] >= e && o.pop(), { result: o, niceMin: o[0], niceMax: o[o.length - 1] };
-                                },
-                            },
-                            {
-                                key: "linearScale",
-                                value: function (t, e) {
-                                    var i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 10,
-                                        a = Math.abs(e - t) / i;
-                                    i === Number.MAX_VALUE && ((i = 10), (a = 1));
-                                    for (var s = [], n = t; i >= 0; ) s.push(n), (n += a), (i -= 1);
-                                    return { result: s, niceMin: s[0], niceMax: s[s.length - 1] };
-                                },
-                            },
-                            {
-                                key: "logarithmicScale",
-                                value: function (t, e, i, a) {
-                                    (e < 0 || e === Number.MIN_VALUE) && (e = 0.01);
-                                    for (var s = Math.log(e) / Math.log(10), n = Math.log(i) / Math.log(10), r = Math.abs(i - e) / a, o = [], l = e; a >= 0; ) o.push(l), (l += r), (a -= 1);
-                                    var h = o.map(function (t, a) {
-                                        t <= 0 && (t = 0.01);
-                                        var r = (n - s) / (i - e),
-                                            o = Math.pow(10, s + r * (t - s));
-                                        return Math.round(o / p.roundToBase(o, 10)) * p.roundToBase(o, 10);
-                                    });
-                                    return 0 === h[0] && (h[0] = 1), { result: h, niceMin: h[0], niceMax: h[h.length - 1] };
-                                },
-                            },
-                            {
-                                key: "setYScaleForIndex",
-                                value: function (t, e, i) {
-                                    var a = this.w.globals,
-                                        s = this.w.config,
-                                        n = a.isBarHorizontal ? s.xaxis : s.yaxis[t];
-                                    if ((void 0 === a.yAxisScale[t] && (a.yAxisScale[t] = []), n.logarithmic))
-                                        (a.allSeriesCollapsed = !1), (a.yAxisScale[t] = this.logarithmicScale(t, e, i, n.tickAmount ? n.tickAmount : Math.floor(Math.log10(i))));
-                                    else if (i !== -Number.MAX_VALUE && p.isNumber(i))
-                                        if (((a.allSeriesCollapsed = !1), (void 0 === n.min && void 0 === n.max) || n.forceNiceScale)) {
-                                            var r = Math.abs(i - e);
-                                            a.yAxisScale[t] = this.niceScale(e, i, r, t, n.tickAmount ? n.tickAmount : r < 5 && r > 1 ? r + 1 : 5);
-                                        } else a.yAxisScale[t] = this.linearScale(e, i, n.tickAmount);
-                                    else a.yAxisScale[t] = this.linearScale(0, 5, 5);
-                                },
-                            },
-                            {
-                                key: "setMultipleYScales",
-                                value: function () {
-                                    var t = this,
-                                        e = this.w.globals,
-                                        i = this.w.config,
-                                        a = e.minYArr.concat([]),
-                                        s = e.maxYArr.concat([]),
-                                        n = [];
-                                    i.yaxis.forEach(function (r, o) {
-                                        var l = o;
-                                        i.series.forEach(function (t, i) {
-                                            t.name === r.seriesName && -1 === e.collapsedSeriesIndices.indexOf(i) && ((l = i), o !== i ? n.push({ index: i, similarIndex: o, alreadyExists: !0 }) : n.push({ index: i }));
-                                        });
-                                        var h = a[l],
-                                            c = s[l];
-                                        t.setYScaleForIndex(o, h, c);
-                                    }),
-                                        this.sameScaleInMultipleAxes(a, s, n);
-                                },
-                            },
-                            {
-                                key: "sameScaleInMultipleAxes",
-                                value: function (t, e, i) {
-                                    var a = this,
-                                        s = this.w.config,
-                                        n = this.w.globals,
-                                        r = [];
-                                    i.forEach(function (t) {
-                                        t.alreadyExists && (void 0 === r[t.index] && (r[t.index] = []), r[t.index].push(t.index), r[t.index].push(t.similarIndex));
-                                    }),
-                                        r.forEach(function (t, e) {
-                                            r.forEach(function (i, a) {
-                                                var s, n;
-                                                e !== a &&
-                                                    ((s = t),
-                                                    (n = i),
-                                                    s.filter(function (t) {
-                                                        return -1 !== n.indexOf(t);
-                                                    })).length > 0 &&
-                                                    (r[e] = r[e].concat(r[a]));
-                                            });
-                                        });
-                                    var o = r
-                                        .map(function (t) {
-                                            return t.filter(function (e, i) {
-                                                return t.indexOf(e) === i;
-                                            });
-                                        })
-                                        .map(function (t) {
-                                            return t.sort();
-                                        });
-                                    r = r.filter(function (t) {
-                                        return !!t;
-                                    });
-                                    var l = o.slice(),
-                                        h = l.map(function (t) {
-                                            return JSON.stringify(t);
-                                        });
-                                    l = l.filter(function (t, e) {
-                                        return h.indexOf(JSON.stringify(t)) === e;
-                                    });
-                                    var c = [],
-                                        d = [];
-                                    t.forEach(function (t, i) {
-                                        l.forEach(function (a, s) {
-                                            a.indexOf(i) > -1 && (void 0 === c[s] && ((c[s] = []), (d[s] = [])), c[s].push({ key: i, value: t }), d[s].push({ key: i, value: e[i] }));
-                                        });
-                                    });
-                                    var u = Array.apply(null, Array(l.length)).map(Number.prototype.valueOf, Number.MIN_VALUE),
-                                        f = Array.apply(null, Array(l.length)).map(Number.prototype.valueOf, -Number.MAX_VALUE);
-                                    c.forEach(function (t, e) {
-                                        t.forEach(function (t, i) {
-                                            u[e] = Math.min(t.value, u[e]);
-                                        });
-                                    }),
-                                        d.forEach(function (t, e) {
-                                            t.forEach(function (t, i) {
-                                                f[e] = Math.max(t.value, f[e]);
-                                            });
-                                        }),
-                                        t.forEach(function (t, e) {
-                                            d.forEach(function (t, i) {
-                                                var r = u[i],
-                                                    o = f[i];
-                                                s.chart.stacked &&
-                                                    ((o = 0),
-                                                    t.forEach(function (t, e) {
-                                                        (o += t.value), r !== Number.MIN_VALUE && (r += c[i][e].value);
-                                                    })),
-                                                    t.forEach(function (i, l) {
-                                                        t[l].key === e &&
-                                                            (void 0 !== s.yaxis[e].min && (r = "function" == typeof s.yaxis[e].min ? s.yaxis[e].min(n.minY) : s.yaxis[e].min),
-                                                            void 0 !== s.yaxis[e].max && (o = "function" == typeof s.yaxis[e].max ? s.yaxis[e].max(n.maxY) : s.yaxis[e].max),
-                                                            a.setYScaleForIndex(e, r, o));
-                                                    });
-                                            });
-                                        });
-                                },
-                            },
-                            {
-                                key: "autoScaleY",
-                                value: function (t, e, i) {
-                                    t || (t = this);
-                                    var a = t.w,
-                                        s = a.globals.seriesX[0],
-                                        n = a.config.chart.stacked;
-                                    return (
-                                        e.forEach(function (t, r) {
-                                            for (var o = 0, l = 0; l < s.length; l++)
-                                                if (s[l] >= i.xaxis.min) {
-                                                    o = l;
-                                                    break;
-                                                }
-                                            var h,
-                                                c,
-                                                d = a.globals.minYArr[r],
-                                                u = a.globals.maxYArr[r],
-                                                f = a.globals.stackedSeriesTotals;
-                                            a.globals.series.forEach(function (r, l) {
-                                                var g = r[o];
-                                                n
-                                                    ? ((g = f[o]),
-                                                      (h = c = g),
-                                                      f.forEach(function (t, e) {
-                                                          s[e] <= i.xaxis.max && s[e] >= i.xaxis.min && (t > c && null !== t && (c = t), r[e] < h && null !== r[e] && (h = r[e]));
-                                                      }))
-                                                    : ((h = c = g),
-                                                      r.forEach(function (t, e) {
-                                                          if (s[e] <= i.xaxis.max && s[e] >= i.xaxis.min) {
-                                                              var n = t,
-                                                                  r = t;
-                                                              a.globals.series.forEach(function (i, a) {
-                                                                  null !== t && ((n = Math.min(i[e], n)), (r = Math.max(i[e], r)));
-                                                              }),
-                                                                  r > c && null !== r && (c = r),
-                                                                  n < h && null !== n && (h = n);
-                                                          }
-                                                      })),
-                                                    void 0 === h && void 0 === c && ((h = d), (c = u)),
-                                                    (c *= c < 0 ? 0.9 : 1.1) < 0 && c < u && (c = u),
-                                                    (h *= h < 0 ? 1.1 : 0.9) < 0 && h > d && (h = d),
-                                                    e.length > 1
-                                                        ? ((e[l].min = void 0 === t.min ? h : t.min), (e[l].max = void 0 === t.max ? c : t.max))
-                                                        : ((e[0].min = void 0 === t.min ? h : t.min), (e[0].max = void 0 === t.max ? c : t.max));
-                                            });
-                                        }),
-                                        e
-                                    );
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                $ = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w), (this.scales = new Z(e));
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "init",
-                                value: function () {
-                                    this.setYRange(), this.setXRange(), this.setZRange();
-                                },
-                            },
-                            {
-                                key: "getMinYMaxY",
-                                value: function (t) {
-                                    var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : Number.MAX_VALUE,
-                                        i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : -Number.MAX_VALUE,
-                                        a = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : null,
-                                        s = this.w.globals,
-                                        n = -Number.MAX_VALUE,
-                                        r = Number.MIN_VALUE;
-                                    null === a && (a = t + 1);
-                                    var o = s.series,
-                                        l = o,
-                                        h = o;
-                                    "candlestick" === this.w.config.chart.type ? ((l = s.seriesCandleL), (h = s.seriesCandleH)) : s.isRangeData && ((l = s.seriesRangeStart), (h = s.seriesRangeEnd));
-                                    for (var c = t; c < a; c++) {
-                                        s.dataPoints = Math.max(s.dataPoints, o[c].length);
-                                        for (var d = 0; d < s.series[c].length; d++) {
-                                            var u = o[c][d];
-                                            null !== u && p.isNumber(u)
-                                                ? ((n = Math.max(n, h[c][d])),
-                                                  (e = Math.min(e, l[c][d])),
-                                                  (i = Math.max(i, l[c][d])),
-                                                  "candlestick" === this.w.config.chart.type &&
-                                                      ((n = Math.max(n, s.seriesCandleO[c][d])), (n = Math.max(n, s.seriesCandleH[c][d])), (n = Math.max(n, s.seriesCandleL[c][d])), (i = n = Math.max(n, s.seriesCandleC[c][d]))),
-                                                  p.isFloat(u) && ((u = p.noExponents(u)), (s.yValueDecimal = Math.max(s.yValueDecimal, u.toString().split(".")[1].length))),
-                                                  r > l[c][d] && l[c][d] < 0 && (r = l[c][d]))
-                                                : (s.hasNullValues = !0);
-                                        }
-                                    }
-                                    return { minY: r, maxY: n, lowestY: e, highestY: i };
-                                },
-                            },
-                            {
-                                key: "setYRange",
-                                value: function () {
-                                    var t = this.w.globals,
-                                        e = this.w.config;
-                                    (t.maxY = -Number.MAX_VALUE), (t.minY = Number.MIN_VALUE);
-                                    var i = Number.MAX_VALUE;
-                                    if (t.isMultipleYAxis)
-                                        for (var a = 0; a < t.series.length; a++) {
-                                            var s = this.getMinYMaxY(a, i, null, a + 1);
-                                            t.minYArr.push(s.minY), t.maxYArr.push(s.maxY), (i = s.lowestY);
-                                        }
-                                    var n = this.getMinYMaxY(0, i, null, t.series.length);
-                                    if (((t.minY = n.minY), (t.maxY = n.maxY), (i = n.lowestY), e.chart.stacked)) {
-                                        for (var r = [], o = [], l = 0; l < t.series[t.maxValsInArrayIndex].length; l++)
-                                            for (var h = 0, c = 0, d = 0; d < t.series.length; d++)
-                                                null !== t.series[d][l] && p.isNumber(t.series[d][l]) && (t.series[d][l] > 0 ? (h = h + parseFloat(t.series[d][l]) + 1e-4) : (c += parseFloat(t.series[d][l]))),
-                                                    d === t.series.length - 1 && (r.push(h), o.push(c));
-                                        for (var u = 0; u < r.length; u++) (t.maxY = Math.max(t.maxY, r[u])), (t.minY = Math.min(t.minY, o[u]));
-                                    }
-                                    if (("line" === e.chart.type || "area" === e.chart.type || "candlestick" === e.chart.type) && t.minY === Number.MIN_VALUE && i !== -Number.MAX_VALUE && i !== t.maxY) {
-                                        var f = t.maxY - i;
-                                        i >= 0 && i <= 10 && (f = 0), (t.minY = i - (5 * f) / 100), (t.maxY = t.maxY + (5 * f) / 100);
-                                    }
-                                    return (
-                                        e.yaxis.map(function (e, i) {
-                                            void 0 !== e.max && ("number" == typeof e.max ? (t.maxYArr[i] = e.max) : "function" == typeof e.max && (t.maxYArr[i] = e.max(t.maxY)), (t.maxY = t.maxYArr[i])),
-                                                void 0 !== e.min && ("number" == typeof e.min ? (t.minYArr[i] = e.min) : "function" == typeof e.min && (t.minYArr[i] = e.min(t.minY)), (t.minY = t.minYArr[i]));
-                                        }),
-                                        t.isBarHorizontal && (void 0 !== e.xaxis.min && "number" == typeof e.xaxis.min && (t.minY = e.xaxis.min), void 0 !== e.xaxis.max && "number" == typeof e.xaxis.max && (t.maxY = e.xaxis.max)),
-                                        t.isMultipleYAxis
-                                            ? (this.scales.setMultipleYScales(),
-                                              (t.minY = i),
-                                              t.yAxisScale.forEach(function (e, i) {
-                                                  (t.minYArr[i] = e.niceMin), (t.maxYArr[i] = e.niceMax);
-                                              }))
-                                            : (this.scales.setYScaleForIndex(0, t.minY, t.maxY),
-                                              (t.minY = t.yAxisScale[0].niceMin),
-                                              (t.maxY = t.yAxisScale[0].niceMax),
-                                              (t.minYArr[0] = t.yAxisScale[0].niceMin),
-                                              (t.maxYArr[0] = t.yAxisScale[0].niceMax)),
-                                        { minY: t.minY, maxY: t.maxY, minYArr: t.minYArr, maxYArr: t.maxYArr }
-                                    );
-                                },
-                            },
-                            {
-                                key: "setXRange",
-                                value: function () {
-                                    var t,
-                                        e = this.w.globals,
-                                        i = this.w.config,
-                                        a = "numeric" === i.xaxis.type || "datetime" === i.xaxis.type || ("category" === i.xaxis.type && !e.noLabelsProvided) || e.noLabelsProvided || e.isXNumeric;
-                                    if (e.isXNumeric)
-                                        for (var s = 0; s < e.series.length; s++)
-                                            if (e.labels[s])
-                                                for (var n = 0; n < e.labels[s].length; n++)
-                                                    null !== e.labels[s][n] &&
-                                                        p.isNumber(e.labels[s][n]) &&
-                                                        ((e.maxX = Math.max(e.maxX, e.labels[s][n])),
-                                                        (e.initialmaxX = Math.max(e.maxX, e.labels[s][n])),
-                                                        (e.minX = Math.min(e.minX, e.labels[s][n])),
-                                                        (e.initialminX = Math.min(e.minX, e.labels[s][n])));
-                                    if (
-                                        (e.noLabelsProvided && 0 === i.xaxis.categories.length && ((e.maxX = e.labels[e.labels.length - 1]), (e.initialmaxX = e.labels[e.labels.length - 1]), (e.minX = 1), (e.initialminX = 1)),
-                                        (e.comboChartsHasBars || "candlestick" === i.chart.type || ("bar" === i.chart.type && e.isXNumeric)) && ("category" !== i.xaxis.type || e.isXNumeric))
-                                    ) {
-                                        var r = (e.svgWidth / e.dataPoints) * (Math.abs(e.maxX - e.minX) / e.svgWidth),
-                                            o = e.minX - r / 2;
-                                        (e.minX = o), (e.initialminX = o);
-                                        var l = e.maxX + r / ((e.series.length + 1) / e.series.length);
-                                        (e.maxX = l), (e.initialmaxX = l);
-                                    }
-                                    (!e.isXNumeric && !e.noLabelsProvided) ||
-                                        (i.xaxis.convertedCatToNumeric && !e.dataFormatXNumeric) ||
-                                        (void 0 === i.xaxis.tickAmount
-                                            ? ((t = Math.round(e.svgWidth / 150)), "numeric" === i.xaxis.type && e.dataPoints < 20 && (t = e.dataPoints - 1), t > e.dataPoints && 0 !== e.dataPoints && (t = e.dataPoints - 1))
-                                            : (t = "dataPoints" === i.xaxis.tickAmount ? e.series[e.maxValsInArrayIndex].length - 1 : i.xaxis.tickAmount),
-                                        void 0 !== i.xaxis.max && "number" == typeof i.xaxis.max && (e.maxX = i.xaxis.max),
-                                        void 0 !== i.xaxis.min && "number" == typeof i.xaxis.min && (e.minX = i.xaxis.min),
-                                        void 0 !== i.xaxis.range && (e.minX = e.maxX - i.xaxis.range),
-                                        e.minX !== Number.MAX_VALUE && e.maxX !== -Number.MAX_VALUE
-                                            ? (e.xAxisScale = this.scales.linearScale(e.minX, e.maxX, t))
-                                            : ((e.xAxisScale = this.scales.linearScale(1, t, t)),
-                                              e.noLabelsProvided && e.labels.length > 0 && ((e.xAxisScale = this.scales.linearScale(1, e.labels.length, t - 1)), (e.seriesX = e.labels.slice()))),
-                                        a && (e.labels = e.xAxisScale.result.slice()));
-                                    if (e.minX === e.maxX)
-                                        if ("datetime" === i.xaxis.type) {
-                                            var h = new Date(e.minX);
-                                            h.setDate(h.getDate() - 2), (e.minX = new Date(h).getTime());
-                                            var c = new Date(e.maxX);
-                                            c.setDate(c.getDate() + 2), (e.maxX = new Date(c).getTime());
-                                        } else ("numeric" === i.xaxis.type || ("category" === i.xaxis.type && !e.noLabelsProvided)) && ((e.minX = e.minX - 2), (e.maxX = e.maxX + 2));
-                                    return (
-                                        e.isXNumeric &&
-                                            (e.seriesX.forEach(function (t, i) {
-                                                t.forEach(function (t, a) {
-                                                    if (a > 0) {
-                                                        var s = t - e.seriesX[i][a - 1];
-                                                        e.minXDiff = Math.min(s, e.minXDiff);
-                                                    }
-                                                });
-                                            }),
-                                            this.calcMinXDiffForTinySeries()),
-                                        { minX: e.minX, maxX: e.maxX }
-                                    );
-                                },
-                            },
-                            {
-                                key: "calcMinXDiffForTinySeries",
-                                value: function () {
-                                    var t = this.w,
-                                        e = t.globals.labels.length;
-                                    return (
-                                        1 === t.globals.labels.length
-                                            ? (t.globals.minXDiff = (t.globals.maxX - t.globals.minX) / e / 3)
-                                            : t.globals.minXDiff === Number.MAX_VALUE &&
-                                              (t.globals.timelineLabels.length > 0 && (e = t.globals.timelineLabels.length), e < 3 && (e = 3), (t.globals.minXDiff = (t.globals.maxX - t.globals.minX) / e)),
-                                        t.globals.minXDiff
-                                    );
-                                },
-                            },
-                            {
-                                key: "setZRange",
-                                value: function () {
-                                    var t = this.w.globals;
-                                    if (t.isDataXYZ)
-                                        for (var e = 0; e < t.series.length; e++)
-                                            if (void 0 !== t.seriesZ[e])
-                                                for (var i = 0; i < t.seriesZ[e].length; i++)
-                                                    null !== t.seriesZ[e][i] && p.isNumber(t.seriesZ[e][i]) && ((t.maxZ = Math.max(t.maxZ, t.seriesZ[e][i])), (t.minZ = Math.min(t.minZ, t.seriesZ[e][i])));
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                J = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w), (this.timeScaleArray = []);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "calculateTimeScaleTicks",
-                                value: function (t, e) {
-                                    var i = this,
-                                        a = this.w;
-                                    if (a.globals.allSeriesCollapsed) return (a.globals.labels = []), (a.globals.timelineLabels = []), [];
-                                    var s = new k(this.ctx),
-                                        n = (e - t) / 864e5;
-                                    this.determineInterval(n), (a.globals.disableZoomIn = !1), (a.globals.disableZoomOut = !1), n < 0.005 ? (a.globals.disableZoomIn = !0) : n > 5e4 && (a.globals.disableZoomOut = !0);
-                                    var r = s.getTimeUnitsfromTimestamp(t, e),
-                                        o = a.globals.gridWidth / n,
-                                        l = o / 24,
-                                        c = l / 60,
-                                        d = Math.floor(24 * n),
-                                        u = Math.floor(24 * n * 60),
-                                        f = Math.floor(n),
-                                        g = Math.floor(n / 30),
-                                        p = Math.floor(n / 365),
-                                        x = { minMinute: r.minMinute, minHour: r.minHour, minDate: r.minDate, minMonth: r.minMonth, minYear: r.minYear },
-                                        v = {
-                                            firstVal: x,
-                                            currentMinute: x.minMinute,
-                                            currentHour: x.minHour,
-                                            currentMonthDate: x.minDate,
-                                            currentDate: x.minDate,
-                                            currentMonth: x.minMonth,
-                                            currentYear: x.minYear,
-                                            daysWidthOnXAxis: o,
-                                            hoursWidthOnXAxis: l,
-                                            minutesWidthOnXAxis: c,
-                                            numberOfMinutes: u,
-                                            numberOfHours: d,
-                                            numberOfDays: f,
-                                            numberOfMonths: g,
-                                            numberOfYears: p,
-                                        };
-                                    switch (this.tickInterval) {
-                                        case "years":
-                                            this.generateYearScale(v);
-                                            break;
-                                        case "months":
-                                        case "half_year":
-                                            this.generateMonthScale(v);
-                                            break;
-                                        case "months_days":
-                                        case "months_fortnight":
-                                        case "days":
-                                        case "week_days":
-                                            this.generateDayScale(v);
-                                            break;
-                                        case "hours":
-                                            this.generateHourScale(v);
-                                            break;
-                                        case "minutes":
-                                            this.generateMinuteScale(v);
-                                    }
-                                    var m = this.timeScaleArray.map(function (t) {
-                                        var e = { position: t.position, unit: t.unit, year: t.year, day: t.day ? t.day : 1, hour: t.hour ? t.hour : 0, month: t.month + 1 };
-                                        return "month" === t.unit
-                                            ? h({}, e, { value: t.value + 1 })
-                                            : "day" === t.unit || "hour" === t.unit
-                                            ? h({}, e, { value: t.value })
-                                            : "minute" === t.unit
-                                            ? h({}, e, { value: t.value, minute: t.value })
-                                            : t;
-                                    });
-                                    return m.filter(function (t) {
-                                        var e = 1,
-                                            s = Math.ceil(a.globals.gridWidth / 120),
-                                            n = t.value;
-                                        void 0 !== a.config.xaxis.tickAmount && (s = a.config.xaxis.tickAmount), m.length > s && (e = Math.floor(m.length / s));
-                                        var r = !1,
-                                            o = !1;
-                                        switch (i.tickInterval) {
-                                            case "half_year":
-                                                (e = 7), "year" === t.unit && (r = !0);
-                                                break;
-                                            case "months":
-                                                (e = 1), "year" === t.unit && (r = !0);
-                                                break;
-                                            case "months_fortnight":
-                                                (e = 15), ("year" !== t.unit && "month" !== t.unit) || (r = !0), 30 === n && (o = !0);
-                                                break;
-                                            case "months_days":
-                                                (e = 10), "month" === t.unit && (r = !0), 30 === n && (o = !0);
-                                                break;
-                                            case "week_days":
-                                                (e = 8), "month" === t.unit && (r = !0);
-                                                break;
-                                            case "days":
-                                                (e = 1), "month" === t.unit && (r = !0);
-                                                break;
-                                            case "hours":
-                                                "day" === t.unit && (r = !0);
-                                                break;
-                                            case "minutes":
-                                                n % 5 != 0 && (o = !0);
-                                        }
-                                        if ("minutes" === i.tickInterval || "hours" === i.tickInterval) {
-                                            if (!o) return !0;
-                                        } else if ((n % e == 0 || r) && !o) return !0;
-                                    });
-                                },
-                            },
-                            {
-                                key: "recalcDimensionsBasedOnFormat",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = this.formatDates(t),
-                                        s = this.removeOverlappingTS(a);
-                                    e ? (i.globals.invertedTimelineLabels = s.slice()) : (i.globals.timelineLabels = s.slice()), new V(this.ctx).plotCoords();
-                                },
-                            },
-                            {
-                                key: "determineInterval",
-                                value: function (t) {
-                                    switch (!0) {
-                                        case t > 1825:
-                                            this.tickInterval = "years";
-                                            break;
-                                        case t > 800 && t <= 1825:
-                                            this.tickInterval = "half_year";
-                                            break;
-                                        case t > 180 && t <= 800:
-                                            this.tickInterval = "months";
-                                            break;
-                                        case t > 90 && t <= 180:
-                                            this.tickInterval = "months_fortnight";
-                                            break;
-                                        case t > 60 && t <= 90:
-                                            this.tickInterval = "months_days";
-                                            break;
-                                        case t > 30 && t <= 60:
-                                            this.tickInterval = "week_days";
-                                            break;
-                                        case t > 2 && t <= 30:
-                                            this.tickInterval = "days";
-                                            break;
-                                        case t > 0.1 && t <= 2:
-                                            this.tickInterval = "hours";
-                                            break;
-                                        case t < 0.1:
-                                            this.tickInterval = "minutes";
-                                            break;
-                                        default:
-                                            this.tickInterval = "days";
-                                    }
-                                },
-                            },
-                            {
-                                key: "generateYearScale",
-                                value: function (t) {
-                                    var e = t.firstVal,
-                                        i = t.currentMonth,
-                                        a = t.currentYear,
-                                        s = t.daysWidthOnXAxis,
-                                        n = t.numberOfYears,
-                                        r = e.minYear,
-                                        o = 0,
-                                        l = new k(this.ctx);
-                                    if (e.minDate > 1 && e.minMonth > 0) {
-                                        var h = l.determineRemainingDaysOfYear(e.minYear, e.minMonth, e.minDate);
-                                        (o = (l.determineDaysOfYear(e.minYear) - h + 1) * s), (r = e.minYear + 1), this.timeScaleArray.push({ position: o, value: r, unit: "year", year: r, month: p.monthMod(i + 1) });
-                                    } else 1 === e.minDate && 0 === e.minMonth && this.timeScaleArray.push({ position: o, value: r, unit: "year", year: a, month: p.monthMod(i + 1) });
-                                    for (var c = r, d = o, u = 0; u < n; u++) c++, (d = l.determineDaysOfYear(c - 1) * s + d), this.timeScaleArray.push({ position: d, value: c, unit: "year", year: c, month: 1 });
-                                },
-                            },
-                            {
-                                key: "generateMonthScale",
-                                value: function (t) {
-                                    var e = t.firstVal,
-                                        i = t.currentMonthDate,
-                                        a = t.currentMonth,
-                                        s = t.currentYear,
-                                        n = t.daysWidthOnXAxis,
-                                        r = t.numberOfMonths,
-                                        o = a,
-                                        l = 0,
-                                        h = new k(this.ctx),
-                                        c = "month",
-                                        d = 0;
-                                    if (e.minDate > 1) {
-                                        (l = (h.determineDaysOfMonths(a + 1, e.minYear) - i + 1) * n), (o = p.monthMod(a + 1));
-                                        var u = s + d,
-                                            f = p.monthMod(o),
-                                            g = o;
-                                        0 === o && ((c = "year"), (g = u), (f = 1), (u += d += 1)), this.timeScaleArray.push({ position: l, value: g, unit: c, year: u, month: f });
-                                    } else this.timeScaleArray.push({ position: l, value: o, unit: c, year: s, month: p.monthMod(a) });
-                                    for (var x = o + 1, v = l, m = 0, b = 1; m < r; m++, b++) {
-                                        0 === (x = p.monthMod(x)) ? ((c = "year"), (d += 1)) : (c = "month");
-                                        var y = s + Math.floor(x / 12) + d;
-                                        v = h.determineDaysOfMonths(x, y) * n + v;
-                                        var w = 0 === x ? y : x;
-                                        this.timeScaleArray.push({ position: v, value: w, unit: c, year: y, month: 0 === x ? 1 : x }), x++;
-                                    }
-                                },
-                            },
-                            {
-                                key: "generateDayScale",
-                                value: function (t) {
-                                    var e = t.firstVal,
-                                        i = t.currentMonth,
-                                        a = t.currentYear,
-                                        s = t.hoursWidthOnXAxis,
-                                        n = t.numberOfDays,
-                                        r = new k(this.ctx),
-                                        o = "day",
-                                        l = (24 - e.minHour) * s,
-                                        h = e.minDate + 1,
-                                        c = h,
-                                        d = function (t, e, i) {
-                                            return t > r.determineDaysOfMonths(e + 1, i) ? ((u = 1), (o = "month"), (c = e += 1), e) : e;
-                                        },
-                                        u = h,
-                                        f = d(u, i, a);
-                                    this.timeScaleArray.push({ position: l, value: c, unit: o, year: a, month: p.monthMod(f), day: u });
-                                    for (var g = l, x = 0; x < n; x++) {
-                                        (o = "day"), (f = d((u += 1), f, a + Math.floor(f / 12) + 0));
-                                        var v = a + Math.floor(f / 12) + 0;
-                                        g = 24 * s + g;
-                                        var m = 1 === u ? p.monthMod(f) : u;
-                                        this.timeScaleArray.push({ position: g, value: m, unit: o, year: v, month: p.monthMod(f), day: m });
-                                    }
-                                },
-                            },
-                            {
-                                key: "generateHourScale",
-                                value: function (t) {
-                                    var e = t.firstVal,
-                                        i = t.currentDate,
-                                        a = t.currentMonth,
-                                        s = t.currentYear,
-                                        n = t.minutesWidthOnXAxis,
-                                        r = t.numberOfHours,
-                                        o = new k(this.ctx),
-                                        l = "hour",
-                                        h = function (t, e) {
-                                            return t > o.determineDaysOfMonths(e + 1, s) && ((x = 1), (e += 1)), { month: e, date: x };
-                                        },
-                                        c = function (t, e) {
-                                            return t > o.determineDaysOfMonths(e + 1, s) ? (e += 1) : e;
-                                        },
-                                        d = 60 - e.minMinute,
-                                        u = d * n,
-                                        f = e.minHour + 1,
-                                        g = f + 1;
-                                    60 === d && ((u = 0), (g = (f = e.minHour) + 1));
-                                    var x = i,
-                                        v = c(x, a);
-                                    this.timeScaleArray.push({ position: u, value: f, unit: l, day: x, hour: g, year: s, month: p.monthMod(v) });
-                                    for (var m = u, b = 0; b < r; b++) {
-                                        if (((l = "hour"), g >= 24)) (g = 0), (l = "day"), (v = h((x += 1), v).month), (v = c(x, v));
-                                        var y = s + Math.floor(v / 12) + 0;
-                                        m = 0 === g && 0 === b ? d * n : 60 * n + m;
-                                        var w = 0 === g ? x : g;
-                                        this.timeScaleArray.push({ position: m, value: w, unit: l, hour: g, day: x, year: y, month: p.monthMod(v) }), g++;
-                                    }
-                                },
-                            },
-                            {
-                                key: "generateMinuteScale",
-                                value: function (t) {
-                                    var e = t.firstVal,
-                                        i = t.currentMinute,
-                                        a = t.currentHour,
-                                        s = t.currentDate,
-                                        n = t.currentMonth,
-                                        r = t.currentYear,
-                                        o = t.minutesWidthOnXAxis,
-                                        l = t.numberOfMinutes,
-                                        h = o - (i - e.minMinute),
-                                        c = e.minMinute + 1,
-                                        d = c + 1,
-                                        u = s,
-                                        f = n,
-                                        g = r,
-                                        x = a;
-                                    this.timeScaleArray.push({ position: h, value: c, unit: "minute", day: u, hour: x, minute: d, year: g, month: p.monthMod(f) });
-                                    for (var v = h, m = 0; m < l; m++) {
-                                        d >= 60 && ((d = 0), 24 === (x += 1) && (x = 0));
-                                        var b = r + Math.floor(f / 12) + 0;
-                                        v = o + v;
-                                        var y = d;
-                                        this.timeScaleArray.push({ position: v, value: y, unit: "minute", hour: x, minute: d, day: u, year: b, month: p.monthMod(f) }), d++;
-                                    }
-                                },
-                            },
-                            {
-                                key: "createRawDateString",
-                                value: function (t, e) {
-                                    var i = t.year;
-                                    return (
-                                        (i += "-" + ("0" + t.month.toString()).slice(-2)),
-                                        "day" === t.unit ? (i += "day" === t.unit ? "-" + ("0" + e).slice(-2) : "-01") : (i += "-" + ("0" + (t.day ? t.day : "1")).slice(-2)),
-                                        "hour" === t.unit ? (i += "hour" === t.unit ? "T" + ("0" + e).slice(-2) : "T00") : (i += "T" + ("0" + (t.hour ? t.hour : "0")).slice(-2)),
-                                        (i += "minute" === t.unit ? ":" + ("0" + e).slice(-2) + ":00.000Z" : ":00:00.000Z")
-                                    );
-                                },
-                            },
-                            {
-                                key: "formatDates",
-                                value: function (t) {
-                                    var e = this,
-                                        i = this.w;
-                                    return t.map(function (t) {
-                                        var a = t.value.toString(),
-                                            s = new k(e.ctx),
-                                            n = e.createRawDateString(t, a),
-                                            r = new Date(Date.parse(n));
-                                        if (void 0 === i.config.xaxis.labels.format) {
-                                            var o = "dd MMM",
-                                                l = i.config.xaxis.labels.datetimeFormatter;
-                                            "year" === t.unit && (o = l.year),
-                                                "month" === t.unit && (o = l.month),
-                                                "day" === t.unit && (o = l.day),
-                                                "hour" === t.unit && (o = l.hour),
-                                                "minute" === t.unit && (o = l.minute),
-                                                (a = s.formatDate(r, o, !0, !1));
-                                        } else a = s.formatDate(r, i.config.xaxis.labels.format);
-                                        return { dateString: n, position: t.position, value: a, unit: t.unit, year: t.year, month: t.month };
-                                    });
-                                },
-                            },
-                            {
-                                key: "removeOverlappingTS",
-                                value: function (t) {
-                                    var e = this,
-                                        i = new m(this.ctx),
-                                        a = 0,
-                                        s = t.map(function (s, n) {
-                                            if (n > 0 && e.w.config.xaxis.labels.hideOverlappingLabels) {
-                                                var r = i.getTextRects(t[a].value).width,
-                                                    o = t[a].position;
-                                                return s.position > o + r + 10 ? ((a = n), s) : null;
-                                            }
-                                            return s;
-                                        });
-                                    return (s = s.filter(function (t) {
-                                        return null !== t;
-                                    }));
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                Q = (function () {
-                    function t(e, i) {
-                        n(this, t), (this.ctx = i), (this.w = i.w), (this.el = e), (this.coreUtils = new A(this.ctx)), (this.twoDSeries = []), (this.threeDSeries = []), (this.twoDSeriesX = []);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "setupElements",
-                                value: function () {
-                                    var t = this.w.globals,
-                                        e = this.w.config,
-                                        i = e.chart.type;
-                                    (t.axisCharts = ["line", "area", "bar", "rangeBar", "candlestick", "radar", "scatter", "bubble", "heatmap"].indexOf(i) > -1),
-                                        (t.xyCharts = ["line", "area", "bar", "rangeBar", "candlestick", "scatter", "bubble"].indexOf(i) > -1),
-                                        (t.isBarHorizontal = ("bar" === e.chart.type || "rangeBar" === e.chart.type) && e.plotOptions.bar.horizontal),
-                                        (t.chartClass = ".apexcharts" + t.cuid),
-                                        (t.dom.baseEl = this.el),
-                                        (t.dom.elWrap = document.createElement("div")),
-                                        m.setAttrs(t.dom.elWrap, { id: t.chartClass.substring(1), class: "apexcharts-canvas " + t.chartClass.substring(1) }),
-                                        this.el.appendChild(t.dom.elWrap),
-                                        (t.dom.Paper = new window.SVG.Doc(t.dom.elWrap)),
-                                        t.dom.Paper.attr({ class: "apexcharts-svg", "xmlns:data": "ApexChartsNS", transform: "translate(".concat(e.chart.offsetX, ", ").concat(e.chart.offsetY, ")") }),
-                                        (t.dom.Paper.node.style.background = e.chart.background),
-                                        this.setSVGDimensions(),
-                                        (t.dom.elGraphical = t.dom.Paper.group().attr({ class: "apexcharts-inner apexcharts-graphical" })),
-                                        (t.dom.elDefs = t.dom.Paper.defs()),
-                                        (t.dom.elLegendWrap = document.createElement("div")),
-                                        t.dom.elLegendWrap.classList.add("apexcharts-legend"),
-                                        t.dom.elWrap.appendChild(t.dom.elLegendWrap),
-                                        t.dom.Paper.add(t.dom.elGraphical),
-                                        t.dom.elGraphical.add(t.dom.elDefs);
-                                },
-                            },
-                            {
-                                key: "plotChartType",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = i.config,
-                                        s = i.globals,
-                                        n = { series: [], i: [] },
-                                        r = { series: [], i: [] },
-                                        o = { series: [], i: [] },
-                                        l = { series: [], i: [] },
-                                        h = { series: [], i: [] };
-                                    s.series.map(function (e, a) {
-                                        void 0 !== t[a].type
-                                            ? ("column" === t[a].type || "bar" === t[a].type
-                                                  ? ((i.config.plotOptions.bar.horizontal = !1), l.series.push(e), l.i.push(a))
-                                                  : "area" === t[a].type
-                                                  ? (r.series.push(e), r.i.push(a))
-                                                  : "line" === t[a].type
-                                                  ? (n.series.push(e), n.i.push(a))
-                                                  : "scatter" === t[a].type
-                                                  ? (o.series.push(e), o.i.push(a))
-                                                  : "bubble" === t[a].type ||
-                                                    ("candlestick" === t[a].type
-                                                        ? (h.series.push(e), h.i.push(a))
-                                                        : console.warn("You have specified an unrecognized chart type. Available types for this propery are line/area/column/bar/scatter/bubble")),
-                                              (s.comboCharts = !0))
-                                            : (n.series.push(e), n.i.push(a));
-                                    });
-                                    var c = new U(this.ctx, e),
-                                        d = new F(this.ctx, e),
-                                        u = new R(this.ctx),
-                                        f = new N(this.ctx),
-                                        g = new H(this.ctx, e),
-                                        p = new D(this.ctx),
-                                        x = [];
-                                    if (s.comboCharts) {
-                                        if ((r.series.length > 0 && x.push(c.draw(r.series, "area", r.i)), l.series.length > 0))
-                                            if (i.config.chart.stacked) {
-                                                var v = new X(this.ctx, e);
-                                                x.push(v.draw(l.series, l.i));
-                                            } else {
-                                                var m = new I(this.ctx, e);
-                                                x.push(m.draw(l.series, l.i));
-                                            }
-                                        if ((n.series.length > 0 && x.push(c.draw(n.series, "line", n.i)), h.series.length > 0 && x.push(d.draw(h.series, h.i)), o.series.length > 0)) {
-                                            var b = new U(this.ctx, e, !0);
-                                            x.push(b.draw(o.series, "scatter", o.i));
-                                        }
-                                    } else
-                                        switch (a.chart.type) {
-                                            case "line":
-                                                x = c.draw(s.series, "line");
-                                                break;
-                                            case "area":
-                                                x = c.draw(s.series, "area");
-                                                break;
-                                            case "bar":
-                                                if (a.chart.stacked) x = new X(this.ctx, e).draw(s.series);
-                                                else x = new I(this.ctx, e).draw(s.series);
-                                                break;
-                                            case "candlestick":
-                                                x = new F(this.ctx, e).draw(s.series);
-                                                break;
-                                            case "rangeBar":
-                                                x = g.draw(s.series);
-                                                break;
-                                            case "heatmap":
-                                                x = new O(this.ctx, e).draw(s.series);
-                                                break;
-                                            case "pie":
-                                            case "donut":
-                                                x = u.draw(s.series);
-                                                break;
-                                            case "radialBar":
-                                                x = f.draw(s.series);
-                                                break;
-                                            case "radar":
-                                                x = p.draw(s.series);
-                                                break;
-                                            default:
-                                                x = c.draw(s.series);
-                                        }
-                                    return x;
-                                },
-                            },
-                            {
-                                key: "setSVGDimensions",
-                                value: function () {
-                                    var t = this.w.globals,
-                                        e = this.w.config;
-                                    (t.svgWidth = e.chart.width), (t.svgHeight = e.chart.height);
-                                    var i = p.getDimensions(this.el),
-                                        a = e.chart.width
-                                            .toString()
-                                            .split(/[0-9]+/g)
-                                            .pop();
-                                    if (
-                                        ("%" === a
-                                            ? p.isNumber(i[0]) && (0 === i[0].width && (i = p.getDimensions(this.el.parentNode)), (t.svgWidth = (i[0] * parseInt(e.chart.width)) / 100))
-                                            : ("px" !== a && "" !== a) || (t.svgWidth = parseInt(e.chart.width)),
-                                        "auto" !== t.svgHeight && "" !== t.svgHeight)
-                                    )
-                                        if (
-                                            "%" ===
-                                            e.chart.height
-                                                .toString()
-                                                .split(/[0-9]+/g)
-                                                .pop()
-                                        ) {
-                                            var s = p.getDimensions(this.el.parentNode);
-                                            t.svgHeight = (s[1] * parseInt(e.chart.height)) / 100;
-                                        } else t.svgHeight = parseInt(e.chart.height);
-                                    else t.axisCharts ? (t.svgHeight = t.svgWidth / 1.61) : (t.svgHeight = t.svgWidth);
-                                    t.svgWidth < 0 && (t.svgWidth = 0), t.svgHeight < 0 && (t.svgHeight = 0), m.setAttrs(t.dom.Paper.node, { width: t.svgWidth, height: t.svgHeight });
-                                    var n = e.chart.sparkline.enabled ? 0 : t.axisCharts ? e.chart.parentHeightOffset : 0;
-                                    (t.dom.Paper.node.parentNode.parentNode.style.minHeight = t.svgHeight + n + "px"), (t.dom.elWrap.style.width = t.svgWidth + "px"), (t.dom.elWrap.style.height = t.svgHeight + "px");
-                                },
-                            },
-                            {
-                                key: "shiftGraphPosition",
-                                value: function () {
-                                    var t = this.w.globals,
-                                        e = t.translateY,
-                                        i = { transform: "translate(" + t.translateX + ", " + e + ")" };
-                                    m.setAttrs(t.dom.elGraphical.node, i);
-                                },
-                            },
-                            {
-                                key: "resizeNonAxisCharts",
-                                value: function () {
-                                    var t = this.w,
-                                        e = t.globals,
-                                        i = 0;
-                                    ("top" !== t.config.legend.position && "bottom" !== t.config.legend.position) || (i = new j(this.ctx).getLegendBBox().clwh + 10);
-                                    var a = t.globals.dom.baseEl.querySelector(".apexcharts-radialbar"),
-                                        s = 2 * t.globals.radialSize;
-                                    a && -90 !== t.config.plotOptions.radialBar.startAngle && (s = p.getBoundingClientRect(a).height);
-                                    var n = Math.max(s, 2 * t.globals.radialSize) + e.translateY + i + 20;
-                                    e.dom.elLegendForeign && e.dom.elLegendForeign.setAttribute("height", n),
-                                        (e.dom.elWrap.style.height = n + "px"),
-                                        m.setAttrs(e.dom.Paper.node, { height: n }),
-                                        (e.dom.Paper.node.parentNode.parentNode.style.minHeight = n + "px");
-                                },
-                            },
-                            {
-                                key: "coreCalculations",
-                                value: function () {
-                                    new $(this.ctx).init();
-                                },
-                            },
-                            {
-                                key: "resetGlobals",
-                                value: function () {
-                                    var t = this,
-                                        e = this.w.globals;
-                                    (e.series = []),
-                                        (e.seriesCandleO = []),
-                                        (e.seriesCandleH = []),
-                                        (e.seriesCandleL = []),
-                                        (e.seriesCandleC = []),
-                                        (e.seriesRangeStart = []),
-                                        (e.seriesRangeEnd = []),
-                                        (e.seriesPercent = []),
-                                        (e.seriesX = []),
-                                        (e.seriesZ = []),
-                                        (e.seriesNames = []),
-                                        (e.seriesTotals = []),
-                                        (e.stackedSeriesTotals = []),
-                                        (e.labels = []),
-                                        (e.timelineLabels = []),
-                                        (e.noLabelsProvided = !1),
-                                        (e.timescaleTicks = []),
-                                        (e.resizeTimer = null),
-                                        (e.selectionResizeTimer = null),
-                                        (e.seriesXvalues = t.w.config.series.map(function (t) {
-                                            return [];
-                                        })),
-                                        (e.seriesYvalues = t.w.config.series.map(function (t) {
-                                            return [];
-                                        })),
-                                        (e.delayedElements = []),
-                                        (e.pointsArray = []),
-                                        (e.dataLabelsRects = []),
-                                        (e.isXNumeric = !1),
-                                        (e.isDataXYZ = !1),
-                                        (e.maxY = -Number.MAX_VALUE),
-                                        (e.minY = Number.MIN_VALUE),
-                                        (e.minYArr = []),
-                                        (e.maxYArr = []),
-                                        (e.maxX = -Number.MAX_VALUE),
-                                        (e.minX = Number.MAX_VALUE),
-                                        (e.initialmaxX = -Number.MAX_VALUE),
-                                        (e.initialminX = Number.MAX_VALUE),
-                                        (e.maxDate = 0),
-                                        (e.minDate = Number.MAX_VALUE),
-                                        (e.minZ = Number.MAX_VALUE),
-                                        (e.maxZ = -Number.MAX_VALUE),
-                                        (e.minXDiff = Number.MAX_VALUE),
-                                        (e.yAxisScale = []),
-                                        (e.xAxisScale = null),
-                                        (e.xAxisTicksPositions = []),
-                                        (e.yLabelsCoords = []),
-                                        (e.yTitleCoords = []),
-                                        (e.xRange = 0),
-                                        (e.yRange = []),
-                                        (e.zRange = 0),
-                                        (e.dataPoints = 0);
-                                },
-                            },
-                            {
-                                key: "isMultipleY",
-                                value: function () {
-                                    if (this.w.config.yaxis.constructor === Array && this.w.config.yaxis.length > 1) return (this.w.globals.isMultipleYAxis = !0), !0;
-                                },
-                            },
-                            {
-                                key: "excludeCollapsedSeriesInYAxis",
-                                value: function () {
-                                    var t = this,
-                                        e = this.w;
-                                    e.globals.ignoreYAxisIndexes = e.globals.collapsedSeries.map(function (e, i) {
-                                        if (t.w.globals.isMultipleYAxis) return e.index;
-                                    });
-                                },
-                            },
-                            {
-                                key: "isMultiFormat",
-                                value: function () {
-                                    return this.isFormatXY() || this.isFormat2DArray();
-                                },
-                            },
-                            {
-                                key: "isFormatXY",
-                                value: function () {
-                                    var t = this.w.config.series.slice(),
-                                        e = new G(this.ctx);
-                                    if (
-                                        ((this.activeSeriesIndex = e.getActiveConfigSeriesIndex()),
-                                        void 0 !== t[this.activeSeriesIndex].data &&
-                                            t[this.activeSeriesIndex].data.length > 0 &&
-                                            null !== t[this.activeSeriesIndex].data[0] &&
-                                            void 0 !== t[this.activeSeriesIndex].data[0].x &&
-                                            null !== t[this.activeSeriesIndex].data[0])
-                                    )
-                                        return !0;
-                                },
-                            },
-                            {
-                                key: "isFormat2DArray",
-                                value: function () {
-                                    var t = this.w.config.series.slice(),
-                                        e = new G(this.ctx);
-                                    if (
-                                        ((this.activeSeriesIndex = e.getActiveConfigSeriesIndex()),
-                                        void 0 !== t[this.activeSeriesIndex].data &&
-                                            t[this.activeSeriesIndex].data.length > 0 &&
-                                            void 0 !== t[this.activeSeriesIndex].data[0] &&
-                                            null !== t[this.activeSeriesIndex].data[0] &&
-                                            t[this.activeSeriesIndex].data[0].constructor === Array)
-                                    )
-                                        return !0;
-                                },
-                            },
-                            {
-                                key: "handleFormat2DArray",
-                                value: function (t, e) {
-                                    for (var i = this.w.config, a = this.w.globals, s = 0; s < t[e].data.length; s++)
-                                        if (
-                                            (void 0 !== t[e].data[s][1] &&
-                                                (Array.isArray(t[e].data[s][1]) && 4 === t[e].data[s][1].length ? this.twoDSeries.push(p.parseNumber(t[e].data[s][1][3])) : this.twoDSeries.push(p.parseNumber(t[e].data[s][1])),
-                                                (a.dataFormatXNumeric = !0)),
-                                            "datetime" === i.xaxis.type)
-                                        ) {
-                                            var n = new Date(t[e].data[s][0]);
-                                            (n = new Date(n).getTime()), this.twoDSeriesX.push(n);
-                                        } else this.twoDSeriesX.push(t[e].data[s][0]);
-                                    for (var r = 0; r < t[e].data.length; r++) void 0 !== t[e].data[r][2] && (this.threeDSeries.push(t[e].data[r][2]), (a.isDataXYZ = !0));
-                                },
-                            },
-                            {
-                                key: "handleFormatXY",
-                                value: function (t, e) {
-                                    var i = this.w.config,
-                                        a = this.w.globals,
-                                        s = new k(this.ctx),
-                                        n = e;
-                                    a.collapsedSeriesIndices.indexOf(e) > -1 && (n = this.activeSeriesIndex);
-                                    for (var r = 0; r < t[e].data.length; r++)
-                                        void 0 !== t[e].data[r].y && (Array.isArray(t[e].data[r].y) ? this.twoDSeries.push(p.parseNumber(t[e].data[r].y[t[e].data[r].y.length - 1])) : this.twoDSeries.push(p.parseNumber(t[e].data[r].y)));
-                                    for (var o = 0; o < t[n].data.length; o++) {
-                                        var l = "string" == typeof t[n].data[o].x,
-                                            h = !!s.isValidDate(t[n].data[o].x.toString());
-                                        l || h
-                                            ? l
-                                                ? "datetime" !== i.xaxis.type || a.isRangeData
-                                                    ? ((this.fallbackToCategory = !0), this.twoDSeriesX.push(t[n].data[o].x))
-                                                    : this.twoDSeriesX.push(s.parseDate(t[n].data[o].x))
-                                                : "datetime" === i.xaxis.type
-                                                ? this.twoDSeriesX.push(s.parseDate(t[n].data[o].x.toString()))
-                                                : ((a.dataFormatXNumeric = !0), (a.isXNumeric = !0), this.twoDSeriesX.push(parseFloat(t[n].data[o].x)))
-                                            : ((a.isXNumeric = !0), (a.dataFormatXNumeric = !0), this.twoDSeriesX.push(t[n].data[o].x));
-                                    }
-                                    if (t[e].data[0] && void 0 !== t[e].data[0].z) {
-                                        for (var c = 0; c < t[e].data.length; c++) this.threeDSeries.push(t[e].data[c].z);
-                                        a.isDataXYZ = !0;
-                                    }
-                                },
-                            },
-                            {
-                                key: "handleRangeData",
-                                value: function (t, e) {
-                                    var i = this.w.globals,
-                                        a = {};
-                                    return (
-                                        this.isFormat2DArray() ? (a = this.handleRangeDataFormat("array", t, e)) : this.isFormatXY() && (a = this.handleRangeDataFormat("xy", t, e)),
-                                        i.seriesRangeStart.push(a.start),
-                                        i.seriesRangeEnd.push(a.end),
-                                        a
-                                    );
-                                },
-                            },
-                            {
-                                key: "handleCandleStickData",
-                                value: function (t, e) {
-                                    var i = this.w.globals,
-                                        a = {};
-                                    return (
-                                        this.isFormat2DArray() ? (a = this.handleCandleStickDataFormat("array", t, e)) : this.isFormatXY() && (a = this.handleCandleStickDataFormat("xy", t, e)),
-                                        i.seriesCandleO.push(a.o),
-                                        i.seriesCandleH.push(a.h),
-                                        i.seriesCandleL.push(a.l),
-                                        i.seriesCandleC.push(a.c),
-                                        a
-                                    );
-                                },
-                            },
-                            {
-                                key: "handleRangeDataFormat",
-                                value: function (t, e, i) {
-                                    var a = [],
-                                        s = [],
-                                        n = "Please provide [Start, End] values in valid format. Read more https://apexcharts.com/docs/series/#rangecharts",
-                                        r = new G(this.ctx).getActiveConfigSeriesIndex();
-                                    if ("array" === t) {
-                                        if (2 !== e[r].data[0][1].length) throw new Error(n);
-                                        for (var o = 0; o < e[i].data.length; o++) a.push(e[i].data[o][1][0]), s.push(e[i].data[o][1][1]);
-                                    } else if ("xy" === t) {
-                                        if (2 !== e[r].data[0].y.length) throw new Error(n);
-                                        for (var l = 0; l < e[i].data.length; l++) a.push(e[i].data[l].y[0]), s.push(e[i].data[l].y[1]);
-                                    }
-                                    return { start: a, end: s };
-                                },
-                            },
-                            {
-                                key: "handleCandleStickDataFormat",
-                                value: function (t, e, i) {
-                                    var a = [],
-                                        s = [],
-                                        n = [],
-                                        r = [],
-                                        o = "Please provide [Open, High, Low and Close] values in valid format. Read more https://apexcharts.com/docs/series/#candlestick";
-                                    if ("array" === t) {
-                                        if (4 !== e[i].data[0][1].length) throw new Error(o);
-                                        for (var l = 0; l < e[i].data.length; l++) a.push(e[i].data[l][1][0]), s.push(e[i].data[l][1][1]), n.push(e[i].data[l][1][2]), r.push(e[i].data[l][1][3]);
-                                    } else if ("xy" === t) {
-                                        if (4 !== e[i].data[0].y.length) throw new Error(o);
-                                        for (var h = 0; h < e[i].data.length; h++) a.push(e[i].data[h].y[0]), s.push(e[i].data[h].y[1]), n.push(e[i].data[h].y[2]), r.push(e[i].data[h].y[3]);
-                                    }
-                                    return { o: a, h: s, l: n, c: r };
-                                },
-                            },
-                            {
-                                key: "parseDataAxisCharts",
-                                value: function (t) {
-                                    for (var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : this.ctx, i = this.w.config, a = this.w.globals, s = new k(e), n = 0; n < t.length; n++) {
-                                        if (((this.twoDSeries = []), (this.twoDSeriesX = []), (this.threeDSeries = []), void 0 === t[n].data))
-                                            return void console.error("It is a possibility that you may have not included 'data' property in series.");
-                                        if (
-                                            (("rangeBar" !== i.chart.type && "rangeArea" !== i.chart.type && "rangeBar" !== t[n].type && "rangeArea" !== t[n].type) || ((a.isRangeData = !0), this.handleRangeData(t, n)), this.isMultiFormat())
-                                        )
-                                            this.isFormat2DArray() ? this.handleFormat2DArray(t, n) : this.isFormatXY() && this.handleFormatXY(t, n),
-                                                ("candlestick" !== i.chart.type && "candlestick" !== t[n].type) || this.handleCandleStickData(t, n),
-                                                a.series.push(this.twoDSeries),
-                                                a.labels.push(this.twoDSeriesX),
-                                                a.seriesX.push(this.twoDSeriesX),
-                                                this.fallbackToCategory || (a.isXNumeric = !0);
-                                        else {
-                                            if ("datetime" === i.xaxis.type) {
-                                                a.isXNumeric = !0;
-                                                for (var r = i.labels.length > 0 ? i.labels.slice() : i.xaxis.categories.slice(), o = 0; o < r.length; o++)
-                                                    if ("string" == typeof r[o]) {
-                                                        if (!s.isValidDate(r[o])) throw new Error("You have provided invalid Date format. Please provide a valid JavaScript Date");
-                                                        this.twoDSeriesX.push(s.parseDate(r[o]));
-                                                    } else {
-                                                        if (13 !== String(r[o]).length) throw new Error("Please provide a valid JavaScript timestamp");
-                                                        this.twoDSeriesX.push(r[o]);
-                                                    }
-                                                a.seriesX.push(this.twoDSeriesX);
-                                            } else if ("numeric" === i.xaxis.type) {
-                                                a.isXNumeric = !0;
-                                                var l = i.labels.length > 0 ? i.labels.slice() : i.xaxis.categories.slice();
-                                                l.length > 0 && ((this.twoDSeriesX = l), a.seriesX.push(this.twoDSeriesX));
-                                            }
-                                            a.labels.push(this.twoDSeriesX);
-                                            var h = t[n].data.map(function (t) {
-                                                return p.parseNumber(t);
-                                            });
-                                            a.series.push(h);
-                                        }
-                                        a.seriesZ.push(this.threeDSeries), void 0 !== t[n].name ? a.seriesNames.push(t[n].name) : a.seriesNames.push("series-" + parseInt(n + 1));
-                                    }
-                                    return this.w;
-                                },
-                            },
-                            {
-                                key: "parseDataNonAxisCharts",
-                                value: function (t) {
-                                    var e = this.w.globals,
-                                        i = this.w.config;
-                                    (e.series = t.slice()), (e.seriesNames = i.labels.slice());
-                                    for (var a = 0; a < e.series.length; a++) void 0 === e.seriesNames[a] && e.seriesNames.push("series-" + (a + 1));
-                                    return this.w;
-                                },
-                            },
-                            {
-                                key: "handleExternalLabelsData",
-                                value: function (t) {
-                                    var e = this.w.config,
-                                        i = this.w.globals;
-                                    if (e.xaxis.categories.length > 0) i.labels = e.xaxis.categories;
-                                    else if (e.labels.length > 0) i.labels = e.labels.slice();
-                                    else if (this.fallbackToCategory) i.labels = i.labels[0];
-                                    else {
-                                        var a = [];
-                                        if (i.axisCharts) {
-                                            for (var s = 0; s < i.series[i.maxValsInArrayIndex].length; s++) a.push(s + 1);
-                                            for (var n = 0; n < t.length; n++) i.seriesX.push(a);
-                                            i.isXNumeric = !0;
-                                        }
-                                        if (0 === a.length) {
-                                            a = [0, 10];
-                                            for (var r = 0; r < t.length; r++) i.seriesX.push(a);
-                                        }
-                                        (i.labels = a), (i.noLabelsProvided = !0);
-                                    }
-                                },
-                            },
-                            {
-                                key: "parseData",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = e.config,
-                                        a = e.globals;
-                                    if (
-                                        (this.excludeCollapsedSeriesInYAxis(),
-                                        (this.fallbackToCategory = !1),
-                                        this.resetGlobals(),
-                                        this.isMultipleY(),
-                                        a.axisCharts ? this.parseDataAxisCharts(t) : this.parseDataNonAxisCharts(t),
-                                        this.coreUtils.getLargestSeries(),
-                                        "bar" === i.chart.type && i.chart.stacked)
-                                    ) {
-                                        var s = new G(this.ctx);
-                                        a.series = s.setNullSeriesToZeroValues(a.series);
-                                    }
-                                    this.coreUtils.getSeriesTotals(),
-                                        a.axisCharts && this.coreUtils.getStackedSeriesTotals(),
-                                        this.coreUtils.getPercentSeries(),
-                                        a.dataFormatXNumeric || (a.isXNumeric && ("numeric" !== i.xaxis.type || 0 !== i.labels.length || 0 !== i.xaxis.categories.length)) || this.handleExternalLabelsData(t);
-                                },
-                            },
-                            {
-                                key: "xySettings",
-                                value: function () {
-                                    var t = null,
-                                        e = this.w;
-                                    if (e.globals.axisCharts) {
-                                        if ("back" === e.config.xaxis.crosshairs.position) new Y(this.ctx).drawXCrosshairs();
-                                        if ("back" === e.config.yaxis[0].crosshairs.position) new Y(this.ctx).drawYCrosshairs();
-                                        if (((t = this.coreUtils.getCalculatedRatios()), "datetime" === e.config.xaxis.type && void 0 === e.config.xaxis.labels.formatter)) {
-                                            var i,
-                                                a = new J(this.ctx);
-                                            isFinite(e.globals.minX) && isFinite(e.globals.maxX) && !e.globals.isBarHorizontal
-                                                ? ((i = a.calculateTimeScaleTicks(e.globals.minX, e.globals.maxX)), a.recalcDimensionsBasedOnFormat(i, !1))
-                                                : e.globals.isBarHorizontal && ((i = a.calculateTimeScaleTicks(e.globals.minY, e.globals.maxY)), a.recalcDimensionsBasedOnFormat(i, !0));
-                                        }
-                                    }
-                                    return t;
-                                },
-                            },
-                            {
-                                key: "drawAxis",
-                                value: function (t, e) {
-                                    var i,
-                                        a,
-                                        s = this.w.globals,
-                                        n = this.w.config,
-                                        r = new q(this.ctx),
-                                        o = new B(this.ctx);
-                                    s.axisCharts &&
-                                        "radar" !== t &&
-                                        (s.isBarHorizontal
-                                            ? ((a = o.drawYaxisInversed(0)), (i = r.drawXaxisInversed(0)), s.dom.elGraphical.add(i), s.dom.elGraphical.add(a))
-                                            : ((i = r.drawXaxis()),
-                                              s.dom.elGraphical.add(i),
-                                              n.yaxis.map(function (t, e) {
-                                                  -1 === s.ignoreYAxisIndexes.indexOf(e) && ((a = o.drawYaxis(e)), s.dom.Paper.add(a));
-                                              })));
-                                    n.yaxis.map(function (t, e) {
-                                        -1 === s.ignoreYAxisIndexes.indexOf(e) && o.yAxisTitleRotate(e, t.opposite);
-                                    });
-                                },
-                            },
-                            {
-                                key: "setupBrushHandler",
-                                value: function () {
-                                    var t = this,
-                                        e = this.w;
-                                    e.config.chart.brush.enabled &&
-                                        "function" != typeof e.config.chart.events.selection &&
-                                        (e.config.chart.brush.targets || [e.config.chart.brush.target]).forEach(function (i) {
-                                            var a = ApexCharts.getChartByID(i);
-                                            a.w.globals.brushSource = t.ctx;
-                                            var s = function () {
-                                                t.ctx._updateOptions({ chart: { selection: { xaxis: { min: a.w.globals.minX, max: a.w.globals.maxX } } } }, !1, !1);
-                                            };
-                                            "function" != typeof a.w.config.chart.events.zoomed &&
-                                                (a.w.config.chart.events.zoomed = function () {
-                                                    s();
-                                                }),
-                                                "function" != typeof a.w.config.chart.events.scrolled &&
-                                                    (a.w.config.chart.events.scrolled = function () {
-                                                        s();
-                                                    }),
-                                                (e.config.chart.events.selection = function (t, i) {
-                                                    var s = p.clone(e.config.yaxis);
-                                                    e.config.chart.brush.autoScaleYaxis && (s = new Z(a).autoScaleY(a, s, i));
-                                                    a._updateOptions({ xaxis: { min: i.xaxis.min, max: i.xaxis.max }, yaxis: s }, !1, !1, !1);
-                                                });
-                                        });
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })();
-            var K = setTimeout;
-            function tt() {}
-            function et(t) {
-                if (!(this instanceof et)) throw new TypeError("Promises must be constructed via new");
-                if ("function" != typeof t) throw new TypeError("not a function");
-                (this._state = 0), (this._handled = !1), (this._value = void 0), (this._deferreds = []), ot(t, this);
-            }
-            function it(t, e) {
-                for (; 3 === t._state; ) t = t._value;
-                0 !== t._state
-                    ? ((t._handled = !0),
-                      et._immediateFn(function () {
-                          var i = 1 === t._state ? e.onFulfilled : e.onRejected;
-                          if (null !== i) {
-                              var a;
-                              try {
-                                  a = i(t._value);
-                              } catch (t) {
-                                  return void st(e.promise, t);
-                              }
-                              at(e.promise, a);
-                          } else (1 === t._state ? at : st)(e.promise, t._value);
-                      }))
-                    : t._deferreds.push(e);
-            }
-            function at(t, e) {
-                try {
-                    if (e === t) throw new TypeError("A promise cannot be resolved with itself.");
-                    if (e && ("object" == typeof e || "function" == typeof e)) {
-                        var i = e.then;
-                        if (e instanceof et) return (t._state = 3), (t._value = e), void nt(t);
-                        if ("function" == typeof i)
-                            return void ot(
-                                ((a = i),
-                                (s = e),
-                                function () {
-                                    a.apply(s, arguments);
-                                }),
-                                t
-                            );
-                    }
-                    (t._state = 1), (t._value = e), nt(t);
-                } catch (e) {
-                    st(t, e);
-                }
-                var a, s;
-            }
-            function st(t, e) {
-                (t._state = 2), (t._value = e), nt(t);
-            }
-            function nt(t) {
-                2 === t._state &&
-                    0 === t._deferreds.length &&
-                    et._immediateFn(function () {
-                        t._handled || et._unhandledRejectionFn(t._value);
-                    });
-                for (var e = 0, i = t._deferreds.length; e < i; e++) it(t, t._deferreds[e]);
-                t._deferreds = null;
-            }
-            function rt(t, e, i) {
-                (this.onFulfilled = "function" == typeof t ? t : null), (this.onRejected = "function" == typeof e ? e : null), (this.promise = i);
-            }
-            function ot(t, e) {
-                var i = !1;
-                try {
-                    t(
-                        function (t) {
-                            i || ((i = !0), at(e, t));
-                        },
-                        function (t) {
-                            i || ((i = !0), st(e, t));
-                        }
-                    );
-                } catch (t) {
-                    if (i) return;
-                    (i = !0), st(e, t);
-                }
-            }
-            (et.prototype.catch = function (t) {
-                return this.then(null, t);
-            }),
-                (et.prototype.then = function (t, e) {
-                    var i = new this.constructor(tt);
-                    return it(this, new rt(t, e, i)), i;
-                }),
-                (et.prototype.finally = function (t) {
-                    var e = this.constructor;
-                    return this.then(
-                        function (i) {
-                            return e.resolve(t()).then(function () {
-                                return i;
-                            });
-                        },
-                        function (i) {
-                            return e.resolve(t()).then(function () {
-                                return e.reject(i);
-                            });
-                        }
-                    );
-                }),
-                (et.all = function (t) {
-                    return new et(function (e, i) {
-                        if (!t || void 0 === t.length) throw new TypeError("Promise.all accepts an array");
-                        var a = Array.prototype.slice.call(t);
-                        if (0 === a.length) return e([]);
-                        var s = a.length;
-                        function n(t, r) {
-                            try {
-                                if (r && ("object" == typeof r || "function" == typeof r)) {
-                                    var o = r.then;
-                                    if ("function" == typeof o)
-                                        return void o.call(
-                                            r,
-                                            function (e) {
-                                                n(t, e);
-                                            },
-                                            i
-                                        );
-                                }
-                                (a[t] = r), 0 == --s && e(a);
-                            } catch (t) {
-                                i(t);
-                            }
-                        }
-                        for (var r = 0; r < a.length; r++) n(r, a[r]);
-                    });
-                }),
-                (et.resolve = function (t) {
-                    return t && "object" == typeof t && t.constructor === et
-                        ? t
-                        : new et(function (e) {
-                              e(t);
-                          });
-                }),
-                (et.reject = function (t) {
-                    return new et(function (e, i) {
-                        i(t);
-                    });
-                }),
-                (et.race = function (t) {
-                    return new et(function (e, i) {
-                        for (var a = 0, s = t.length; a < s; a++) t[a].then(e, i);
-                    });
-                }),
-                (et._immediateFn =
-                    ("function" == typeof t &&
-                        function (e) {
-                            t(e);
-                        }) ||
-                    function (t) {
-                        K(t, 0);
-                    }),
-                (et._unhandledRejectionFn = function (t) {
-                    "undefined" != typeof console && console && console.warn("Possible Unhandled Promise Rejection:", t);
-                });
-            var lt,
-                ht,
-                ct = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "getSvgString",
-                                value: function () {
-                                    return this.w.globals.dom.Paper.svg();
-                                },
-                            },
-                            {
-                                key: "cleanup",
-                                value: function () {
-                                    var t = this.w,
-                                        e = t.globals.dom.baseEl.querySelector(".apexcharts-xcrosshairs"),
-                                        i = t.globals.dom.baseEl.querySelector(".apexcharts-ycrosshairs");
-                                    e && e.setAttribute("x", -500), i && (i.setAttribute("y1", -100), i.setAttribute("y2", -100));
-                                },
-                            },
-                            {
-                                key: "svgUrl",
-                                value: function () {
-                                    this.cleanup();
-                                    var t = this.getSvgString(),
-                                        e = new Blob([t], { type: "image/svg+xml;charset=utf-8" });
-                                    return URL.createObjectURL(e);
-                                },
-                            },
-                            {
-                                key: "dataURI",
-                                value: function () {
-                                    var t = this;
-                                    return new et(function (e) {
-                                        var i = t.w;
-                                        t.cleanup();
-                                        var a = document.createElement("canvas");
-                                        (a.width = i.globals.svgWidth), (a.height = i.globals.svgHeight);
-                                        var s = "transparent" === i.config.chart.background ? "#fff" : i.config.chart.background,
-                                            n = a.getContext("2d");
-                                        (n.fillStyle = s), n.fillRect(0, 0, a.width, a.height);
-                                        var r = window.URL || window.webkitURL || window,
-                                            o = new Image();
-                                        o.crossOrigin = "anonymous";
-                                        var l = t.getSvgString(),
-                                            h = "data:image/svg+xml," + encodeURIComponent(l);
-                                        (o.onload = function () {
-                                            n.drawImage(o, 0, 0), r.revokeObjectURL(h);
-                                            var t = a.toDataURL("image/png");
-                                            e(t);
-                                        }),
-                                            (o.src = h);
-                                    });
-                                },
-                            },
-                            {
-                                key: "exportToSVG",
-                                value: function () {
-                                    this.triggerDownload(this.svgUrl(), ".svg");
-                                },
-                            },
-                            {
-                                key: "exportToPng",
-                                value: function () {
-                                    var t = this;
-                                    this.dataURI().then(function (e) {
-                                        t.triggerDownload(e, ".png");
-                                    });
-                                },
-                            },
-                            {
-                                key: "triggerDownload",
-                                value: function (t, e) {
-                                    var i = document.createElement("a");
-                                    (i.href = t), (i.download = this.w.globals.chartID + e), document.body.appendChild(i), i.click(), document.body.removeChild(i);
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                dt = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                        var i = this.w;
-                        (this.anim = new v(this.ctx)),
-                            (this.xaxisLabels = i.globals.labels.slice()),
-                            (this.animX = i.config.grid.xaxis.lines.animate && i.config.chart.animations.enabled),
-                            (this.animY = i.config.grid.yaxis.lines.animate && i.config.chart.animations.enabled),
-                            i.globals.timelineLabels.length > 0 && (this.xaxisLabels = i.globals.timelineLabels.slice());
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "drawGridArea",
-                                value: function () {
-                                    var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : null,
-                                        e = this.w,
-                                        i = new m(this.ctx);
-                                    null === t && (t = i.group({ class: "apexcharts-grid" }));
-                                    var a = i.drawLine(e.globals.padHorizontal, 1, e.globals.padHorizontal, e.globals.gridHeight, "transparent"),
-                                        s = i.drawLine(e.globals.padHorizontal, e.globals.gridHeight, e.globals.gridWidth, e.globals.gridHeight, "transparent");
-                                    return t.add(s), t.add(a), t;
-                                },
-                            },
-                            {
-                                key: "drawGrid",
-                                value: function () {
-                                    var t = this.w,
-                                        e = new q(this.ctx),
-                                        i = new B(this.ctx),
-                                        a = this.w.globals,
-                                        s = null;
-                                    if (a.axisCharts) {
-                                        if (t.config.grid.show) (s = this.renderGrid()), a.dom.elGraphical.add(s.el), this.drawGridArea(s.el);
-                                        else {
-                                            var n = this.drawGridArea();
-                                            a.dom.elGraphical.add(n);
-                                        }
-                                        null !== s && e.xAxisLabelCorrections(s.xAxisTickWidth), i.setYAxisTextAlignments();
-                                    }
-                                },
-                            },
-                            {
-                                key: "createGridMask",
-                                value: function () {
-                                    var t = this.w,
-                                        e = t.globals,
-                                        i = new m(this.ctx),
-                                        a = Array.isArray(t.config.stroke.width) ? 0 : t.config.stroke.width;
-                                    if (Array.isArray(t.config.stroke.width)) {
-                                        var s = 0;
-                                        t.config.stroke.width.forEach(function (t) {
-                                            s = Math.max(s, t);
-                                        }),
-                                            (a = s);
-                                    }
-                                    (e.dom.elGridRectMask = document.createElementNS(e.SVGNS, "clipPath")),
-                                        e.dom.elGridRectMask.setAttribute("id", "gridRectMask".concat(e.cuid)),
-                                        (e.dom.elGridRectMarkerMask = document.createElementNS(e.SVGNS, "clipPath")),
-                                        e.dom.elGridRectMarkerMask.setAttribute("id", "gridRectMarkerMask".concat(e.cuid)),
-                                        (e.dom.elGridRect = i.drawRect(-a / 2, -a / 2, e.gridWidth + a, e.gridHeight + a, 0, "#fff")),
-                                        new A(this).getLargestMarkerSize();
-                                    var n = t.globals.markers.largestSize + 1;
-                                    (e.dom.elGridRectMarker = i.drawRect(-n, -n, e.gridWidth + 2 * n, e.gridHeight + 2 * n, 0, "#fff")),
-                                        e.dom.elGridRectMask.appendChild(e.dom.elGridRect.node),
-                                        e.dom.elGridRectMarkerMask.appendChild(e.dom.elGridRectMarker.node);
-                                    var r = e.dom.baseEl.querySelector("defs");
-                                    r.appendChild(e.dom.elGridRectMask), r.appendChild(e.dom.elGridRectMarkerMask);
-                                },
-                            },
-                            {
-                                key: "renderGrid",
-                                value: function () {
-                                    var t = this.w,
-                                        e = new m(this.ctx),
-                                        i = t.config.grid.strokeDashArray,
-                                        a = e.group({ class: "apexcharts-grid" }),
-                                        s = e.group({ class: "apexcharts-gridlines-horizontal" }),
-                                        n = e.group({ class: "apexcharts-gridlines-vertical" });
-                                    a.add(s), a.add(n);
-                                    for (var r, o = 8, l = 0; l < t.globals.series.length && (void 0 !== t.globals.yAxisScale[l] && (o = t.globals.yAxisScale[l].result.length - 1), !(o > 2)); l++);
-                                    if (t.globals.isBarHorizontal) {
-                                        if (((r = o), t.config.grid.xaxis.lines.show || t.config.xaxis.axisTicks.show))
-                                            for (var h, c = t.globals.padHorizontal, d = t.globals.gridHeight, u = 0; u < r + 1 && ((h = c = c + t.globals.gridWidth / r + 0.3), u !== r - 1); u++) {
-                                                if (t.config.grid.xaxis.lines.show) {
-                                                    var f = e.drawLine(c, 0, h, d, t.config.grid.borderColor, i);
-                                                    f.node.classList.add("apexcharts-gridline"), n.add(f), this.animX && this.animateLine(f, { x1: 0, x2: 0 }, { x1: c, x2: h });
-                                                }
-                                                new q(this.ctx).drawXaxisTicks(c, a);
-                                            }
-                                        if (t.config.grid.yaxis.lines.show)
-                                            for (var g = 0, p = 0, x = t.globals.gridWidth, v = 0; v < t.globals.dataPoints + 1; v++) {
-                                                var b = e.drawLine(0, g, x, p, t.config.grid.borderColor, i);
-                                                s.add(b), b.node.classList.add("apexcharts-gridline"), this.animY && this.animateLine(b, { y1: g + 20, y2: p + 20 }, { y1: g, y2: p }), (p = g += t.globals.gridHeight / t.globals.dataPoints);
-                                            }
-                                    } else {
-                                        if (((r = this.xaxisLabels.length), t.config.grid.xaxis.lines.show || t.config.xaxis.axisTicks.show)) {
-                                            var y,
-                                                w = t.globals.padHorizontal,
-                                                k = t.globals.gridHeight;
-                                            if (t.globals.timelineLabels.length > 0)
-                                                for (var S = 0; S < r; S++) {
-                                                    if (((w = this.xaxisLabels[S].position), (y = this.xaxisLabels[S].position), t.config.grid.xaxis.lines.show && w > 0 && w < t.globals.gridWidth)) {
-                                                        var A = e.drawLine(w, 0, y, k, t.config.grid.borderColor, i);
-                                                        A.node.classList.add("apexcharts-gridline"), n.add(A), this.animX && this.animateLine(A, { x1: 0, x2: 0 }, { x1: w, x2: y });
-                                                    }
-                                                    var C = new q(this.ctx);
-                                                    (S === r - 1 && t.globals.skipLastTimelinelabel) || C.drawXaxisTicks(w, a);
-                                                }
-                                            else
-                                                for (var L = r, E = 0; E < L; E++) {
-                                                    var P = L;
-                                                    if ((t.globals.isXNumeric && "bar" !== t.config.chart.type && (P -= 1), (y = w += t.globals.gridWidth / P), E === P - 1)) break;
-                                                    if (t.config.grid.xaxis.lines.show) {
-                                                        var T = e.drawLine(w, 0, y, k, t.config.grid.borderColor, i);
-                                                        T.node.classList.add("apexcharts-gridline"), n.add(T), this.animX && this.animateLine(T, { x1: 0, x2: 0 }, { x1: w, x2: y });
-                                                    }
-                                                    new q(this.ctx).drawXaxisTicks(w, a);
-                                                }
-                                        }
-                                        if (t.config.grid.yaxis.lines.show)
-                                            for (var M = 0, z = 0, I = t.globals.gridWidth, X = 0; X < o + 1; X++) {
-                                                var F = e.drawLine(0, M, I, z, t.config.grid.borderColor, i);
-                                                s.add(F), F.node.classList.add("apexcharts-gridline"), this.animY && this.animateLine(F, { y1: M + 20, y2: z + 20 }, { y1: M, y2: z }), (z = M += t.globals.gridHeight / o);
-                                            }
-                                    }
-                                    return this.drawGridBands(a, r, o), { el: a, xAxisTickWidth: t.globals.gridWidth / r };
-                                },
-                            },
-                            {
-                                key: "drawGridBands",
-                                value: function (t, e, i) {
-                                    var a = this.w,
-                                        s = new m(this.ctx);
-                                    if (void 0 !== a.config.grid.row.colors && a.config.grid.row.colors.length > 0)
-                                        for (var n = 0, r = a.globals.gridHeight / i, o = a.globals.gridWidth, l = 0, h = 0; l < i; l++, h++) {
-                                            h >= a.config.grid.row.colors.length && (h = 0);
-                                            var c = a.config.grid.row.colors[h],
-                                                d = s.drawRect(0, n, o, r, 0, c, a.config.grid.row.opacity);
-                                            t.add(d), d.node.classList.add("apexcharts-gridRow"), (n += a.globals.gridHeight / i);
-                                        }
-                                    if (void 0 !== a.config.grid.column.colors && a.config.grid.column.colors.length > 0)
-                                        for (var u = a.globals.padHorizontal, f = a.globals.padHorizontal + a.globals.gridWidth / e, g = a.globals.gridHeight, p = 0, x = 0; p < e; p++, x++) {
-                                            x >= a.config.grid.column.colors.length && (x = 0);
-                                            var v = a.config.grid.column.colors[x],
-                                                b = s.drawRect(u, 0, f, g, 0, v, a.config.grid.column.opacity);
-                                            b.node.classList.add("apexcharts-gridColumn"), t.add(b), (u += a.globals.gridWidth / e);
-                                        }
-                                },
-                            },
-                            {
-                                key: "animateLine",
-                                value: function (t, e, i) {
-                                    var a = this.w,
-                                        s = a.config.chart.animations;
-                                    if (s && !a.globals.resized && !a.globals.dataChanged) {
-                                        var n = s.speed;
-                                        this.anim.animateLine(t, e, i, n);
-                                    }
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                ut = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "checkResponsiveConfig",
-                                value: function (t) {
-                                    var e = this,
-                                        i = this.w,
-                                        a = i.config;
-                                    if (0 !== a.responsive.length) {
-                                        var s = a.responsive.slice();
-                                        s.sort(function (t, e) {
-                                            return t.breakpoint > e.breakpoint ? 1 : e.breakpoint > t.breakpoint ? -1 : 0;
-                                        }).reverse();
-                                        var n = new C({}),
-                                            r = function () {
-                                                var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
-                                                    a = s[0].breakpoint,
-                                                    r = window.innerWidth > 0 ? window.innerWidth : screen.width;
-                                                if (r > a) {
-                                                    var o = A.extendArrayProps(n, i.globals.initialConfig);
-                                                    (t = p.extend(o, t)), (t = p.extend(i.config, t)), e.overrideResponsiveOptions(t);
-                                                } else for (var l = 0; l < s.length; l++) r < s[l].breakpoint && ((t = A.extendArrayProps(n, s[l].options)), (t = p.extend(i.config, t)), e.overrideResponsiveOptions(t));
-                                            };
-                                        if (t) {
-                                            var o = A.extendArrayProps(n, t);
-                                            (o = p.extend(i.config, o)), r((o = p.extend(o, t)));
-                                        } else r({});
-                                    }
-                                },
-                            },
-                            {
-                                key: "overrideResponsiveOptions",
-                                value: function (t) {
-                                    var e = new C(t).init();
-                                    this.w.config = e;
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                ft = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w), (this.colors = []);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "init",
-                                value: function () {
-                                    this.setDefaultColors();
-                                },
-                            },
-                            {
-                                key: "setDefaultColors",
-                                value: function () {
-                                    var t = this.w,
-                                        e = new p();
-                                    if (
-                                        (t.globals.dom.elWrap.classList.add(t.config.theme.mode), void 0 === t.config.colors ? (t.globals.colors = this.predefined()) : (t.globals.colors = t.config.colors), t.config.theme.monochrome.enabled)
-                                    ) {
-                                        var i = [],
-                                            a = t.globals.series.length;
-                                        t.config.plotOptions.bar.distributed && "bar" === t.config.chart.type && (a = t.globals.series[0].length * t.globals.series.length);
-                                        for (var s = t.config.theme.monochrome.color, n = 1 / (a / t.config.theme.monochrome.shadeIntensity), r = t.config.theme.monochrome.shadeTo, o = 0, l = 0; l < a; l++) {
-                                            var h = void 0;
-                                            "dark" === r ? ((h = e.shadeColor(-1 * o, s)), (o += n)) : ((h = e.shadeColor(o, s)), (o += n)), i.push(h);
-                                        }
-                                        t.globals.colors = i.slice();
-                                    }
-                                    var c = t.globals.colors.slice();
-                                    this.pushExtraColors(t.globals.colors),
-                                        void 0 === t.config.stroke.colors ? (t.globals.stroke.colors = c) : (t.globals.stroke.colors = t.config.stroke.colors),
-                                        this.pushExtraColors(t.globals.stroke.colors),
-                                        void 0 === t.config.fill.colors ? (t.globals.fill.colors = c) : (t.globals.fill.colors = t.config.fill.colors),
-                                        this.pushExtraColors(t.globals.fill.colors),
-                                        void 0 === t.config.dataLabels.style.colors ? (t.globals.dataLabels.style.colors = c) : (t.globals.dataLabels.style.colors = t.config.dataLabels.style.colors),
-                                        this.pushExtraColors(t.globals.dataLabels.style.colors, 50),
-                                        void 0 === t.config.plotOptions.radar.polygons.fill.colors
-                                            ? (t.globals.radarPolygons.fill.colors = ["dark" === t.config.theme.mode ? "#202D48" : "#fff"])
-                                            : (t.globals.radarPolygons.fill.colors = t.config.plotOptions.radar.polygons.fill.colors),
-                                        this.pushExtraColors(t.globals.radarPolygons.fill.colors, 20),
-                                        void 0 === t.config.markers.colors ? (t.globals.markers.colors = c) : (t.globals.markers.colors = t.config.markers.colors),
-                                        this.pushExtraColors(t.globals.markers.colors);
-                                },
-                            },
-                            {
-                                key: "pushExtraColors",
-                                value: function (t, e) {
-                                    var i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null,
-                                        a = this.w,
-                                        s = e || a.globals.series.length;
-                                    if (
-                                        (null === i && (i = ("bar" === a.config.chart.type && a.config.plotOptions.bar.distributed) || ("heatmap" === a.config.chart.type && a.config.plotOptions.heatmap.colorScale.inverse)),
-                                        i && (s = a.globals.series[0].length * a.globals.series.length),
-                                        t.length < s)
-                                    )
-                                        for (var n = s - t.length, r = 0; r < n; r++) t.push(t[r]);
-                                },
-                            },
-                            {
-                                key: "updateThemeOptions",
-                                value: function (t) {
-                                    (t.chart = t.chart || {}), (t.tooltip = t.tooltip || {});
-                                    var e = t.theme.mode || "light",
-                                        i = t.theme.palette ? t.theme.palette : "dark" === e ? "palette4" : "palette1",
-                                        a = t.chart.foreColor ? t.chart.foreColor : "dark" === e ? "#f6f7f8" : "#373d3f";
-                                    return (t.tooltip.theme = e), (t.chart.foreColor = a), (t.theme.palette = i), t;
-                                },
-                            },
-                            {
-                                key: "predefined",
-                                value: function () {
-                                    switch (this.w.config.theme.palette) {
-                                        case "palette1":
-                                            this.colors = ["#008FFB", "#00E396", "#FEB019", "#FF4560", "#775DD0"];
-                                            break;
-                                        case "palette2":
-                                            this.colors = ["#3f51b5", "#03a9f4", "#4caf50", "#f9ce1d", "#FF9800"];
-                                            break;
-                                        case "palette3":
-                                            this.colors = ["#33b2df", "#546E7A", "#d4526e", "#13d8aa", "#A5978B"];
-                                            break;
-                                        case "palette4":
-                                            this.colors = ["#4ecdc4", "#c7f464", "#81D4FA", "#fd6a6a", "#546E7A"];
-                                            break;
-                                        case "palette5":
-                                            this.colors = ["#2b908f", "#f9a3a4", "#90ee7e", "#fa4443", "#69d2e7"];
-                                            break;
-                                        case "palette6":
-                                            this.colors = ["#449DD1", "#F86624", "#EA3546", "#662E9B", "#C5D86D"];
-                                            break;
-                                        case "palette7":
-                                            this.colors = ["#D7263D", "#1B998B", "#2E294E", "#F46036", "#E2C044"];
-                                            break;
-                                        case "palette8":
-                                            this.colors = ["#662E9B", "#F86624", "#F9C80E", "#EA3546", "#43BCCD"];
-                                            break;
-                                        case "palette9":
-                                            this.colors = ["#5C4742", "#A5978B", "#8D5B4C", "#5A2A27", "#C4BBAF"];
-                                            break;
-                                        case "palette10":
-                                            this.colors = ["#A300D6", "#7D02EB", "#5653FE", "#2983FF", "#00B1F2"];
-                                            break;
-                                        default:
-                                            this.colors = ["#008FFB", "#00E396", "#FEB019", "#FF4560", "#775DD0"];
-                                    }
-                                    return this.colors;
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                gt = (function () {
-                    function t(e) {
-                        n(this, t), (this.w = e.w), (this.ttCtx = e), (this.ctx = e.ctx);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "getNearestValues",
-                                value: function (t) {
-                                    var e = t.hoverArea,
-                                        i = t.elGrid,
-                                        a = t.clientX,
-                                        s = t.clientY,
-                                        n = t.hasBars,
-                                        r = this.w,
-                                        o = r.globals.gridWidth,
-                                        l = o / (r.globals.dataPoints - 1),
-                                        h = i.getBoundingClientRect();
-                                    ((n && r.globals.comboCharts) || n) && (l = o / r.globals.dataPoints);
-                                    var c = a - h.left,
-                                        d = s - h.top;
-                                    c < 0 || d < 0 || c > r.globals.gridWidth || d > r.globals.gridHeight
-                                        ? (e.classList.remove("hovering-zoom"), e.classList.remove("hovering-pan"))
-                                        : r.globals.zoomEnabled
-                                        ? (e.classList.remove("hovering-pan"), e.classList.add("hovering-zoom"))
-                                        : r.globals.panEnabled && (e.classList.remove("hovering-zoom"), e.classList.add("hovering-pan"));
-                                    var u = Math.round(c / l);
-                                    n && ((u = Math.ceil(c / l)), (u -= 1));
-                                    for (var f, g = null, p = null, x = [], v = 0; v < r.globals.seriesXvalues.length; v++) x.push([r.globals.seriesXvalues[v][0] - 1e-6].concat(r.globals.seriesXvalues[v]));
-                                    return (
-                                        (x = x.map(function (t) {
-                                            return t.filter(function (t) {
-                                                return t;
-                                            });
-                                        })),
-                                        (f = r.globals.seriesYvalues.map(function (t) {
-                                            return t.filter(function (t) {
-                                                return t;
-                                            });
-                                        })),
-                                        r.globals.isXNumeric && ((g = (p = this.closestInMultiArray(c, d, x, f)).index), (u = p.j), null !== g && ((x = r.globals.seriesXvalues[g]), (u = (p = this.closestInArray(c, x)).index))),
-                                        (!u || u < 1) && (u = 0),
-                                        { capturedSeries: g, j: u, hoverX: c, hoverY: d }
-                                    );
-                                },
-                            },
-                            {
-                                key: "closestInMultiArray",
-                                value: function (t, e, i, a) {
-                                    var s = this.w,
-                                        n = 0,
-                                        r = null,
-                                        o = -1;
-                                    s.globals.series.length > 1 ? (n = this.getFirstActiveXArray(i)) : (r = 0);
-                                    var l = a[n][0],
-                                        h = i[n][0],
-                                        c = Math.abs(t - h),
-                                        d = Math.abs(e - l),
-                                        u = d + c;
-                                    return (
-                                        a.map(function (s, n) {
-                                            s.map(function (s, l) {
-                                                var h = Math.abs(e - a[n][l]),
-                                                    f = Math.abs(t - i[n][l]),
-                                                    g = f + h;
-                                                g < u && ((u = g), (c = f), (d = h), (r = n), (o = l));
-                                            });
-                                        }),
-                                        { index: r, j: o }
-                                    );
-                                },
-                            },
-                            {
-                                key: "getFirstActiveXArray",
-                                value: function (t) {
-                                    for (
-                                        var e = 0,
-                                            i = new A(this.ctx),
-                                            a = t.map(function (t, e) {
-                                                return t.length > 0 ? e : -1;
-                                            }),
-                                            s = 0;
-                                        s < a.length;
-                                        s++
-                                    ) {
-                                        var n = i.getSeriesTotalByIndex(s);
-                                        if (-1 !== a[s] && 0 !== n && !i.seriesHaveSameValues(s)) {
-                                            e = a[s];
-                                            break;
-                                        }
-                                    }
-                                    return e;
-                                },
-                            },
-                            {
-                                key: "closestInArray",
-                                value: function (t, e) {
-                                    for (var i = e[0], a = null, s = Math.abs(t - i), n = 0; n < e.length; n++) {
-                                        var r = Math.abs(t - e[n]);
-                                        r < s && ((s = r), (i = e[n]), (a = n));
-                                    }
-                                    return { index: a };
-                                },
-                            },
-                            {
-                                key: "isXoverlap",
-                                value: function (t) {
-                                    var e = [],
-                                        i = this.w.globals.seriesX.filter(function (t) {
-                                            return void 0 !== t[0];
-                                        });
-                                    if (i.length > 0) for (var a = 0; a < i.length - 1; a++) void 0 !== i[a][t] && void 0 !== i[a + 1][t] && i[a][t] !== i[a + 1][t] && e.push("unEqual");
-                                    return 0 === e.length;
-                                },
-                            },
-                            {
-                                key: "isinitialSeriesSameLen",
-                                value: function () {
-                                    for (var t = !0, e = this.w.globals.initialSeries, i = 0; i < e.length - 1; i++)
-                                        if (e[i].data.length !== e[i + 1].data.length) {
-                                            t = !1;
-                                            break;
-                                        }
-                                    return t;
-                                },
-                            },
-                            {
-                                key: "getBarsHeight",
-                                value: function (t) {
-                                    return g(t).reduce(function (t, e) {
-                                        return t + e.getBBox().height;
-                                    }, 0);
-                                },
-                            },
-                            {
-                                key: "toggleAllTooltipSeriesGroups",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = this.ttCtx;
-                                    0 === i.allTooltipSeriesGroups.length && (i.allTooltipSeriesGroups = e.globals.dom.baseEl.querySelectorAll(".apexcharts-tooltip-series-group"));
-                                    for (var a = i.allTooltipSeriesGroups, s = 0; s < a.length; s++)
-                                        "enable" === t ? (a[s].classList.add("active"), (a[s].style.display = e.config.tooltip.items.display)) : (a[s].classList.remove("active"), (a[s].style.display = "none"));
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                pt = (function () {
-                    function t(e) {
-                        n(this, t), (this.w = e.w), (this.ctx = e.ctx), (this.ttCtx = e), (this.tooltipUtil = new gt(e));
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "drawSeriesTexts",
-                                value: function (t) {
-                                    var e = t.shared,
-                                        i = void 0 === e || e,
-                                        a = t.ttItems,
-                                        s = t.i,
-                                        n = void 0 === s ? 0 : s,
-                                        r = t.j,
-                                        o = void 0 === r ? null : r;
-                                    void 0 !== this.w.config.tooltip.custom ? this.handleCustomTooltip({ i: n, j: o }) : this.toggleActiveInactiveSeries(i);
-                                    var l = this.getValuesToPrint({ i: n, j: o });
-                                    this.printLabels({ i: n, j: o, values: l, ttItems: a, shared: i });
-                                    var h = this.ttCtx.getElTooltip();
-                                    (this.ttCtx.tooltipRect.ttWidth = h.getBoundingClientRect().width), (this.ttCtx.tooltipRect.ttHeight = h.getBoundingClientRect().height);
-                                },
-                            },
-                            {
-                                key: "printLabels",
-                                value: function (t) {
-                                    var e,
-                                        i = t.i,
-                                        a = t.j,
-                                        s = t.values,
-                                        n = t.ttItems,
-                                        r = t.shared,
-                                        o = this.w,
-                                        l = s.xVal,
-                                        h = s.zVal,
-                                        c = s.xAxisTTVal,
-                                        d = "",
-                                        u = o.globals.colors[i];
-                                    null !== a && o.config.plotOptions.bar.distributed && (u = o.globals.colors[a]);
-                                    for (var f = 0, g = o.globals.series.length - 1; f < o.globals.series.length; f++, g--) {
-                                        var p = this.getFormatters(i);
-                                        if (((d = this.getSeriesName({ fn: p.yLbTitleFormatter, index: i, seriesIndex: i, j: a })), r)) {
-                                            var x = o.config.tooltip.inverseOrder ? g : f;
-                                            (p = this.getFormatters(x)),
-                                                (d = this.getSeriesName({ fn: p.yLbTitleFormatter, index: x, seriesIndex: i, j: a })),
-                                                (u = o.globals.colors[x]),
-                                                (e = p.yLbFormatter(o.globals.series[x][a], { series: o.globals.series, seriesIndex: x, dataPointIndex: a, w: o })),
-                                                ((this.ttCtx.hasBars() && o.config.chart.stacked && 0 === o.globals.series[x][a]) || void 0 === o.globals.series[x][a]) && (e = void 0);
-                                        } else e = p.yLbFormatter(o.globals.series[i][a], { series: o.globals.series, seriesIndex: i, dataPointIndex: a, w: o });
-                                        null === a && (e = p.yLbFormatter(o.globals.series[i], o)), this.DOMHandling({ t: f, ttItems: n, values: { val: e, xVal: l, xAxisTTVal: c, zVal: h }, seriesName: d, shared: r, pColor: u });
-                                    }
-                                },
-                            },
-                            {
-                                key: "getFormatters",
-                                value: function (t) {
-                                    var e,
-                                        i = this.w,
-                                        a = i.globals.yLabelFormatters[t];
-                                    return (
-                                        void 0 !== i.globals.ttVal
-                                            ? Array.isArray(i.globals.ttVal)
-                                                ? ((a = i.globals.ttVal[t] && i.globals.ttVal[t].formatter), (e = i.globals.ttVal[t] && i.globals.ttVal[t].title && i.globals.ttVal[t].title.formatter))
-                                                : ((a = i.globals.ttVal.formatter), "function" == typeof i.globals.ttVal.title.formatter && (e = i.globals.ttVal.title.formatter))
-                                            : (e = i.config.tooltip.y.title.formatter),
-                                        "function" != typeof a &&
-                                            (a = i.globals.yLabelFormatters[0]
-                                                ? i.globals.yLabelFormatters[0]
-                                                : function (t) {
-                                                      return t;
-                                                  }),
-                                        "function" != typeof e &&
-                                            (e = function (t) {
-                                                return t;
-                                            }),
-                                        { yLbFormatter: a, yLbTitleFormatter: e }
-                                    );
-                                },
-                            },
-                            {
-                                key: "getSeriesName",
-                                value: function (t) {
-                                    var e = t.fn,
-                                        i = t.index,
-                                        a = t.seriesIndex,
-                                        s = t.j,
-                                        n = this.w;
-                                    return e(String(n.globals.seriesNames[i]), { series: n.globals.series, seriesIndex: a, dataPointIndex: s, w: n });
-                                },
-                            },
-                            {
-                                key: "DOMHandling",
-                                value: function (t) {
-                                    var e = t.t,
-                                        i = t.ttItems,
-                                        a = t.values,
-                                        s = t.seriesName,
-                                        n = t.shared,
-                                        r = t.pColor,
-                                        o = this.w,
-                                        l = this.ttCtx,
-                                        h = a.val,
-                                        c = a.xVal,
-                                        d = a.xAxisTTVal,
-                                        u = a.zVal,
-                                        f = null;
-                                    (f = i[e].children),
-                                        o.config.tooltip.fillSeriesColor && ((i[e].style.backgroundColor = r), (f[0].style.display = "none")),
-                                        l.showTooltipTitle && (null === l.tooltipTitle && (l.tooltipTitle = o.globals.dom.baseEl.querySelector(".apexcharts-tooltip-title")), (l.tooltipTitle.innerHTML = c)),
-                                        l.blxaxisTooltip && (l.xaxisTooltipText.innerHTML = "" !== d ? d : c);
-                                    var g = i[e].querySelector(".apexcharts-tooltip-text-label");
-                                    g && (g.innerHTML = s ? s + ": " : "");
-                                    var p = i[e].querySelector(".apexcharts-tooltip-text-value");
-                                    (p && (p.innerHTML = h), f[0] && f[0].classList.contains("apexcharts-tooltip-marker") && (f[0].style.backgroundColor = r), o.config.tooltip.marker.show || (f[0].style.display = "none"), null !== u) &&
-                                        ((i[e].querySelector(".apexcharts-tooltip-text-z-label").innerHTML = o.config.tooltip.z.title), (i[e].querySelector(".apexcharts-tooltip-text-z-value").innerHTML = u));
-                                    n && f[0] && (null == h || o.globals.collapsedSeriesIndices.indexOf(e) > -1 ? (f[0].parentNode.style.display = "none") : (f[0].parentNode.style.display = o.config.tooltip.items.display));
-                                },
-                            },
-                            {
-                                key: "toggleActiveInactiveSeries",
-                                value: function (t) {
-                                    var e = this.w;
-                                    if (t) this.tooltipUtil.toggleAllTooltipSeriesGroups("enable");
-                                    else {
-                                        this.tooltipUtil.toggleAllTooltipSeriesGroups("disable");
-                                        var i = e.globals.dom.baseEl.querySelector(".apexcharts-tooltip-series-group");
-                                        i && (i.classList.add("active"), (i.style.display = e.config.tooltip.items.display));
-                                    }
-                                },
-                            },
-                            {
-                                key: "getValuesToPrint",
-                                value: function (t) {
-                                    var e = t.i,
-                                        i = t.j,
-                                        a = this.w,
-                                        s = this.ctx.series.filteredSeriesX(),
-                                        n = "",
-                                        r = null,
-                                        o = null,
-                                        l = { series: a.globals.series, seriesIndex: e, dataPointIndex: i, w: a },
-                                        h = a.globals.ttZFormatter;
-                                    null === i
-                                        ? (o = a.globals.series[e])
-                                        : a.globals.isXNumeric
-                                        ? ((n = s[e][i]), 0 === s[e].length && (n = s[this.tooltipUtil.getFirstActiveXArray(s)][i]))
-                                        : (n = void 0 !== a.globals.labels[i] ? a.globals.labels[i] : "");
-                                    var c = n;
-                                    a.globals.isXNumeric && "datetime" === a.config.xaxis.type ? (n = new _(this.ctx).xLabelFormat(a.globals.ttKeyFormatter, c)) : (n = a.globals.xLabelFormatter(c, l));
-                                    return (
-                                        void 0 !== a.config.tooltip.x.formatter && (n = a.globals.ttKeyFormatter(c, l)),
-                                        a.globals.seriesZ.length > 0 && a.globals.seriesZ[0].length > 0 && (r = h(a.globals.seriesZ[e][i], a)),
-                                        { val: o, xVal: n, xAxisTTVal: "function" == typeof a.config.xaxis.tooltip.formatter ? a.globals.xaxisTooltipFormatter(c, l) : n, zVal: r }
-                                    );
-                                },
-                            },
-                            {
-                                key: "handleCustomTooltip",
-                                value: function (t) {
-                                    var e = t.i,
-                                        i = t.j,
-                                        a = this.w;
-                                    this.ttCtx.getElTooltip().innerHTML = a.config.tooltip.custom({ ctx: this.ctx, series: a.globals.series, seriesIndex: e, dataPointIndex: i, w: a });
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                xt = (function () {
-                    function t(e) {
-                        n(this, t), (this.ttCtx = e), (this.ctx = e.ctx), (this.w = e.w);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "moveXCrosshairs",
-                                value: function (t) {
-                                    var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null,
-                                        i = this.ttCtx,
-                                        a = this.w,
-                                        s = i.getElXCrosshairs(),
-                                        n = t - i.xcrosshairsWidth / 2,
-                                        r = a.globals.labels.slice().length;
-                                    if (
-                                        (null !== e && (n = (a.globals.gridWidth / r) * e),
-                                        "tickWidth" === a.config.xaxis.crosshairs.width || "barWidth" === a.config.xaxis.crosshairs.width
-                                            ? n + i.xcrosshairsWidth > a.globals.gridWidth && (n = a.globals.gridWidth - i.xcrosshairsWidth)
-                                            : null !== e && (n += a.globals.gridWidth / r / 2),
-                                        n < 0 && (n = 0),
-                                        n > a.globals.gridWidth && (n = a.globals.gridWidth),
-                                        null !== s && (s.setAttribute("x", n), s.setAttribute("x1", n), s.setAttribute("x2", n), s.setAttribute("y2", a.globals.gridHeight), s.classList.add("active")),
-                                        i.blxaxisTooltip)
-                                    ) {
-                                        var o = n;
-                                        ("tickWidth" !== a.config.xaxis.crosshairs.width && "barWidth" !== a.config.xaxis.crosshairs.width) || (o = n + i.xcrosshairsWidth / 2), this.moveXAxisTooltip(o);
-                                    }
-                                },
-                            },
-                            {
-                                key: "moveYCrosshairs",
-                                value: function (t) {
-                                    var e = this.ttCtx;
-                                    null !== e.ycrosshairs && (m.setAttrs(e.ycrosshairs, { y1: t, y2: t }), m.setAttrs(e.ycrosshairsHidden, { y1: t, y2: t }));
-                                },
-                            },
-                            {
-                                key: "moveXAxisTooltip",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = this.ttCtx;
-                                    if (null !== i.xaxisTooltip) {
-                                        i.xaxisTooltip.classList.add("active");
-                                        var a = i.xaxisOffY + e.config.xaxis.tooltip.offsetY + e.globals.translateY + 1 + e.config.xaxis.offsetY;
-                                        if (((t -= i.xaxisTooltip.getBoundingClientRect().width / 2), !isNaN(t))) {
-                                            t += e.globals.translateX;
-                                            var s;
-                                            (s = new m(this.ctx).getTextRects(i.xaxisTooltipText.innerHTML)),
-                                                (i.xaxisTooltipText.style.minWidth = s.width + "px"),
-                                                (i.xaxisTooltip.style.left = t + "px"),
-                                                (i.xaxisTooltip.style.top = a + "px");
-                                        }
-                                    }
-                                },
-                            },
-                            {
-                                key: "moveYAxisTooltip",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = this.ttCtx;
-                                    null === i.yaxisTTEls && (i.yaxisTTEls = e.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxistooltip"));
-                                    var a = parseInt(i.ycrosshairsHidden.getAttribute("y1")),
-                                        s = e.globals.translateY + a,
-                                        n = i.yaxisTTEls[t].getBoundingClientRect().height,
-                                        r = e.globals.translateYAxisX[t] - 2;
-                                    e.config.yaxis[t].opposite && (r -= 26),
-                                        (s -= n / 2),
-                                        -1 === e.globals.ignoreYAxisIndexes.indexOf(t)
-                                            ? (i.yaxisTTEls[t].classList.add("active"), (i.yaxisTTEls[t].style.top = s + "px"), (i.yaxisTTEls[t].style.left = r + e.config.yaxis[t].tooltip.offsetX + "px"))
-                                            : i.yaxisTTEls[t].classList.remove("active");
-                                },
-                            },
-                            {
-                                key: "moveTooltip",
-                                value: function (t, e) {
-                                    var i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null,
-                                        a = this.w,
-                                        s = this.ttCtx,
-                                        n = s.getElTooltip(),
-                                        r = s.tooltipRect,
-                                        o = null !== i ? parseInt(i) : 1,
-                                        l = parseInt(t) + o + 5,
-                                        h = parseInt(e) + o / 2;
-                                    if ((l > a.globals.gridWidth / 2 && (l = l - r.ttWidth - o - 15), l > a.globals.gridWidth - r.ttWidth - 10 && (l = a.globals.gridWidth - r.ttWidth), l < -20 && (l = -20), a.config.tooltip.followCursor)) {
-                                        var c = s.getElGrid().getBoundingClientRect();
-                                        h = s.e.clientY + a.globals.translateY - c.top - r.ttHeight / 2;
-                                    }
-                                    var d = this.positionChecks(r, l, h);
-                                    (l = d.x), (h = d.y), isNaN(l) || ((l += a.globals.translateX), (n.style.left = l + "px"), (n.style.top = h + "px"));
-                                },
-                            },
-                            {
-                                key: "positionChecks",
-                                value: function (t, e, i) {
-                                    var a = this.w;
-                                    return t.ttHeight + i > a.globals.gridHeight && (i = a.globals.gridHeight - t.ttHeight + a.globals.translateY), i < 0 && (i = 0), { x: e, y: i };
-                                },
-                            },
-                            {
-                                key: "moveMarkers",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = this.ttCtx;
-                                    if (i.globals.markers.size[t] > 0)
-                                        for (var s = i.globals.dom.baseEl.querySelectorAll(" .apexcharts-series[data\\:realIndex='".concat(t, "'] .apexcharts-marker")), n = 0; n < s.length; n++)
-                                            parseInt(s[n].getAttribute("rel")) === e && (a.marker.resetPointsSize(), a.marker.enlargeCurrentPoint(e, s[n]));
-                                    else a.marker.resetPointsSize(), this.moveDynamicPointOnHover(e, t);
-                                },
-                            },
-                            {
-                                key: "moveDynamicPointOnHover",
-                                value: function (t, e) {
-                                    var i,
-                                        a,
-                                        s = this.w,
-                                        n = this.ttCtx,
-                                        r = s.globals.pointsArray,
-                                        o = s.config.markers.hover.size;
-                                    void 0 === o && (o = s.globals.markers.size[e] + s.config.markers.hover.sizeOffset), (i = r[e][t][0]), (a = r[e][t][1] ? r[e][t][1] : 0);
-                                    var l = s.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(e, "'] .apexcharts-series-markers circle"));
-                                    l && (l.setAttribute("r", o), l.setAttribute("cx", i), l.setAttribute("cy", a)), this.moveXCrosshairs(i), n.fixedTooltip || this.moveTooltip(i, a, o);
-                                },
-                            },
-                            {
-                                key: "moveDynamicPointsOnHover",
-                                value: function (t) {
-                                    var e,
-                                        i = this.ttCtx,
-                                        a = i.w,
-                                        s = 0,
-                                        n = 0,
-                                        r = a.globals.pointsArray;
-                                    e = new G(this.ctx).getActiveSeriesIndex();
-                                    var o = a.config.markers.hover.size;
-                                    void 0 === o && (o = a.globals.markers.size[e] + a.config.markers.hover.sizeOffset), r[e] && ((s = r[e][t][0]), (n = r[e][t][1]));
-                                    var l = null,
-                                        h = i.getAllMarkers();
-                                    if (null !== (l = null !== h ? h : a.globals.dom.baseEl.querySelectorAll(".apexcharts-series-markers circle")))
-                                        for (var c = 0; c < l.length; c++) {
-                                            var d = r[c];
-                                            if (d && d.length) {
-                                                var u = r[c][t][1];
-                                                l[c].setAttribute("cx", s);
-                                                var f = parseInt(l[c].parentNode.parentNode.parentNode.getAttribute("data:realIndex"));
-                                                null !== u ? (l[f] && l[f].setAttribute("r", o), l[f] && l[f].setAttribute("cy", u)) : l[f] && l[f].setAttribute("r", 0);
-                                            }
-                                        }
-                                    if ((this.moveXCrosshairs(s), !i.fixedTooltip)) {
-                                        var g = n || a.globals.gridHeight;
-                                        this.moveTooltip(s, g, o);
-                                    }
-                                },
-                            },
-                            {
-                                key: "moveStickyTooltipOverBars",
-                                value: function (t) {
-                                    var e,
-                                        i = this.w,
-                                        a = this.ttCtx,
-                                        s = i.globals.dom.baseEl.querySelector(
-                                            ".apexcharts-bar-series .apexcharts-series[rel='1'] path[j='"
-                                                .concat(t, "'], .apexcharts-candlestick-series .apexcharts-series[rel='1'] path[j='")
-                                                .concat(t, "'], .apexcharts-rangebar-series .apexcharts-series[rel='1'] path[j='")
-                                                .concat(t, "']")
-                                        ),
-                                        n = s ? parseFloat(s.getAttribute("cx")) : 0,
-                                        r = s ? parseFloat(s.getAttribute("barWidth")) : 0;
-                                    i.globals.isXNumeric ? (n -= r / 2) : ((n = a.xAxisTicksPositions[t - 1] + a.dataPointsDividedWidth / 2), isNaN(n) && (n = a.xAxisTicksPositions[t] - a.dataPointsDividedWidth / 2));
-                                    var o = a.getElGrid().getBoundingClientRect();
-                                    if (((e = a.e.clientY - o.top - a.tooltipRect.ttHeight / 2), this.moveXCrosshairs(n), !a.fixedTooltip)) {
-                                        var l = e || i.globals.gridHeight;
-                                        this.moveTooltip(n, l);
-                                    }
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                vt = (function () {
-                    function t(e) {
-                        n(this, t), (this.w = e.w), (this.ttCtx = e), (this.ctx = e.ctx), (this.tooltipPosition = new xt(e));
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "drawDynamicPoints",
-                                value: function () {
-                                    for (var t = this.w, e = new m(this.ctx), i = new T(this.ctx), a = t.globals.dom.baseEl.querySelectorAll(".apexcharts-series"), s = 0; s < a.length; s++) {
-                                        var n = parseInt(a[s].getAttribute("data:realIndex")),
-                                            r = t.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(n, "'] .apexcharts-series-markers-wrap"));
-                                        if (null !== r) {
-                                            var o = void 0,
-                                                l = "apexcharts-marker w".concat((Math.random() + 1).toString(36).substring(4));
-                                            ("line" !== t.config.chart.type && "area" !== t.config.chart.type) || t.globals.comboCharts || t.config.tooltip.intersect || (l += " no-pointer-events");
-                                            var h = i.getMarkerConfig(l, n);
-                                            (o = e.drawMarker(0, 0, h)).node.setAttribute("default-marker-size", 0);
-                                            var c = document.createElementNS(t.globals.SVGNS, "g");
-                                            c.classList.add("apexcharts-series-markers"), c.appendChild(o.node), r.appendChild(c);
-                                        }
-                                    }
-                                },
-                            },
-                            {
-                                key: "enlargeCurrentPoint",
-                                value: function (t, e) {
-                                    var i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null,
-                                        a = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : null,
-                                        s = this.w;
-                                    "bubble" !== s.config.chart.type && this.newPointSize(t, e);
-                                    var n = e.getAttribute("cx"),
-                                        r = e.getAttribute("cy");
-                                    if ((null !== i && null !== a && ((n = i), (r = a)), this.tooltipPosition.moveXCrosshairs(n), !this.fixedTooltip)) {
-                                        if ("radar" === s.config.chart.type) {
-                                            var o = this.ttCtx.getElGrid().getBoundingClientRect();
-                                            n = this.ttCtx.e.clientX - o.left;
-                                        }
-                                        this.tooltipPosition.moveTooltip(n, r, s.config.markers.hover.size);
-                                    }
-                                },
-                            },
-                            {
-                                key: "enlargePoints",
-                                value: function (t) {
-                                    for (
-                                        var e = this.w, i = this.ttCtx, a = t, s = e.globals.dom.baseEl.querySelectorAll(".apexcharts-series:not(.apexcharts-series-collapsed) .apexcharts-marker"), n = e.config.markers.hover.size, r = 0;
-                                        r < s.length;
-                                        r++
-                                    ) {
-                                        var o = s[r].getAttribute("rel"),
-                                            l = s[r].getAttribute("index");
-                                        if ((void 0 === n && (n = e.globals.markers.size[l] + e.config.markers.hover.sizeOffset), a === parseInt(o))) {
-                                            this.newPointSize(a, s[r]);
-                                            var h = s[r].getAttribute("cx"),
-                                                c = s[r].getAttribute("cy");
-                                            this.tooltipPosition.moveXCrosshairs(h), i.fixedTooltip || this.tooltipPosition.moveTooltip(h, c, n);
-                                        } else this.oldPointSize(s[r]);
-                                    }
-                                },
-                            },
-                            {
-                                key: "newPointSize",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = i.config.markers.hover.size,
-                                        s = null;
-                                    s = 0 === t ? e.parentNode.firstChild : e.parentNode.lastChild;
-                                    var n = parseInt(s.getAttribute("index"));
-                                    void 0 === a && (a = i.globals.markers.size[n] + i.config.markers.hover.sizeOffset), s.setAttribute("r", a);
-                                },
-                            },
-                            {
-                                key: "oldPointSize",
-                                value: function (t) {
-                                    var e = parseInt(t.getAttribute("default-marker-size"));
-                                    t.setAttribute("r", e);
-                                },
-                            },
-                            {
-                                key: "resetPointsSize",
-                                value: function () {
-                                    for (var t = this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-series:not(.apexcharts-series-collapsed) .apexcharts-marker"), e = 0; e < t.length; e++) {
-                                        var i = parseInt(t[e].getAttribute("default-marker-size"));
-                                        p.isNumber(i) ? t[e].setAttribute("r", i) : t[e].setAttribute("r", 0);
-                                    }
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                mt = (function () {
-                    function t(e) {
-                        n(this, t), (this.w = e.w), (this.ttCtx = e);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "getAttr",
-                                value: function (t, e) {
-                                    return parseFloat(t.target.getAttribute(e));
-                                },
-                            },
-                            {
-                                key: "handleHeatTooltip",
-                                value: function (t) {
-                                    var e = t.e,
-                                        i = t.opt,
-                                        a = t.x,
-                                        s = t.y,
-                                        n = this.ttCtx,
-                                        r = this.w;
-                                    if (e.target.classList.contains("apexcharts-heatmap-rect")) {
-                                        var o = this.getAttr(e, "i"),
-                                            l = this.getAttr(e, "j"),
-                                            h = this.getAttr(e, "cx"),
-                                            c = this.getAttr(e, "cy"),
-                                            d = this.getAttr(e, "width"),
-                                            u = this.getAttr(e, "height");
-                                        if (
-                                            (n.tooltipLabels.drawSeriesTexts({ ttItems: i.ttItems, i: o, j: l, shared: !1 }),
-                                            (a = h + n.tooltipRect.ttWidth / 2 + d),
-                                            (s = c + n.tooltipRect.ttHeight / 2 - u / 2),
-                                            n.tooltipPosition.moveXCrosshairs(h + d / 2),
-                                            a > r.globals.gridWidth / 2 && (a = h - n.tooltipRect.ttWidth / 2 + d),
-                                            n.w.config.tooltip.followCursor)
-                                        ) {
-                                            var f = n.getElGrid().getBoundingClientRect();
-                                            s = n.e.clientY - f.top + r.globals.translateY / 2 - 10;
-                                        }
-                                    }
-                                    return { x: a, y: s };
-                                },
-                            },
-                            {
-                                key: "handleMarkerTooltip",
-                                value: function (t) {
-                                    var e,
-                                        i,
-                                        a = t.e,
-                                        s = t.opt,
-                                        n = t.x,
-                                        r = t.y,
-                                        o = this.w,
-                                        l = this.ttCtx;
-                                    if (a.target.classList.contains("apexcharts-marker")) {
-                                        var h = parseInt(s.paths.getAttribute("cx")),
-                                            c = parseInt(s.paths.getAttribute("cy")),
-                                            d = parseFloat(s.paths.getAttribute("val"));
-                                        if (((i = parseInt(s.paths.getAttribute("rel"))), (e = parseInt(s.paths.parentNode.parentNode.parentNode.getAttribute("rel")) - 1), l.intersect)) {
-                                            var u = p.findAncestor(s.paths, "apexcharts-series");
-                                            u && (e = parseInt(u.getAttribute("data:realIndex")));
-                                        }
-                                        if (
-                                            (l.tooltipLabels.drawSeriesTexts({ ttItems: s.ttItems, i: e, j: i, shared: !l.showOnIntersect && o.config.tooltip.shared }),
-                                            "mouseup" === a.type && l.markerClick(a, e, i),
-                                            (n = h),
-                                            (r = c + o.globals.translateY - 1.4 * l.tooltipRect.ttHeight),
-                                            l.w.config.tooltip.followCursor)
-                                        ) {
-                                            var f = l.getElGrid().getBoundingClientRect();
-                                            r = l.e.clientY + o.globals.translateY - f.top;
-                                        }
-                                        d < 0 && (r = c), l.marker.enlargeCurrentPoint(i, s.paths, n, r);
-                                    }
-                                    return { x: n, y: r };
-                                },
-                            },
-                            {
-                                key: "handleBarTooltip",
-                                value: function (t) {
-                                    var e,
-                                        i,
-                                        a = t.e,
-                                        s = t.opt,
-                                        n = this.w,
-                                        r = this.ttCtx,
-                                        o = r.getElTooltip(),
-                                        l = 0,
-                                        h = 0,
-                                        c = 0,
-                                        d = this.getBarTooltipXY({ e: a, opt: s });
-                                    e = d.i;
-                                    var u = d.barHeight,
-                                        f = d.j;
-                                    if (
-                                        ((n.globals.isBarHorizontal && r.hasBars()) || !n.config.tooltip.shared
-                                            ? ((h = d.x), (c = d.y), (i = Array.isArray(n.config.stroke.width) ? n.config.stroke.width[e] : n.config.stroke.width), (l = h))
-                                            : n.globals.comboCharts || n.config.tooltip.shared || (l /= 2),
-                                        isNaN(c) && (c = n.globals.svgHeight - r.tooltipRect.ttHeight),
-                                        h + r.tooltipRect.ttWidth > n.globals.gridWidth ? (h -= r.tooltipRect.ttWidth) : h < 0 && (h += r.tooltipRect.ttWidth),
-                                        r.w.config.tooltip.followCursor)
-                                    ) {
-                                        var g = r.getElGrid().getBoundingClientRect();
-                                        c = r.e.clientY - g.top;
-                                    }
-                                    if (
-                                        (null === r.tooltip && (r.tooltip = n.globals.dom.baseEl.querySelector(".apexcharts-tooltip")),
-                                        n.config.tooltip.shared || (n.globals.comboChartsHasBars ? r.tooltipPosition.moveXCrosshairs(l + i / 2) : r.tooltipPosition.moveXCrosshairs(l)),
-                                        !r.fixedTooltip && (!n.config.tooltip.shared || (n.globals.isBarHorizontal && r.hasBars())))
-                                    ) {
-                                        x && (h = n.globals.gridWidth - h), (o.style.left = h + n.globals.translateX + "px");
-                                        var p = parseInt(s.paths.parentNode.getAttribute("data:realIndex")),
-                                            x = n.globals.isMultipleYAxis ? n.config.yaxis[p] && n.config.yaxis[p].reversed : n.config.yaxis[0].reversed;
-                                        !x || (n.globals.isBarHorizontal && r.hasBars()) || (c = c + u - 2 * (n.globals.series[e][f] < 0 ? u : 0)),
-                                            r.tooltipRect.ttHeight + c > n.globals.gridHeight
-                                                ? ((c = n.globals.gridHeight - r.tooltipRect.ttHeight + n.globals.translateY), (o.style.top = c + "px"))
-                                                : (o.style.top = c + n.globals.translateY - r.tooltipRect.ttHeight / 2 + "px");
-                                    }
-                                },
-                            },
-                            {
-                                key: "getBarTooltipXY",
-                                value: function (t) {
-                                    var e = t.e,
-                                        i = t.opt,
-                                        a = this.w,
-                                        s = null,
-                                        n = this.ttCtx,
-                                        r = 0,
-                                        o = 0,
-                                        l = 0,
-                                        h = 0,
-                                        c = 0,
-                                        d = e.target.classList;
-                                    if (d.contains("apexcharts-bar-area") || d.contains("apexcharts-candlestick-area") || d.contains("apexcharts-rangebar-area")) {
-                                        var u = e.target,
-                                            f = u.getBoundingClientRect(),
-                                            g = i.elGrid.getBoundingClientRect(),
-                                            p = f.height;
-                                        c = f.height;
-                                        var x = f.width,
-                                            v = parseInt(u.getAttribute("cx")),
-                                            m = parseInt(u.getAttribute("cy"));
-                                        h = parseFloat(u.getAttribute("barWidth"));
-                                        var b = "touchmove" === e.type ? e.touches[0].clientX : e.clientX;
-                                        (s = parseInt(u.getAttribute("j"))),
-                                            (r = parseInt(u.parentNode.getAttribute("rel")) - 1),
-                                            a.globals.comboCharts && (r = parseInt(u.parentNode.getAttribute("data:realIndex"))),
-                                            n.tooltipLabels.drawSeriesTexts({ ttItems: i.ttItems, i: r, j: s, shared: !n.showOnIntersect && a.config.tooltip.shared }),
-                                            a.config.tooltip.followCursor
-                                                ? a.globals.isBarHorizontal
-                                                    ? ((o = b - g.left + 15), (l = m - n.dataPointsDividedHeight + p / 2 - n.tooltipRect.ttHeight / 2))
-                                                    : ((o = a.globals.isXNumeric ? v - x / 2 : v - n.dataPointsDividedWidth + x / 2), (l = e.clientY - g.top - n.tooltipRect.ttHeight / 2 - 15))
-                                                : a.globals.isBarHorizontal
-                                                ? ((o = v) < n.xyRatios.baseLineInvertedY && (o = v - n.tooltipRect.ttWidth), (l = m - n.dataPointsDividedHeight + p / 2 - n.tooltipRect.ttHeight / 2))
-                                                : ((o = a.globals.isXNumeric ? v - x / 2 : v - n.dataPointsDividedWidth + x / 2), (l = m));
-                                    }
-                                    return { x: o, y: l, barHeight: c, barWidth: h, i: r, j: s };
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                bt = (function () {
-                    function t(e) {
-                        n(this, t), (this.w = e.w), (this.ttCtx = e);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "drawXaxisTooltip",
-                                value: function () {
-                                    var t = this.w,
-                                        e = this.ttCtx,
-                                        i = "bottom" === t.config.xaxis.position;
-                                    e.xaxisOffY = i ? t.globals.gridHeight + 1 : 1;
-                                    var a = i ? "apexcharts-xaxistooltip apexcharts-xaxistooltip-bottom" : "apexcharts-xaxistooltip apexcharts-xaxistooltip-top",
-                                        s = t.globals.dom.elWrap;
-                                    e.blxaxisTooltip &&
-                                        null === t.globals.dom.baseEl.querySelector(".apexcharts-xaxistooltip") &&
-                                        ((e.xaxisTooltip = document.createElement("div")),
-                                        e.xaxisTooltip.setAttribute("class", a + " " + t.config.tooltip.theme),
-                                        s.appendChild(e.xaxisTooltip),
-                                        (e.xaxisTooltipText = document.createElement("div")),
-                                        e.xaxisTooltipText.classList.add("apexcharts-xaxistooltip-text"),
-                                        (e.xaxisTooltipText.style.fontFamily = t.config.xaxis.tooltip.style.fontFamily || t.config.chart.fontFamily),
-                                        (e.xaxisTooltipText.style.fontSize = t.config.xaxis.tooltip.style.fontSize),
-                                        e.xaxisTooltip.appendChild(e.xaxisTooltipText));
-                                },
-                            },
-                            {
-                                key: "drawYaxisTooltip",
-                                value: function () {
-                                    for (var t = this.w, e = this.ttCtx, i = 0; i < t.config.yaxis.length; i++) {
-                                        var a = t.config.yaxis[i].opposite || t.config.yaxis[i].crosshairs.opposite;
-                                        e.yaxisOffX = a ? t.globals.gridWidth + 1 : 1;
-                                        var s = "apexcharts-yaxistooltip apexcharts-yaxistooltip-".concat(i, a ? " apexcharts-yaxistooltip-right" : " apexcharts-yaxistooltip-left"),
-                                            n = t.globals.dom.elWrap;
-                                        if (e.blyaxisTooltip)
-                                            null === t.globals.dom.baseEl.querySelector(".apexcharts-yaxistooltip apexcharts-yaxistooltip-".concat(i)) &&
-                                                ((e.yaxisTooltip = document.createElement("div")),
-                                                e.yaxisTooltip.setAttribute("class", s + " " + t.config.tooltip.theme),
-                                                n.appendChild(e.yaxisTooltip),
-                                                0 === i && (e.yaxisTooltipText = []),
-                                                e.yaxisTooltipText.push(document.createElement("div")),
-                                                e.yaxisTooltipText[i].classList.add("apexcharts-yaxistooltip-text"),
-                                                e.yaxisTooltip.appendChild(e.yaxisTooltipText[i]));
-                                    }
-                                },
-                            },
-                            {
-                                key: "setXCrosshairWidth",
-                                value: function () {
-                                    var t = this.w,
-                                        e = this.ttCtx,
-                                        i = e.getElXCrosshairs();
-                                    if (((e.xcrosshairsWidth = parseInt(t.config.xaxis.crosshairs.width)), t.globals.comboCharts)) {
-                                        var a = t.globals.dom.baseEl.querySelector(".apexcharts-bar-area");
-                                        if (null !== a && "barWidth" === t.config.xaxis.crosshairs.width) {
-                                            var s = parseFloat(a.getAttribute("barWidth"));
-                                            e.xcrosshairsWidth = s;
-                                        } else if ("tickWidth" === t.config.xaxis.crosshairs.width) {
-                                            var n = t.globals.labels.length;
-                                            e.xcrosshairsWidth = t.globals.gridWidth / n;
-                                        }
-                                    } else if ("tickWidth" === t.config.xaxis.crosshairs.width) {
-                                        var r = t.globals.labels.length;
-                                        e.xcrosshairsWidth = t.globals.gridWidth / r;
-                                    } else if ("barWidth" === t.config.xaxis.crosshairs.width) {
-                                        var o = t.globals.dom.baseEl.querySelector(".apexcharts-bar-area");
-                                        if (null !== o) {
-                                            var l = parseFloat(o.getAttribute("barWidth"));
-                                            e.xcrosshairsWidth = l;
-                                        } else e.xcrosshairsWidth = 1;
-                                    }
-                                    t.globals.isBarHorizontal && (e.xcrosshairsWidth = 0), null !== i && e.xcrosshairsWidth > 0 && i.setAttribute("width", e.xcrosshairsWidth);
-                                },
-                            },
-                            {
-                                key: "handleYCrosshair",
-                                value: function () {
-                                    var t = this.w,
-                                        e = this.ttCtx;
-                                    (e.ycrosshairs = t.globals.dom.baseEl.querySelector(".apexcharts-ycrosshairs")), (e.ycrosshairsHidden = t.globals.dom.baseEl.querySelector(".apexcharts-ycrosshairs-hidden"));
-                                },
-                            },
-                            {
-                                key: "drawYaxisTooltipText",
-                                value: function (t, e, i) {
-                                    var a = this.ttCtx,
-                                        s = this.w,
-                                        n = s.globals.yLabelFormatters[t];
-                                    if (a.blyaxisTooltip) {
-                                        var r = a.getElGrid().getBoundingClientRect(),
-                                            o = (e - r.top) * i.yRatio[t],
-                                            l = s.globals.maxYArr[t] - s.globals.minYArr[t],
-                                            h = s.globals.minYArr[t] + (l - o);
-                                        a.tooltipPosition.moveYCrosshairs(e - r.top), (a.yaxisTooltipText[t].innerHTML = n(h)), a.tooltipPosition.moveYAxisTooltip(t);
-                                    }
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                yt = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                        var i = this.w;
-                        (this.tConfig = i.config.tooltip),
-                            (this.tooltipUtil = new gt(this)),
-                            (this.tooltipLabels = new pt(this)),
-                            (this.tooltipPosition = new xt(this)),
-                            (this.marker = new vt(this)),
-                            (this.intersect = new mt(this)),
-                            (this.axesTooltip = new bt(this)),
-                            (this.showOnIntersect = this.tConfig.intersect),
-                            (this.showTooltipTitle = this.tConfig.x.show),
-                            (this.fixedTooltip = this.tConfig.fixed.enabled),
-                            (this.xaxisTooltip = null),
-                            (this.yaxisTTEls = null),
-                            (this.isBarShared = !i.globals.isBarHorizontal && this.tConfig.shared);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "getElTooltip",
-                                value: function (t) {
-                                    return t || (t = this), t.w.globals.dom.baseEl.querySelector(".apexcharts-tooltip");
-                                },
-                            },
-                            {
-                                key: "getElXCrosshairs",
-                                value: function () {
-                                    return this.w.globals.dom.baseEl.querySelector(".apexcharts-xcrosshairs");
-                                },
-                            },
-                            {
-                                key: "getElGrid",
-                                value: function () {
-                                    return this.w.globals.dom.baseEl.querySelector(".apexcharts-grid");
-                                },
-                            },
-                            {
-                                key: "drawTooltip",
-                                value: function (t) {
-                                    var e = this.w;
-                                    (this.xyRatios = t),
-                                        (this.blxaxisTooltip = e.config.xaxis.tooltip.enabled && e.globals.axisCharts),
-                                        (this.blyaxisTooltip = e.config.yaxis[0].tooltip.enabled && e.globals.axisCharts),
-                                        (this.allTooltipSeriesGroups = []),
-                                        e.globals.axisCharts || (this.showTooltipTitle = !1);
-                                    var i = document.createElement("div");
-                                    if ((i.classList.add("apexcharts-tooltip"), i.classList.add(this.tConfig.theme), e.globals.dom.elWrap.appendChild(i), e.globals.axisCharts)) {
-                                        this.axesTooltip.drawXaxisTooltip(), this.axesTooltip.drawYaxisTooltip(), this.axesTooltip.setXCrosshairWidth(), this.axesTooltip.handleYCrosshair();
-                                        var a = new q(this.ctx);
-                                        this.xAxisTicksPositions = a.getXAxisTicksPositions();
-                                    }
-                                    if (
-                                        (((e.globals.comboCharts && !this.tConfig.shared) ||
-                                            (this.tConfig.intersect && !this.tConfig.shared) ||
-                                            (("bar" === e.config.chart.type || "rangeBar" === e.config.chart.type) && !this.tConfig.shared)) &&
-                                            (this.showOnIntersect = !0),
-                                        (0 !== e.config.markers.size && 0 !== e.globals.markers.largestSize) || this.marker.drawDynamicPoints(this),
-                                        e.globals.collapsedSeries.length !== e.globals.series.length)
-                                    ) {
-                                        (this.dataPointsDividedHeight = e.globals.gridHeight / e.globals.dataPoints),
-                                            (this.dataPointsDividedWidth = e.globals.gridWidth / e.globals.dataPoints),
-                                            this.showTooltipTitle &&
-                                                ((this.tooltipTitle = document.createElement("div")),
-                                                this.tooltipTitle.classList.add("apexcharts-tooltip-title"),
-                                                (this.tooltipTitle.style.fontFamily = this.tConfig.style.fontFamily || e.config.chart.fontFamily),
-                                                (this.tooltipTitle.style.fontSize = this.tConfig.style.fontSize),
-                                                i.appendChild(this.tooltipTitle));
-                                        var s = e.globals.series.length;
-                                        (e.globals.xyCharts || e.globals.comboCharts) && this.tConfig.shared && (s = this.showOnIntersect ? 1 : e.globals.series.length), (this.ttItems = this.createTTElements(s)), this.addSVGEvents();
-                                    }
-                                },
-                            },
-                            {
-                                key: "createTTElements",
-                                value: function (t) {
-                                    for (var e = this.w, i = [], a = this.getElTooltip(), s = 0; s < t; s++) {
-                                        var n = document.createElement("div");
-                                        n.classList.add("apexcharts-tooltip-series-group"),
-                                            this.tConfig.shared &&
-                                                this.tConfig.enabledOnSeries &&
-                                                Array.isArray(this.tConfig.enabledOnSeries) &&
-                                                this.tConfig.enabledOnSeries.indexOf(s) < 0 &&
-                                                n.classList.add("apexcharts-tooltip-series-group-hidden");
-                                        var r = document.createElement("span");
-                                        r.classList.add("apexcharts-tooltip-marker"), (r.style.backgroundColor = e.globals.colors[s]), n.appendChild(r);
-                                        var o = document.createElement("div");
-                                        o.classList.add("apexcharts-tooltip-text"), (o.style.fontFamily = this.tConfig.style.fontFamily || e.config.chart.fontFamily), (o.style.fontSize = this.tConfig.style.fontSize);
-                                        var l = document.createElement("div");
-                                        l.classList.add("apexcharts-tooltip-y-group");
-                                        var h = document.createElement("span");
-                                        h.classList.add("apexcharts-tooltip-text-label"), l.appendChild(h);
-                                        var c = document.createElement("span");
-                                        c.classList.add("apexcharts-tooltip-text-value"), l.appendChild(c);
-                                        var d = document.createElement("div");
-                                        d.classList.add("apexcharts-tooltip-z-group");
-                                        var u = document.createElement("span");
-                                        u.classList.add("apexcharts-tooltip-text-z-label"), d.appendChild(u);
-                                        var f = document.createElement("span");
-                                        f.classList.add("apexcharts-tooltip-text-z-value"), d.appendChild(f), o.appendChild(l), o.appendChild(d), n.appendChild(o), a.appendChild(n), i.push(n);
-                                    }
-                                    return i;
-                                },
-                            },
-                            {
-                                key: "addSVGEvents",
-                                value: function () {
-                                    var t = this.w,
-                                        e = t.config.chart.type,
-                                        i = this.getElTooltip(),
-                                        a = !("bar" !== e && "candlestick" !== e && "rangeBar" !== e),
-                                        s = t.globals.dom.Paper.node,
-                                        n = this.getElGrid();
-                                    n && (this.seriesBound = n.getBoundingClientRect());
-                                    var r,
-                                        o = [],
-                                        l = [],
-                                        h = { hoverArea: s, elGrid: n, tooltipEl: i, tooltipY: o, tooltipX: l, ttItems: this.ttItems };
-                                    if (
-                                        t.globals.axisCharts &&
-                                        ("area" === e || "line" === e || "scatter" === e || "bubble" === e
-                                            ? (r = t.globals.dom.baseEl.querySelectorAll(".apexcharts-series[data\\:longestSeries='true'] .apexcharts-marker"))
-                                            : a
-                                            ? (r = t.globals.dom.baseEl.querySelectorAll(".apexcharts-series .apexcharts-bar-area, .apexcharts-series .apexcharts-candlestick-area, .apexcharts-series .apexcharts-rangebar-area"))
-                                            : "heatmap" === e
-                                            ? (r = t.globals.dom.baseEl.querySelectorAll(".apexcharts-series .apexcharts-heatmap"))
-                                            : "radar" === e && (r = t.globals.dom.baseEl.querySelectorAll(".apexcharts-series .apexcharts-marker")),
-                                        r && r.length)
-                                    )
-                                        for (var c = 0; c < r.length; c++) o.push(r[c].getAttribute("cy")), l.push(r[c].getAttribute("cx"));
-                                    if ((t.globals.xyCharts && !this.showOnIntersect) || (t.globals.comboCharts && !this.showOnIntersect) || (a && this.hasBars() && this.tConfig.shared)) this.addPathsEventListeners([s], h);
-                                    else if (a && !t.globals.comboCharts) this.addBarsEventListeners(h);
-                                    else if ("bubble" === e || "scatter" === e || "radar" === e || (this.showOnIntersect && ("area" === e || "line" === e))) this.addPointsEventsListeners(h);
-                                    else if (!t.globals.axisCharts || "heatmap" === e) {
-                                        var d = t.globals.dom.baseEl.querySelectorAll(".apexcharts-series");
-                                        this.addPathsEventListeners(d, h);
-                                    }
-                                    if (this.showOnIntersect) {
-                                        var u = t.globals.dom.baseEl.querySelectorAll(".apexcharts-line-series .apexcharts-marker");
-                                        u.length > 0 && this.addPathsEventListeners(u, h);
-                                        var f = t.globals.dom.baseEl.querySelectorAll(".apexcharts-area-series .apexcharts-marker");
-                                        f.length > 0 && this.addPathsEventListeners(f, h), this.hasBars() && !this.tConfig.shared && this.addBarsEventListeners(h);
-                                    }
-                                },
-                            },
-                            {
-                                key: "drawFixedTooltipRect",
-                                value: function () {
-                                    var t = this.w,
-                                        e = this.getElTooltip(),
-                                        i = e.getBoundingClientRect(),
-                                        a = i.width + 10,
-                                        s = i.height + 10,
-                                        n = this.tConfig.fixed.offsetX,
-                                        r = this.tConfig.fixed.offsetY;
-                                    return (
-                                        this.tConfig.fixed.position.toLowerCase().indexOf("right") > -1 && (n = n + t.globals.svgWidth - a + 10),
-                                        this.tConfig.fixed.position.toLowerCase().indexOf("bottom") > -1 && (r = r + t.globals.svgHeight - s - 10),
-                                        (e.style.left = n + "px"),
-                                        (e.style.top = r + "px"),
-                                        { x: n, y: r, ttWidth: a, ttHeight: s }
-                                    );
-                                },
-                            },
-                            {
-                                key: "addPointsEventsListeners",
-                                value: function (t) {
-                                    var e = this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-series-markers .apexcharts-marker");
-                                    this.addPathsEventListeners(e, t);
-                                },
-                            },
-                            {
-                                key: "addBarsEventListeners",
-                                value: function (t) {
-                                    var e = this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-bar-area, .apexcharts-candlestick-area, .apexcharts-rangebar-area");
-                                    this.addPathsEventListeners(e, t);
-                                },
-                            },
-                            {
-                                key: "addPathsEventListeners",
-                                value: function (t, e) {
-                                    for (
-                                        var i = this,
-                                            a = this,
-                                            s = function (s) {
-                                                var n = { paths: t[s], tooltipEl: e.tooltipEl, tooltipY: e.tooltipY, tooltipX: e.tooltipX, elGrid: e.elGrid, hoverArea: e.hoverArea, ttItems: e.ttItems };
-                                                i.w.globals.tooltipOpts = n;
-                                                ["mousemove", "mouseup", "touchmove", "mouseout", "touchend"].map(function (e) {
-                                                    return t[s].addEventListener(e, a.seriesHover.bind(a, n), { capture: !1, passive: !0 });
-                                                });
-                                            },
-                                            n = 0;
-                                        n < t.length;
-                                        n++
-                                    )
-                                        s(n);
-                                },
-                            },
-                            {
-                                key: "seriesHover",
-                                value: function (t, e) {
-                                    var i = this,
-                                        a = [],
-                                        s = this.w;
-                                    s.config.chart.group && (a = this.ctx.getGroupedCharts()),
-                                        (s.globals.axisCharts && ((s.globals.minX === -1 / 0 && s.globals.maxX === 1 / 0) || 0 === s.globals.dataPoints)) ||
-                                            (a.length
-                                                ? a.forEach(function (a) {
-                                                      var s = i.getElTooltip(a),
-                                                          n = { paths: t.paths, tooltipEl: s, tooltipY: t.tooltipY, tooltipX: t.tooltipX, elGrid: t.elGrid, hoverArea: t.hoverArea, ttItems: a.w.globals.tooltip.ttItems };
-                                                      a.w.globals.minX === i.w.globals.minX && a.w.globals.maxX === i.w.globals.maxX && a.w.globals.tooltip.seriesHoverByContext({ chartCtx: a, ttCtx: a.w.globals.tooltip, opt: n, e: e });
-                                                  })
-                                                : this.seriesHoverByContext({ chartCtx: this.ctx, ttCtx: this.w.globals.tooltip, opt: t, e: e }));
-                                },
-                            },
-                            {
-                                key: "seriesHoverByContext",
-                                value: function (t) {
-                                    var e = t.chartCtx,
-                                        i = t.ttCtx,
-                                        a = t.opt,
-                                        s = t.e,
-                                        n = e.w,
-                                        r = this.getElTooltip();
-                                    ((i.tooltipRect = { x: 0, y: 0, ttWidth: r.getBoundingClientRect().width, ttHeight: r.getBoundingClientRect().height }), (i.e = s), !i.hasBars() || n.globals.comboCharts || i.isBarShared) ||
-                                        (this.tConfig.onDatasetHover.highlightDataSeries && new G(e).toggleSeriesOnHover(s, s.target.parentNode));
-                                    i.fixedTooltip && i.drawFixedTooltipRect(),
-                                        n.globals.axisCharts ? i.axisChartsTooltips({ e: s, opt: a, tooltipRect: i.tooltipRect }) : i.nonAxisChartsTooltips({ e: s, opt: a, tooltipRect: i.tooltipRect });
-                                },
-                            },
-                            {
-                                key: "axisChartsTooltips",
-                                value: function (t) {
-                                    var e,
-                                        i,
-                                        a,
-                                        s = t.e,
-                                        n = t.opt,
-                                        r = this.w,
-                                        o = null,
-                                        l = n.elGrid.getBoundingClientRect(),
-                                        h = "touchmove" === s.type ? s.touches[0].clientX : s.clientX,
-                                        c = "touchmove" === s.type ? s.touches[0].clientY : s.clientY;
-                                    if (((this.clientY = c), (this.clientX = h), c < l.top || c > l.top + l.height)) this.handleMouseOut(n);
-                                    else {
-                                        if (Array.isArray(this.tConfig.enabledOnSeries)) {
-                                            var d = parseInt(n.paths.getAttribute("index"));
-                                            if (this.tConfig.enabledOnSeries.indexOf(d) < 0) return void this.handleMouseOut(n);
-                                        }
-                                        var u = this.getElTooltip(),
-                                            f = this.getElXCrosshairs(),
-                                            g = r.globals.xyCharts || ("bar" === r.config.chart.type && !r.globals.isBarHorizontal && this.hasBars() && this.tConfig.shared) || (r.globals.comboCharts && this.hasBars);
-                                        if ((r.globals.isBarHorizontal && this.hasBars() && (g = !1), "mousemove" === s.type || "touchmove" === s.type || "mouseup" === s.type)) {
-                                            if ((null !== f && f.classList.add("active"), null !== this.ycrosshairs && this.blyaxisTooltip && this.ycrosshairs.classList.add("active"), g && !this.showOnIntersect)) {
-                                                e = (o = this.tooltipUtil.getNearestValues({ context: this, hoverArea: n.hoverArea, elGrid: n.elGrid, clientX: h, clientY: c, hasBars: this.hasBars })).j;
-                                                var p = o.capturedSeries;
-                                                if (o.hoverX < 0 || o.hoverX > r.globals.gridWidth) return void this.handleMouseOut(n);
-                                                if (null !== p) {
-                                                    if (null === r.globals.series[p][e]) return void n.tooltipEl.classList.remove("active");
-                                                    void 0 !== r.globals.series[p][e]
-                                                        ? this.tConfig.shared && this.tooltipUtil.isXoverlap(e) && this.tooltipUtil.isinitialSeriesSameLen()
-                                                            ? this.create(s, this, p, e, n.ttItems)
-                                                            : this.create(s, this, p, e, n.ttItems, !1)
-                                                        : this.tooltipUtil.isXoverlap(e) && this.create(s, this, 0, e, n.ttItems);
-                                                } else this.tooltipUtil.isXoverlap(e) && this.create(s, this, 0, e, n.ttItems);
-                                            } else if ("heatmap" === r.config.chart.type) {
-                                                var x = this.intersect.handleHeatTooltip({ e: s, opt: n, x: i, y: a });
-                                                (i = x.x), (a = x.y), (u.style.left = i + "px"), (u.style.top = a + "px");
-                                            } else this.hasBars && this.intersect.handleBarTooltip({ e: s, opt: n }), this.hasMarkers && this.intersect.handleMarkerTooltip({ e: s, opt: n, x: i, y: a });
-                                            if (this.blyaxisTooltip) for (var v = 0; v < r.config.yaxis.length; v++) this.axesTooltip.drawYaxisTooltipText(v, c, this.xyRatios);
-                                            n.tooltipEl.classList.add("active");
-                                        } else ("mouseout" !== s.type && "touchend" !== s.type) || this.handleMouseOut(n);
-                                    }
-                                },
-                            },
-                            {
-                                key: "nonAxisChartsTooltips",
-                                value: function (t) {
-                                    var e = t.e,
-                                        i = t.opt,
-                                        a = t.tooltipRect,
-                                        s = this.w,
-                                        n = i.paths.getAttribute("rel"),
-                                        r = this.getElTooltip(),
-                                        o = s.globals.dom.elWrap.getBoundingClientRect();
-                                    if ("mousemove" === e.type || "touchmove" === e.type) {
-                                        r.classList.add("active"), this.tooltipLabels.drawSeriesTexts({ ttItems: i.ttItems, i: parseInt(n) - 1, shared: !1 });
-                                        var l = s.globals.clientX - o.left - a.ttWidth / 2,
-                                            h = s.globals.clientY - o.top - a.ttHeight - 10;
-                                        (r.style.left = l + "px"), (r.style.top = h + "px");
-                                    } else ("mouseout" !== e.type && "touchend" !== e.type) || r.classList.remove("active");
-                                },
-                            },
-                            {
-                                key: "deactivateHoverFilter",
-                                value: function () {
-                                    for (var t = this.w, e = new m(this.ctx), i = t.globals.dom.Paper.select(".apexcharts-bar-area"), a = 0; a < i.length; a++) e.pathMouseLeave(i[a]);
-                                },
-                            },
-                            {
-                                key: "handleMouseOut",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = this.getElXCrosshairs();
-                                    if (
-                                        (t.tooltipEl.classList.remove("active"),
-                                        this.deactivateHoverFilter(),
-                                        "bubble" !== e.config.chart.type && this.marker.resetPointsSize(),
-                                        null !== i && i.classList.remove("active"),
-                                        null !== this.ycrosshairs && this.ycrosshairs.classList.remove("active"),
-                                        this.blxaxisTooltip && this.xaxisTooltip.classList.remove("active"),
-                                        this.blyaxisTooltip)
-                                    ) {
-                                        null === this.yaxisTTEls && (this.yaxisTTEls = e.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxistooltip"));
-                                        for (var a = 0; a < this.yaxisTTEls.length; a++) this.yaxisTTEls[a].classList.remove("active");
-                                    }
-                                },
-                            },
-                            {
-                                key: "getElMarkers",
-                                value: function () {
-                                    return this.w.globals.dom.baseEl.querySelectorAll(" .apexcharts-series-markers");
-                                },
-                            },
-                            {
-                                key: "getAllMarkers",
-                                value: function () {
-                                    return this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-series-markers .apexcharts-marker");
-                                },
-                            },
-                            {
-                                key: "hasMarkers",
-                                value: function () {
-                                    return this.getElMarkers().length > 0;
-                                },
-                            },
-                            {
-                                key: "getElBars",
-                                value: function () {
-                                    return this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-bar-series,  .apexcharts-candlestick-series, .apexcharts-rangebar-series");
-                                },
-                            },
-                            {
-                                key: "hasBars",
-                                value: function () {
-                                    return this.getElBars().length > 0;
-                                },
-                            },
-                            {
-                                key: "markerClick",
-                                value: function (t, e, i) {
-                                    var a = this.w;
-                                    "function" == typeof a.config.chart.events.markerClick && a.config.chart.events.markerClick(t, this.ctx, { seriesIndex: e, dataPointIndex: i, w: a }),
-                                        this.ctx.fireEvent("markerClick", [t, this.ctx, { seriesIndex: e, dataPointIndex: i, w: a }]);
-                                },
-                            },
-                            {
-                                key: "create",
-                                value: function (t, e, i, a, s) {
-                                    var n = arguments.length > 5 && void 0 !== arguments[5] ? arguments[5] : null,
-                                        r = this.w,
-                                        o = e;
-                                    "mouseup" === t.type && this.markerClick(t, i, a), null === n && (n = this.tConfig.shared);
-                                    var l = this.hasMarkers(),
-                                        h = this.getElBars();
-                                    if (n) {
-                                        if (
-                                            (o.tooltipLabels.drawSeriesTexts({ ttItems: s, i: i, j: a, shared: !this.showOnIntersect && this.tConfig.shared }),
-                                            l && (r.globals.markers.largestSize > 0 ? o.marker.enlargePoints(a) : o.tooltipPosition.moveDynamicPointsOnHover(a)),
-                                            this.hasBars() && ((this.barSeriesHeight = this.tooltipUtil.getBarsHeight(h)), this.barSeriesHeight > 0))
-                                        ) {
-                                            var c = new m(this.ctx),
-                                                d = r.globals.dom.Paper.select(".apexcharts-bar-area[j='".concat(a, "']"));
-                                            this.deactivateHoverFilter(), this.tooltipPosition.moveStickyTooltipOverBars(a);
-                                            for (var u = 0; u < d.length; u++) c.pathMouseEnter(d[u]);
-                                        }
-                                    } else o.tooltipLabels.drawSeriesTexts({ shared: !1, ttItems: s, i: i, j: a }), this.hasBars() && o.tooltipPosition.moveStickyTooltipOverBars(a), l && o.tooltipPosition.moveMarkers(i, a);
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                wt = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w), (this.ev = this.w.config.chart.events), (this.localeValues = this.w.globals.locale.toolbar);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "createToolbar",
-                                value: function () {
-                                    var t = this.w,
-                                        e = document.createElement("div");
-                                    if (
-                                        (e.setAttribute("class", "apexcharts-toolbar"),
-                                        t.globals.dom.elWrap.appendChild(e),
-                                        (this.elZoom = document.createElement("div")),
-                                        (this.elZoomIn = document.createElement("div")),
-                                        (this.elZoomOut = document.createElement("div")),
-                                        (this.elPan = document.createElement("div")),
-                                        (this.elSelection = document.createElement("div")),
-                                        (this.elZoomReset = document.createElement("div")),
-                                        (this.elMenuIcon = document.createElement("div")),
-                                        (this.elMenu = document.createElement("div")),
-                                        (this.elCustomIcons = []),
-                                        (this.t = t.config.chart.toolbar.tools),
-                                        Array.isArray(this.t.customIcons))
-                                    )
-                                        for (var i = 0; i < this.t.customIcons.length; i++) this.elCustomIcons.push(document.createElement("div"));
-                                    this.elMenuItems = [];
-                                    var a = [];
-                                    this.t.zoomin &&
-                                        t.config.chart.zoom.enabled &&
-                                        a.push({
-                                            el: this.elZoomIn,
-                                            icon:
-                                                "string" == typeof this.t.zoomin
-                                                    ? this.t.zoomin
-                                                    : '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n    <path d="M0 0h24v24H0z" fill="none"/>\n    <path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>\n</svg>\n',
-                                            title: this.localeValues.zoomIn,
-                                            class: "apexcharts-zoom-in-icon",
-                                        }),
-                                        this.t.zoomout &&
-                                            t.config.chart.zoom.enabled &&
-                                            a.push({
-                                                el: this.elZoomOut,
-                                                icon:
-                                                    "string" == typeof this.t.zoomout
-                                                        ? this.t.zoomout
-                                                        : '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n    <path d="M0 0h24v24H0z" fill="none"/>\n    <path d="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>\n</svg>\n',
-                                                title: this.localeValues.zoomOut,
-                                                class: "apexcharts-zoom-out-icon",
-                                            }),
-                                        this.t.zoom &&
-                                            t.config.chart.zoom.enabled &&
-                                            a.push({
-                                                el: this.elZoom,
-                                                icon:
-                                                    "string" == typeof this.t.zoom
-                                                        ? this.t.zoom
-                                                        : '<svg xmlns="http://www.w3.org/2000/svg" fill="#000000" height="24" viewBox="0 0 24 24" width="24">\n    <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>\n    <path d="M0 0h24v24H0V0z" fill="none"/>\n    <path d="M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z"/>\n</svg>',
-                                                title: this.localeValues.selectionZoom,
-                                                class: t.globals.isTouchDevice ? "hidden" : "apexcharts-zoom-icon",
-                                            }),
-                                        this.t.selection &&
-                                            t.config.chart.selection.enabled &&
-                                            a.push({
-                                                el: this.elSelection,
-                                                icon:
-                                                    "string" == typeof this.t.selection
-                                                        ? this.t.selection
-                                                        : '<svg fill="#6E8192" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">\n    <path d="M0 0h24v24H0z" fill="none"/>\n    <path d="M3 5h2V3c-1.1 0-2 .9-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2c0-1.1-.9-2-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2z"/>\n</svg>',
-                                                title: this.localeValues.selection,
-                                                class: t.globals.isTouchDevice ? "hidden" : "apexcharts-selection-icon",
-                                            }),
-                                        this.t.pan &&
-                                            t.config.chart.zoom.enabled &&
-                                            a.push({
-                                                el: this.elPan,
-                                                icon:
-                                                    "string" == typeof this.t.pan
-                                                        ? this.t.pan
-                                                        : '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000" height="24" viewBox="0 0 24 24" width="24">\n    <defs>\n        <path d="M0 0h24v24H0z" id="a"/>\n    </defs>\n    <clipPath id="b">\n        <use overflow="visible" xlink:href="#a"/>\n    </clipPath>\n    <path clip-path="url(#b)" d="M23 5.5V20c0 2.2-1.8 4-4 4h-7.3c-1.08 0-2.1-.43-2.85-1.19L1 14.83s1.26-1.23 1.3-1.25c.22-.19.49-.29.79-.29.22 0 .42.06.6.16.04.01 4.31 2.46 4.31 2.46V4c0-.83.67-1.5 1.5-1.5S11 3.17 11 4v7h1V1.5c0-.83.67-1.5 1.5-1.5S15 .67 15 1.5V11h1V2.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V11h1V5.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5z"/>\n</svg>',
-                                                title: this.localeValues.pan,
-                                                class: t.globals.isTouchDevice ? "hidden" : "apexcharts-pan-icon",
-                                            }),
-                                        this.t.reset &&
-                                            t.config.chart.zoom.enabled &&
-                                            a.push({
-                                                el: this.elZoomReset,
-                                                icon:
-                                                    "string" == typeof this.t.reset
-                                                        ? this.t.reset
-                                                        : '<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">\n    <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>\n    <path d="M0 0h24v24H0z" fill="none"/>\n</svg>',
-                                                title: this.localeValues.reset,
-                                                class: "apexcharts-reset-zoom-icon",
-                                            }),
-                                        this.t.download &&
-                                            a.push({
-                                                el: this.elMenuIcon,
-                                                icon:
-                                                    "string" == typeof this.t.download
-                                                        ? this.t.download
-                                                        : '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>',
-                                                title: this.localeValues.menu,
-                                                class: "apexcharts-menu-icon",
-                                            });
-                                    for (var s = 0; s < this.elCustomIcons.length; s++)
-                                        a.push({
-                                            el: this.elCustomIcons[s],
-                                            icon: this.t.customIcons[s].icon,
-                                            title: this.t.customIcons[s].title,
-                                            index: this.t.customIcons[s].index,
-                                            class: "apexcharts-toolbar-custom-icon " + this.t.customIcons[s].class,
-                                        });
-                                    a.forEach(function (t, e) {
-                                        t.index && p.moveIndexInArray(a, e, t.index);
-                                    });
-                                    for (var n = 0; n < a.length; n++) m.setAttrs(a[n].el, { class: a[n].class, title: a[n].title }), (a[n].el.innerHTML = a[n].icon), e.appendChild(a[n].el);
-                                    e.appendChild(this.elMenu), m.setAttrs(this.elMenu, { class: "apexcharts-menu" });
-                                    for (
-                                        var r = [
-                                                { name: "exportSVG", title: this.localeValues.exportToSVG },
-                                                { name: "exportPNG", title: this.localeValues.exportToPNG },
-                                            ],
-                                            o = 0;
-                                        o < r.length;
-                                        o++
-                                    )
-                                        this.elMenuItems.push(document.createElement("div")),
-                                            (this.elMenuItems[o].innerHTML = r[o].title),
-                                            m.setAttrs(this.elMenuItems[o], { class: "apexcharts-menu-item ".concat(r[o].name), title: r[o].title }),
-                                            this.elMenu.appendChild(this.elMenuItems[o]);
-                                    t.globals.zoomEnabled ? this.elZoom.classList.add("selected") : t.globals.panEnabled ? this.elPan.classList.add("selected") : t.globals.selectionEnabled && this.elSelection.classList.add("selected"),
-                                        this.addToolbarEventListeners();
-                                },
-                            },
-                            {
-                                key: "addToolbarEventListeners",
-                                value: function () {
-                                    var t = this;
-                                    this.elZoomReset.addEventListener("click", this.handleZoomReset.bind(this)),
-                                        this.elSelection.addEventListener("click", this.toggleSelection.bind(this)),
-                                        this.elZoom.addEventListener("click", this.toggleZooming.bind(this)),
-                                        this.elZoomIn.addEventListener("click", this.handleZoomIn.bind(this)),
-                                        this.elZoomOut.addEventListener("click", this.handleZoomOut.bind(this)),
-                                        this.elPan.addEventListener("click", this.togglePanning.bind(this)),
-                                        this.elMenuIcon.addEventListener("click", this.toggleMenu.bind(this)),
-                                        this.elMenuItems.forEach(function (e) {
-                                            e.classList.contains("exportSVG") ? e.addEventListener("click", t.downloadSVG.bind(t)) : e.classList.contains("exportPNG") && e.addEventListener("click", t.downloadPNG.bind(t));
-                                        });
-                                    for (var e = 0; e < this.t.customIcons.length; e++) this.elCustomIcons[e].addEventListener("click", this.t.customIcons[e].click);
-                                },
-                            },
-                            {
-                                key: "toggleSelection",
-                                value: function () {
-                                    this.toggleOtherControls(),
-                                        (this.w.globals.selectionEnabled = !this.w.globals.selectionEnabled),
-                                        this.elSelection.classList.contains("selected") ? this.elSelection.classList.remove("selected") : this.elSelection.classList.add("selected");
-                                },
-                            },
-                            {
-                                key: "toggleZooming",
-                                value: function () {
-                                    this.toggleOtherControls(),
-                                        (this.w.globals.zoomEnabled = !this.w.globals.zoomEnabled),
-                                        this.elZoom.classList.contains("selected") ? this.elZoom.classList.remove("selected") : this.elZoom.classList.add("selected");
-                                },
-                            },
-                            {
-                                key: "getToolbarIconsReference",
-                                value: function () {
-                                    var t = this.w;
-                                    this.elZoom || (this.elZoom = t.globals.dom.baseEl.querySelector(".apexcharts-zoom-icon")),
-                                        this.elPan || (this.elPan = t.globals.dom.baseEl.querySelector(".apexcharts-pan-icon")),
-                                        this.elSelection || (this.elSelection = t.globals.dom.baseEl.querySelector(".apexcharts-selection-icon"));
-                                },
-                            },
-                            {
-                                key: "enableZooming",
-                                value: function () {
-                                    this.toggleOtherControls(), (this.w.globals.zoomEnabled = !0), this.elZoom && this.elZoom.classList.add("selected"), this.elPan && this.elPan.classList.remove("selected");
-                                },
-                            },
-                            {
-                                key: "enablePanning",
-                                value: function () {
-                                    this.toggleOtherControls(), (this.w.globals.panEnabled = !0), this.elPan && this.elPan.classList.add("selected"), this.elZoom && this.elZoom.classList.remove("selected");
-                                },
-                            },
-                            {
-                                key: "togglePanning",
-                                value: function () {
-                                    this.toggleOtherControls(),
-                                        (this.w.globals.panEnabled = !this.w.globals.panEnabled),
-                                        this.elPan.classList.contains("selected") ? this.elPan.classList.remove("selected") : this.elPan.classList.add("selected");
-                                },
-                            },
-                            {
-                                key: "toggleOtherControls",
-                                value: function () {
-                                    var t = this.w;
-                                    (t.globals.panEnabled = !1),
-                                        (t.globals.zoomEnabled = !1),
-                                        (t.globals.selectionEnabled = !1),
-                                        this.getToolbarIconsReference(),
-                                        this.elPan && this.elPan.classList.remove("selected"),
-                                        this.elSelection && this.elSelection.classList.remove("selected"),
-                                        this.elZoom && this.elZoom.classList.remove("selected");
-                                },
-                            },
-                            {
-                                key: "handleZoomIn",
-                                value: function () {
-                                    var t = this.w,
-                                        e = (t.globals.minX + t.globals.maxX) / 2,
-                                        i = (t.globals.minX + e) / 2,
-                                        a = (t.globals.maxX + e) / 2;
-                                    t.globals.disableZoomIn || this.zoomUpdateOptions(i, a);
-                                },
-                            },
-                            {
-                                key: "handleZoomOut",
-                                value: function () {
-                                    var t = this.w;
-                                    if (!("datetime" === t.config.xaxis.type && new Date(t.globals.minX).getUTCFullYear() < 1e3)) {
-                                        var e = (t.globals.minX + t.globals.maxX) / 2,
-                                            i = t.globals.minX - (e - t.globals.minX),
-                                            a = t.globals.maxX - (e - t.globals.maxX);
-                                        t.globals.disableZoomOut || this.zoomUpdateOptions(i, a);
-                                    }
-                                },
-                            },
-                            {
-                                key: "zoomUpdateOptions",
-                                value: function (t, e) {
-                                    var i = { min: t, max: e },
-                                        a = this.getBeforeZoomRange(i);
-                                    a && (i = a.xaxis), (this.w.globals.zoomed = !0), this.ctx._updateOptions({ xaxis: i }, !1, this.w.config.chart.animations.dynamicAnimation.enabled), this.zoomCallback(i);
-                                },
-                            },
-                            {
-                                key: "zoomCallback",
-                                value: function (t, e) {
-                                    "function" == typeof this.ev.zoomed && this.ev.zoomed(this.ctx, { xaxis: t, yaxis: e });
-                                },
-                            },
-                            {
-                                key: "getBeforeZoomRange",
-                                value: function (t, e) {
-                                    var i = null;
-                                    return "function" == typeof this.ev.beforeZoom && (i = this.ev.beforeZoom(this, { xaxis: t, yaxis: e })), i;
-                                },
-                            },
-                            {
-                                key: "toggleMenu",
-                                value: function () {
-                                    this.elMenu.classList.contains("open") ? this.elMenu.classList.remove("open") : this.elMenu.classList.add("open");
-                                },
-                            },
-                            {
-                                key: "downloadPNG",
-                                value: function () {
-                                    var t = new ct(this.ctx);
-                                    t.exportToPng(this.ctx), this.toggleMenu();
-                                },
-                            },
-                            {
-                                key: "downloadSVG",
-                                value: function () {
-                                    var t = new ct(this.ctx);
-                                    t.exportToSVG(), this.toggleMenu();
-                                },
-                            },
-                            {
-                                key: "handleZoomReset",
-                                value: function (t) {
-                                    var e = this;
-                                    this.ctx.getSyncedCharts().forEach(function (t) {
-                                        var i = t.w;
-                                        i.globals.minX !== i.globals.initialminX &&
-                                            i.globals.maxX !== i.globals.initialmaxX &&
-                                            (t.revertDefaultAxisMinMax(),
-                                            "function" == typeof i.config.chart.events.zoomed && e.zoomCallback({ min: i.config.xaxis.min, max: i.config.xaxis.max }),
-                                            (i.globals.zoomed = !1),
-                                            t._updateSeries(i.globals.initialSeries, i.config.chart.animations.dynamicAnimation.enabled));
-                                    });
-                                },
-                            },
-                            {
-                                key: "destroy",
-                                value: function () {
-                                    (this.elZoom = null), (this.elZoomIn = null), (this.elZoomOut = null), (this.elPan = null), (this.elSelection = null), (this.elZoomReset = null), (this.elMenuIcon = null);
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })(),
-                kt = (function (t) {
-                    function e(t) {
-                        var i;
-                        return (
-                            n(this, e),
-                            ((i = f(this, d(e).call(this, t))).ctx = t),
-                            (i.w = t.w),
-                            (i.dragged = !1),
-                            (i.graphics = new m(i.ctx)),
-                            (i.eventList = ["mousedown", "mouseleave", "mousemove", "touchstart", "touchmove", "mouseup", "touchend"]),
-                            (i.clientX = 0),
-                            (i.clientY = 0),
-                            (i.startX = 0),
-                            (i.endX = 0),
-                            (i.dragX = 0),
-                            (i.startY = 0),
-                            (i.endY = 0),
-                            (i.dragY = 0),
-                            i
-                        );
-                    }
-                    return (
-                        c(e, wt),
-                        o(e, [
-                            {
-                                key: "init",
-                                value: function (t) {
-                                    var e = this,
-                                        i = t.xyRatios,
-                                        a = this.w,
-                                        s = this;
-                                    (this.xyRatios = i),
-                                        (this.zoomRect = this.graphics.drawRect(0, 0, 0, 0)),
-                                        (this.selectionRect = this.graphics.drawRect(0, 0, 0, 0)),
-                                        (this.gridRect = a.globals.dom.baseEl.querySelector(".apexcharts-grid")),
-                                        this.zoomRect.node.classList.add("apexcharts-zoom-rect"),
-                                        this.selectionRect.node.classList.add("apexcharts-selection-rect"),
-                                        a.globals.dom.elGraphical.add(this.zoomRect),
-                                        a.globals.dom.elGraphical.add(this.selectionRect),
-                                        "x" === a.config.chart.selection.type
-                                            ? (this.slDraggableRect = this.selectionRect.draggable({ minX: 0, minY: 0, maxX: a.globals.gridWidth, maxY: a.globals.gridHeight }).on("dragmove", this.selectionDragging.bind(this, "dragging")))
-                                            : "y" === a.config.chart.selection.type
-                                            ? (this.slDraggableRect = this.selectionRect.draggable({ minX: 0, maxX: a.globals.gridWidth }).on("dragmove", this.selectionDragging.bind(this, "dragging")))
-                                            : (this.slDraggableRect = this.selectionRect.draggable().on("dragmove", this.selectionDragging.bind(this, "dragging"))),
-                                        this.preselectedSelection(),
-                                        (this.hoverArea = a.globals.dom.baseEl.querySelector(a.globals.chartClass)),
-                                        this.hoverArea.classList.add("zoomable"),
-                                        this.eventList.forEach(function (t) {
-                                            e.hoverArea.addEventListener(t, s.svgMouseEvents.bind(s, i), { capture: !1, passive: !0 });
-                                        });
-                                },
-                            },
-                            {
-                                key: "destroy",
-                                value: function () {
-                                    this.slDraggableRect && (this.slDraggableRect.draggable(!1), this.slDraggableRect.off(), this.selectionRect.off()), (this.selectionRect = null), (this.zoomRect = null), (this.gridRect = null);
-                                },
-                            },
-                            {
-                                key: "svgMouseEvents",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = this,
-                                        s = this.ctx.toolbar,
-                                        n = i.globals.zoomEnabled ? i.config.chart.zoom.type : i.config.chart.selection.type;
-                                    if (
-                                        (e.shiftKey ? ((this.shiftWasPressed = !0), s.enablePanning()) : this.shiftWasPressed && (s.enableZooming(), (this.shiftWasPressed = !1)),
-                                        !(e.target.classList.contains("apexcharts-selection-rect") || e.target.parentNode.classList.contains("apexcharts-toolbar")))
-                                    ) {
-                                        if (
-                                            ((a.clientX = "touchmove" === e.type || "touchstart" === e.type ? e.touches[0].clientX : "touchend" === e.type ? e.changedTouches[0].clientX : e.clientX),
-                                            (a.clientY = "touchmove" === e.type || "touchstart" === e.type ? e.touches[0].clientY : "touchend" === e.type ? e.changedTouches[0].clientY : e.clientY),
-                                            "mousedown" === e.type && 1 === e.which)
-                                        ) {
-                                            var r = a.gridRect.getBoundingClientRect();
-                                            (a.startX = a.clientX - r.left), (a.startY = a.clientY - r.top), (a.dragged = !1), (a.w.globals.mousedown = !0);
-                                        }
-                                        if (
-                                            ((("mousemove" === e.type && 1 === e.which) || "touchmove" === e.type) &&
-                                                ((a.dragged = !0),
-                                                i.globals.panEnabled
-                                                    ? ((i.globals.selection = null), a.w.globals.mousedown && a.panDragging({ context: a, zoomtype: n, xyRatios: t }))
-                                                    : ((a.w.globals.mousedown && i.globals.zoomEnabled) || (a.w.globals.mousedown && i.globals.selectionEnabled)) && (a.selection = a.selectionDrawing({ context: a, zoomtype: n }))),
-                                            "mouseup" === e.type || "touchend" === e.type || "mouseleave" === e.type)
-                                        ) {
-                                            var o = a.gridRect.getBoundingClientRect();
-                                            a.w.globals.mousedown &&
-                                                ((a.endX = a.clientX - o.left),
-                                                (a.endY = a.clientY - o.top),
-                                                (a.dragX = Math.abs(a.endX - a.startX)),
-                                                (a.dragY = Math.abs(a.endY - a.startY)),
-                                                (i.globals.zoomEnabled || i.globals.selectionEnabled) && a.selectionDrawn({ context: a, zoomtype: n })),
-                                                i.globals.zoomEnabled && a.hideSelectionRect(this.selectionRect),
-                                                (a.dragged = !1),
-                                                (a.w.globals.mousedown = !1);
-                                        }
-                                        this.makeSelectionRectDraggable();
-                                    }
-                                },
-                            },
-                            {
-                                key: "makeSelectionRectDraggable",
-                                value: function () {
-                                    var t = this.w;
-                                    if (this.selectionRect) {
-                                        var e = this.selectionRect.node.getBoundingClientRect();
-                                        e.width > 0 &&
-                                            e.height > 0 &&
-                                            this.slDraggableRect
-                                                .selectize()
-                                                .resize({ constraint: { minX: 0, minY: 0, maxX: t.globals.gridWidth, maxY: t.globals.gridHeight } })
-                                                .on("resizing", this.selectionDragging.bind(this, "resizing"));
-                                    }
-                                },
-                            },
-                            {
-                                key: "preselectedSelection",
-                                value: function () {
-                                    var t = this.w,
-                                        e = this.xyRatios;
-                                    if (!t.globals.zoomEnabled)
-                                        if (void 0 !== t.globals.selection && null !== t.globals.selection) this.drawSelectionRect(t.globals.selection);
-                                        else if (void 0 !== t.config.chart.selection.xaxis.min && void 0 !== t.config.chart.selection.xaxis.max) {
-                                            var i = (t.config.chart.selection.xaxis.min - t.globals.minX) / e.xRatio,
-                                                a = {
-                                                    x: i,
-                                                    y: 0,
-                                                    width: t.globals.gridWidth - (t.globals.maxX - t.config.chart.selection.xaxis.max) / e.xRatio - i,
-                                                    height: t.globals.gridHeight,
-                                                    translateX: 0,
-                                                    translateY: 0,
-                                                    selectionEnabled: !0,
-                                                };
-                                            this.drawSelectionRect(a),
-                                                this.makeSelectionRectDraggable(),
-                                                "function" == typeof t.config.chart.events.selection &&
-                                                    t.config.chart.events.selection(this.ctx, { xaxis: { min: t.config.chart.selection.xaxis.min, max: t.config.chart.selection.xaxis.max }, yaxis: {} });
-                                        }
-                                },
-                            },
-                            {
-                                key: "drawSelectionRect",
-                                value: function (t) {
-                                    var e = t.x,
-                                        i = t.y,
-                                        a = t.width,
-                                        s = t.height,
-                                        n = t.translateX,
-                                        r = t.translateY,
-                                        o = this.w,
-                                        l = this.zoomRect,
-                                        h = this.selectionRect;
-                                    if (this.dragged || null !== o.globals.selection) {
-                                        var c = { transform: "translate(" + n + ", " + r + ")" };
-                                        o.globals.zoomEnabled &&
-                                            this.dragged &&
-                                            (l.attr({
-                                                x: e,
-                                                y: i,
-                                                width: a,
-                                                height: s,
-                                                fill: o.config.chart.zoom.zoomedArea.fill.color,
-                                                "fill-opacity": o.config.chart.zoom.zoomedArea.fill.opacity,
-                                                stroke: o.config.chart.zoom.zoomedArea.stroke.color,
-                                                "stroke-width": o.config.chart.zoom.zoomedArea.stroke.width,
-                                                "stroke-opacity": o.config.chart.zoom.zoomedArea.stroke.opacity,
-                                            }),
-                                            m.setAttrs(l.node, c)),
-                                            o.globals.selectionEnabled &&
-                                                (h.attr({
-                                                    x: e,
-                                                    y: i,
-                                                    width: a > 0 ? a : 0,
-                                                    height: s > 0 ? s : 0,
-                                                    fill: o.config.chart.selection.fill.color,
-                                                    "fill-opacity": o.config.chart.selection.fill.opacity,
-                                                    stroke: o.config.chart.selection.stroke.color,
-                                                    "stroke-width": o.config.chart.selection.stroke.width,
-                                                    "stroke-dasharray": o.config.chart.selection.stroke.dashArray,
-                                                    "stroke-opacity": o.config.chart.selection.stroke.opacity,
-                                                }),
-                                                m.setAttrs(h.node, c));
-                                    }
-                                },
-                            },
-                            {
-                                key: "hideSelectionRect",
-                                value: function (t) {
-                                    t && t.attr({ x: 0, y: 0, width: 0, height: 0 });
-                                },
-                            },
-                            {
-                                key: "selectionDrawing",
-                                value: function (t) {
-                                    var e = t.context,
-                                        i = t.zoomtype,
-                                        a = this.w,
-                                        s = e,
-                                        n = this.gridRect.getBoundingClientRect(),
-                                        r = s.startX - 1,
-                                        o = s.startY,
-                                        l = s.clientX - n.left - r,
-                                        h = s.clientY - n.top - o,
-                                        c = 0,
-                                        d = 0,
-                                        u = {};
-                                    return (
-                                        Math.abs(l + r) > a.globals.gridWidth ? (l = a.globals.gridWidth - r) : s.clientX - n.left < 0 && (l = r),
-                                        r > s.clientX - n.left && (c = -(l = Math.abs(l))),
-                                        o > s.clientY - n.top && (d = -(h = Math.abs(h))),
-                                        (u =
-                                            "x" === i
-                                                ? { x: r, y: 0, width: l, height: a.globals.gridHeight, translateX: c, translateY: 0 }
-                                                : "y" === i
-                                                ? { x: 0, y: o, width: a.globals.gridWidth, height: h, translateX: 0, translateY: d }
-                                                : { x: r, y: o, width: l, height: h, translateX: c, translateY: d }),
-                                        s.drawSelectionRect(u),
-                                        s.selectionDragging("resizing"),
-                                        u
-                                    );
-                                },
-                            },
-                            {
-                                key: "selectionDragging",
-                                value: function (t, e) {
-                                    var i = this,
-                                        a = this.w,
-                                        s = this.xyRatios,
-                                        n = this.selectionRect,
-                                        r = 0;
-                                    "resizing" === t && (r = 30),
-                                        "function" == typeof a.config.chart.events.selection &&
-                                            a.globals.selectionEnabled &&
-                                            (clearTimeout(this.w.globals.selectionResizeTimer),
-                                            (this.w.globals.selectionResizeTimer = window.setTimeout(function () {
-                                                var t = i.gridRect.getBoundingClientRect(),
-                                                    e = n.node.getBoundingClientRect(),
-                                                    r = a.globals.xAxisScale.niceMin + (e.left - t.left) * s.xRatio,
-                                                    o = a.globals.xAxisScale.niceMin + (e.right - t.left) * s.xRatio,
-                                                    l = a.globals.yAxisScale[0].niceMin + (t.bottom - e.bottom) * s.yRatio[0],
-                                                    h = a.globals.yAxisScale[0].niceMax - (e.top - t.top) * s.yRatio[0];
-                                                a.config.chart.events.selection(i.ctx, { xaxis: { min: r, max: o }, yaxis: { min: l, max: h } });
-                                            }, r)));
-                                },
-                            },
-                            {
-                                key: "selectionDrawn",
-                                value: function (t) {
-                                    var e = t.context,
-                                        i = t.zoomtype,
-                                        a = this.w,
-                                        s = e,
-                                        n = this.xyRatios,
-                                        r = this.ctx.toolbar;
-                                    if (s.startX > s.endX) {
-                                        var o = s.startX;
-                                        (s.startX = s.endX), (s.endX = o);
-                                    }
-                                    if (s.startY > s.endY) {
-                                        var l = s.startY;
-                                        (s.startY = s.endY), (s.endY = l);
-                                    }
-                                    var h = a.globals.xAxisScale.niceMin + s.startX * n.xRatio,
-                                        c = a.globals.xAxisScale.niceMin + s.endX * n.xRatio,
-                                        d = [],
-                                        u = [];
-                                    if (
-                                        (a.config.yaxis.forEach(function (t, e) {
-                                            d.push(Math.floor(a.globals.yAxisScale[e].niceMax - n.yRatio[e] * s.startY)), u.push(Math.floor(a.globals.yAxisScale[e].niceMax - n.yRatio[e] * s.endY));
-                                        }),
-                                        s.dragged && (s.dragX > 10 || s.dragY > 10) && h !== c)
-                                    )
-                                        if (a.globals.zoomEnabled) {
-                                            var f = p.clone(a.globals.initialConfig.yaxis);
-                                            a.globals.zoomed || ((a.globals.lastXAxis = p.clone(a.config.xaxis)), (a.globals.lastYAxis = p.clone(a.config.yaxis)));
-                                            var g = { min: h, max: c };
-                                            if (
-                                                (("xy" !== i && "y" !== i) ||
-                                                    f.forEach(function (t, e) {
-                                                        (f[e].min = u[e]), (f[e].max = d[e]);
-                                                    }),
-                                                a.config.chart.zoom.autoScaleYaxis)
-                                            ) {
-                                                var x = new Z(s.ctx);
-                                                f = x.autoScaleY(s.ctx, f, { xaxis: g });
-                                            }
-                                            if (r) {
-                                                var v = r.getBeforeZoomRange(g, f);
-                                                v && ((g = v.xaxis ? v.xaxis : g), (f = v.yaxis ? v.yaxe : f));
-                                            }
-                                            s.ctx._updateOptions({ xaxis: g, yaxis: f }, !1, s.w.config.chart.animations.dynamicAnimation.enabled),
-                                                "function" == typeof a.config.chart.events.zoomed && r.zoomCallback(g, f),
-                                                (a.globals.zoomed = !0);
-                                        } else if (a.globals.selectionEnabled) {
-                                            var m,
-                                                b = null;
-                                            (m = { min: h, max: c }),
-                                                ("xy" !== i && "y" !== i) ||
-                                                    (b = p.clone(a.config.yaxis)).forEach(function (t, e) {
-                                                        (b[e].min = u[e]), (b[e].max = d[e]);
-                                                    }),
-                                                (a.globals.selection = s.selection),
-                                                "function" == typeof a.config.chart.events.selection && a.config.chart.events.selection(s.ctx, { xaxis: m, yaxis: b });
-                                        }
-                                },
-                            },
-                            {
-                                key: "panDragging",
-                                value: function (t) {
-                                    var e,
-                                        i = t.context,
-                                        a = this.w,
-                                        s = i;
-                                    if (void 0 !== a.globals.lastClientPosition.x) {
-                                        var n = a.globals.lastClientPosition.x - s.clientX,
-                                            r = a.globals.lastClientPosition.y - s.clientY;
-                                        Math.abs(n) > Math.abs(r) && n > 0
-                                            ? (e = "left")
-                                            : Math.abs(n) > Math.abs(r) && n < 0
-                                            ? (e = "right")
-                                            : Math.abs(r) > Math.abs(n) && r > 0
-                                            ? (e = "up")
-                                            : Math.abs(r) > Math.abs(n) && r < 0 && (e = "down");
-                                    }
-                                    a.globals.lastClientPosition = { x: s.clientX, y: s.clientY };
-                                    var o = a.globals.minX,
-                                        l = a.globals.maxX;
-                                    s.panScrolled(e, o, l);
-                                },
-                            },
-                            {
-                                key: "panScrolled",
-                                value: function (t, e, i) {
-                                    var a = this.w,
-                                        s = this.xyRatios,
-                                        n = p.clone(a.globals.initialConfig.yaxis);
-                                    "left" === t
-                                        ? ((e = a.globals.minX + (a.globals.gridWidth / 15) * s.xRatio), (i = a.globals.maxX + (a.globals.gridWidth / 15) * s.xRatio))
-                                        : "right" === t && ((e = a.globals.minX - (a.globals.gridWidth / 15) * s.xRatio), (i = a.globals.maxX - (a.globals.gridWidth / 15) * s.xRatio)),
-                                        (e < a.globals.initialminX || i > a.globals.initialmaxX) && ((e = a.globals.minX), (i = a.globals.maxX));
-                                    var r = { min: e, max: i };
-                                    a.config.chart.zoom.autoScaleYaxis && (n = new Z(this.ctx).autoScaleY(this.ctx, n, { xaxis: r }));
-                                    this.ctx._updateOptions({ xaxis: { min: e, max: i }, yaxis: n }, !1, !1), "function" == typeof a.config.chart.events.scrolled && a.config.chart.events.scrolled(this.ctx, { xaxis: { min: e, max: i } });
-                                },
-                            },
-                        ]),
-                        e
-                    );
-                })(),
-                St = (function () {
-                    function t(e) {
-                        n(this, t), (this.ctx = e), (this.w = e.w);
-                    }
-                    return (
-                        o(t, [
-                            {
-                                key: "draw",
-                                value: function () {
-                                    this.drawTitleSubtitle("title"), this.drawTitleSubtitle("subtitle");
-                                },
-                            },
-                            {
-                                key: "drawTitleSubtitle",
-                                value: function (t) {
-                                    var e = this.w,
-                                        i = "title" === t ? e.config.title : e.config.subtitle,
-                                        a = e.globals.svgWidth / 2,
-                                        s = i.offsetY,
-                                        n = "middle";
-                                    if (("left" === i.align ? ((a = 10), (n = "start")) : "right" === i.align && ((a = e.globals.svgWidth - 10), (n = "end")), (a += i.offsetX), (s = s + parseInt(i.style.fontSize) + 2), void 0 !== i.text)) {
-                                        var r = new m(this.ctx).drawText({ x: a, y: s, text: i.text, textAnchor: n, fontSize: i.style.fontSize, fontFamily: i.style.fontFamily, foreColor: i.style.color, opacity: 1 });
-                                        r.node.setAttribute("class", "apexcharts-".concat(t, "-text")), e.globals.dom.Paper.add(r);
-                                    }
-                                },
-                            },
-                        ]),
-                        t
-                    );
-                })();
-            (lt = "undefined" != typeof window ? window : void 0),
-                (ht = function (t, e) {
-                    var i = ((void 0 !== this ? this : t).SVG = function (t) {
-                        if (i.supported) return (t = new i.Doc(t)), i.parser.draw || i.prepare(), t;
-                    });
-                    if (((i.ns = "http://www.w3.org/2000/svg"), (i.xmlns = "http://www.w3.org/2000/xmlns/"), (i.xlink = "http://www.w3.org/1999/xlink"), (i.svgjs = "http://svgjs.com/svgjs"), (i.supported = !0), !i.supported)) return !1;
-                    (i.did = 1e3),
-                        (i.eid = function (t) {
-                            return "Svgjs" + d(t) + i.did++;
-                        }),
-                        (i.create = function (t) {
-                            var i = e.createElementNS(this.ns, t);
-                            return i.setAttribute("id", this.eid(t)), i;
-                        }),
-                        (i.extend = function () {
-                            var t, e, a, s;
-                            for (e = (t = [].slice.call(arguments)).pop(), s = t.length - 1; s >= 0; s--) if (t[s]) for (a in e) t[s].prototype[a] = e[a];
-                            i.Set && i.Set.inherit && i.Set.inherit();
-                        }),
-                        (i.invent = function (t) {
-                            var e =
-                                "function" == typeof t.create
-                                    ? t.create
-                                    : function () {
-                                          this.constructor.call(this, i.create(t.create));
-                                      };
-                            return t.inherit && (e.prototype = new t.inherit()), t.extend && i.extend(e, t.extend), t.construct && i.extend(t.parent || i.Container, t.construct), e;
-                        }),
-                        (i.adopt = function (e) {
-                            return e
-                                ? e.instance
-                                    ? e.instance
-                                    : (((a =
-                                          "svg" == e.nodeName
-                                              ? e.parentNode instanceof t.SVGElement
-                                                  ? new i.Nested()
-                                                  : new i.Doc()
-                                              : "linearGradient" == e.nodeName
-                                              ? new i.Gradient("linear")
-                                              : "radialGradient" == e.nodeName
-                                              ? new i.Gradient("radial")
-                                              : i[d(e.nodeName)]
-                                              ? new i[d(e.nodeName)]()
-                                              : new i.Element(e)).type = e.nodeName),
-                                      (a.node = e),
-                                      (e.instance = a),
-                                      a instanceof i.Doc && a.namespace().defs(),
-                                      a.setData(JSON.parse(e.getAttribute("svgjs:data")) || {}),
-                                      a)
-                                : null;
-                            var a;
-                        }),
-                        (i.prepare = function () {
-                            var t = e.getElementsByTagName("body")[0],
-                                a = (t ? new i.Doc(t) : i.adopt(e.documentElement).nested()).size(2, 0);
-                            i.parser = { body: t || e.documentElement, draw: a.style("opacity:0;position:absolute;left:-100%;top:-100%;overflow:hidden").node, poly: a.polyline().node, path: a.path().node, native: i.create("svg") };
-                        }),
-                        (i.parser = { native: i.create("svg") }),
-                        e.addEventListener(
-                            "DOMContentLoaded",
-                            function () {
-                                i.parser.draw || i.prepare();
-                            },
-                            !1
-                        ),
-                        (i.regex = {
-                            numberAndUnit: /^([+-]?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?)([a-z%]*)$/i,
-                            hex: /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,
-                            rgb: /rgb\((\d+),(\d+),(\d+)\)/,
-                            reference: /#([a-z0-9\-_]+)/i,
-                            transforms: /\)\s*,?\s*/,
-                            whitespace: /\s/g,
-                            isHex: /^#[a-f0-9]{3,6}$/i,
-                            isRgb: /^rgb\(/,
-                            isCss: /[^:]+:[^;]+;?/,
-                            isBlank: /^(\s+)?$/,
-                            isNumber: /^[+-]?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i,
-                            isPercent: /^-?[\d\.]+%$/,
-                            isImage: /\.(jpg|jpeg|png|gif|svg)(\?[^=]+.*)?/i,
-                            delimiter: /[\s,]+/,
-                            hyphen: /([^e])\-/gi,
-                            pathLetters: /[MLHVCSQTAZ]/gi,
-                            isPathLetter: /[MLHVCSQTAZ]/i,
-                            numbersWithDots: /((\d?\.\d+(?:e[+-]?\d+)?)((?:\.\d+(?:e[+-]?\d+)?)+))+/gi,
-                            dots: /\./g,
-                        }),
-                        (i.utils = {
-                            map: function (t, e) {
-                                var i,
-                                    a = t.length,
-                                    s = [];
-                                for (i = 0; i < a; i++) s.push(e(t[i]));
-                                return s;
-                            },
-                            filter: function (t, e) {
-                                var i,
-                                    a = t.length,
-                                    s = [];
-                                for (i = 0; i < a; i++) e(t[i]) && s.push(t[i]);
-                                return s;
-                            },
-                            radians: function (t) {
-                                return ((t % 360) * Math.PI) / 180;
-                            },
-                            degrees: function (t) {
-                                return ((180 * t) / Math.PI) % 360;
-                            },
-                            filterSVGElements: function (e) {
-                                return this.filter(e, function (e) {
-                                    return e instanceof t.SVGElement;
-                                });
-                            },
-                        }),
-                        (i.defaults = {
-                            attrs: {
-                                "fill-opacity": 1,
-                                "stroke-opacity": 1,
-                                "stroke-width": 0,
-                                "stroke-linejoin": "miter",
-                                "stroke-linecap": "butt",
-                                fill: "#000000",
-                                stroke: "#000000",
-                                opacity: 1,
-                                x: 0,
-                                y: 0,
-                                cx: 0,
-                                cy: 0,
-                                width: 0,
-                                height: 0,
-                                r: 0,
-                                rx: 0,
-                                ry: 0,
-                                offset: 0,
-                                "stop-opacity": 1,
-                                "stop-color": "#000000",
-                                "font-size": 16,
-                                "font-family": "Helvetica, Arial, sans-serif",
-                                "text-anchor": "start",
-                            },
-                        }),
-                        (i.Color = function (t) {
-                            var e, a;
-                            ((this.r = 0), (this.g = 0), (this.b = 0), t) &&
-                                ("string" == typeof t
-                                    ? i.regex.isRgb.test(t)
-                                        ? ((e = i.regex.rgb.exec(t.replace(i.regex.whitespace, ""))), (this.r = parseInt(e[1])), (this.g = parseInt(e[2])), (this.b = parseInt(e[3])))
-                                        : i.regex.isHex.test(t) &&
-                                          ((e = i.regex.hex.exec(4 == (a = t).length ? ["#", a.substring(1, 2), a.substring(1, 2), a.substring(2, 3), a.substring(2, 3), a.substring(3, 4), a.substring(3, 4)].join("") : a)),
-                                          (this.r = parseInt(e[1], 16)),
-                                          (this.g = parseInt(e[2], 16)),
-                                          (this.b = parseInt(e[3], 16)))
-                                    : "object" === s(t) && ((this.r = t.r), (this.g = t.g), (this.b = t.b)));
-                        }),
-                        i.extend(i.Color, {
-                            toString: function () {
-                                return this.toHex();
-                            },
-                            toHex: function () {
-                                return "#" + u(this.r) + u(this.g) + u(this.b);
-                            },
-                            toRgb: function () {
-                                return "rgb(" + [this.r, this.g, this.b].join() + ")";
-                            },
-                            brightness: function () {
-                                return (this.r / 255) * 0.3 + (this.g / 255) * 0.59 + (this.b / 255) * 0.11;
-                            },
-                            morph: function (t) {
-                                return (this.destination = new i.Color(t)), this;
-                            },
-                            at: function (t) {
-                                return this.destination
-                                    ? ((t = t < 0 ? 0 : t > 1 ? 1 : t),
-                                      new i.Color({ r: ~~(this.r + (this.destination.r - this.r) * t), g: ~~(this.g + (this.destination.g - this.g) * t), b: ~~(this.b + (this.destination.b - this.b) * t) }))
-                                    : this;
-                            },
-                        }),
-                        (i.Color.test = function (t) {
-                            return (t += ""), i.regex.isHex.test(t) || i.regex.isRgb.test(t);
-                        }),
-                        (i.Color.isRgb = function (t) {
-                            return t && "number" == typeof t.r && "number" == typeof t.g && "number" == typeof t.b;
-                        }),
-                        (i.Color.isColor = function (t) {
-                            return i.Color.isRgb(t) || i.Color.test(t);
-                        }),
-                        (i.Array = function (t, e) {
-                            0 == (t = (t || []).valueOf()).length && e && (t = e.valueOf()), (this.value = this.parse(t));
-                        }),
-                        i.extend(i.Array, {
-                            morph: function (t) {
-                                if (((this.destination = this.parse(t)), this.value.length != this.destination.length)) {
-                                    for (var e = this.value[this.value.length - 1], i = this.destination[this.destination.length - 1]; this.value.length > this.destination.length; ) this.destination.push(i);
-                                    for (; this.value.length < this.destination.length; ) this.value.push(e);
-                                }
-                                return this;
-                            },
-                            settle: function () {
-                                for (var t = 0, e = this.value.length, i = []; t < e; t++) -1 == i.indexOf(this.value[t]) && i.push(this.value[t]);
-                                return (this.value = i);
-                            },
-                            at: function (t) {
-                                if (!this.destination) return this;
-                                for (var e = 0, a = this.value.length, s = []; e < a; e++) s.push(this.value[e] + (this.destination[e] - this.value[e]) * t);
-                                return new i.Array(s);
-                            },
-                            toString: function () {
-                                return this.value.join(" ");
-                            },
-                            valueOf: function () {
-                                return this.value;
-                            },
-                            parse: function (t) {
-                                return (t = t.valueOf()), Array.isArray(t) ? t : this.split(t);
-                            },
-                            split: function (t) {
-                                return t.trim().split(i.regex.delimiter).map(parseFloat);
-                            },
-                            reverse: function () {
-                                return this.value.reverse(), this;
-                            },
-                            clone: function () {
-                                var t = new this.constructor();
-                                return (
-                                    (t.value = (function t(e) {
-                                        var i = e.slice(0);
-                                        for (var a = i.length; a--; ) Array.isArray(i[a]) && (i[a] = t(i[a]));
-                                        return i;
-                                    })(this.value)),
-                                    t
-                                );
-                            },
-                        }),
-                        (i.PointArray = function (t, e) {
-                            i.Array.call(this, t, e || [[0, 0]]);
-                        }),
-                        (i.PointArray.prototype = new i.Array()),
-                        (i.PointArray.prototype.constructor = i.PointArray),
-                        i.extend(i.PointArray, {
-                            toString: function () {
-                                for (var t = 0, e = this.value.length, i = []; t < e; t++) i.push(this.value[t].join(","));
-                                return i.join(" ");
-                            },
-                            toLine: function () {
-                                return { x1: this.value[0][0], y1: this.value[0][1], x2: this.value[1][0], y2: this.value[1][1] };
-                            },
-                            at: function (t) {
-                                if (!this.destination) return this;
-                                for (var e = 0, a = this.value.length, s = []; e < a; e++) s.push([this.value[e][0] + (this.destination[e][0] - this.value[e][0]) * t, this.value[e][1] + (this.destination[e][1] - this.value[e][1]) * t]);
-                                return new i.PointArray(s);
-                            },
-                            parse: function (t) {
-                                var e = [];
-                                if (((t = t.valueOf()), Array.isArray(t))) {
-                                    if (Array.isArray(t[0]))
-                                        return t.map(function (t) {
-                                            return t.slice();
-                                        });
-                                    if (null != t[0].x)
-                                        return t.map(function (t) {
-                                            return [t.x, t.y];
-                                        });
-                                } else t = t.trim().split(i.regex.delimiter).map(parseFloat);
-                                t.length % 2 != 0 && t.pop();
-                                for (var a = 0, s = t.length; a < s; a += 2) e.push([t[a], t[a + 1]]);
-                                return e;
-                            },
-                            move: function (t, e) {
-                                var i = this.bbox();
-                                if (((t -= i.x), (e -= i.y), !isNaN(t) && !isNaN(e))) for (var a = this.value.length - 1; a >= 0; a--) this.value[a] = [this.value[a][0] + t, this.value[a][1] + e];
-                                return this;
-                            },
-                            size: function (t, e) {
-                                var i,
-                                    a = this.bbox();
-                                for (i = this.value.length - 1; i >= 0; i--) a.width && (this.value[i][0] = ((this.value[i][0] - a.x) * t) / a.width + a.x), a.height && (this.value[i][1] = ((this.value[i][1] - a.y) * e) / a.height + a.y);
-                                return this;
-                            },
-                            bbox: function () {
-                                return i.parser.draw || i.prepare(), i.parser.poly.setAttribute("points", this.toString()), i.parser.poly.getBBox();
-                            },
-                        });
-                    for (
-                        var a = {
-                                M: function (t, e, i) {
-                                    return (e.x = i.x = t[0]), (e.y = i.y = t[1]), ["M", e.x, e.y];
-                                },
-                                L: function (t, e) {
-                                    return (e.x = t[0]), (e.y = t[1]), ["L", t[0], t[1]];
-                                },
-                                H: function (t, e) {
-                                    return (e.x = t[0]), ["H", t[0]];
-                                },
-                                V: function (t, e) {
-                                    return (e.y = t[0]), ["V", t[0]];
-                                },
-                                C: function (t, e) {
-                                    return (e.x = t[4]), (e.y = t[5]), ["C", t[0], t[1], t[2], t[3], t[4], t[5]];
-                                },
-                                S: function (t, e) {
-                                    return (e.x = t[2]), (e.y = t[3]), ["S", t[0], t[1], t[2], t[3]];
-                                },
-                                Q: function (t, e) {
-                                    return (e.x = t[2]), (e.y = t[3]), ["Q", t[0], t[1], t[2], t[3]];
-                                },
-                                T: function (t, e) {
-                                    return (e.x = t[0]), (e.y = t[1]), ["T", t[0], t[1]];
-                                },
-                                Z: function (t, e, i) {
-                                    return (e.x = i.x), (e.y = i.y), ["Z"];
-                                },
-                                A: function (t, e) {
-                                    return (e.x = t[5]), (e.y = t[6]), ["A", t[0], t[1], t[2], t[3], t[4], t[5], t[6]];
-                                },
-                            },
-                            n = "mlhvqtcsaz".split(""),
-                            r = 0,
-                            o = n.length;
-                        r < o;
-                        ++r
-                    )
-                        a[n[r]] = (function (t) {
-                            return function (e, i, s) {
-                                if ("H" == t) e[0] = e[0] + i.x;
-                                else if ("V" == t) e[0] = e[0] + i.y;
-                                else if ("A" == t) (e[5] = e[5] + i.x), (e[6] = e[6] + i.y);
-                                else for (var n = 0, r = e.length; n < r; ++n) e[n] = e[n] + (n % 2 ? i.y : i.x);
-                                return a[t](e, i, s);
-                            };
-                        })(n[r].toUpperCase());
-                    (i.PathArray = function (t, e) {
-                        i.Array.call(this, t, e || [["M", 0, 0]]);
-                    }),
-                        (i.PathArray.prototype = new i.Array()),
-                        (i.PathArray.prototype.constructor = i.PathArray),
-                        i.extend(i.PathArray, {
-                            toString: function () {
-                                return (function (t) {
-                                    for (var e = 0, i = t.length, a = ""; e < i; e++)
-                                        (a += t[e][0]),
-                                            null != t[e][1] &&
-                                                ((a += t[e][1]),
-                                                null != t[e][2] &&
-                                                    ((a += " "),
-                                                    (a += t[e][2]),
-                                                    null != t[e][3] &&
-                                                        ((a += " "),
-                                                        (a += t[e][3]),
-                                                        (a += " "),
-                                                        (a += t[e][4]),
-                                                        null != t[e][5] && ((a += " "), (a += t[e][5]), (a += " "), (a += t[e][6]), null != t[e][7] && ((a += " "), (a += t[e][7]))))));
-                                    return a + " ";
-                                })(this.value);
-                            },
-                            move: function (t, e) {
-                                var i = this.bbox();
-                                if (((t -= i.x), (e -= i.y), !isNaN(t) && !isNaN(e)))
-                                    for (var a, s = this.value.length - 1; s >= 0; s--)
-                                        "M" == (a = this.value[s][0]) || "L" == a || "T" == a
-                                            ? ((this.value[s][1] += t), (this.value[s][2] += e))
-                                            : "H" == a
-                                            ? (this.value[s][1] += t)
-                                            : "V" == a
-                                            ? (this.value[s][1] += e)
-                                            : "C" == a || "S" == a || "Q" == a
-                                            ? ((this.value[s][1] += t), (this.value[s][2] += e), (this.value[s][3] += t), (this.value[s][4] += e), "C" == a && ((this.value[s][5] += t), (this.value[s][6] += e)))
-                                            : "A" == a && ((this.value[s][6] += t), (this.value[s][7] += e));
-                                return this;
-                            },
-                            size: function (t, e) {
-                                var i,
-                                    a,
-                                    s = this.bbox();
-                                for (i = this.value.length - 1; i >= 0; i--)
-                                    "M" == (a = this.value[i][0]) || "L" == a || "T" == a
-                                        ? ((this.value[i][1] = ((this.value[i][1] - s.x) * t) / s.width + s.x), (this.value[i][2] = ((this.value[i][2] - s.y) * e) / s.height + s.y))
-                                        : "H" == a
-                                        ? (this.value[i][1] = ((this.value[i][1] - s.x) * t) / s.width + s.x)
-                                        : "V" == a
-                                        ? (this.value[i][1] = ((this.value[i][1] - s.y) * e) / s.height + s.y)
-                                        : "C" == a || "S" == a || "Q" == a
-                                        ? ((this.value[i][1] = ((this.value[i][1] - s.x) * t) / s.width + s.x),
-                                          (this.value[i][2] = ((this.value[i][2] - s.y) * e) / s.height + s.y),
-                                          (this.value[i][3] = ((this.value[i][3] - s.x) * t) / s.width + s.x),
-                                          (this.value[i][4] = ((this.value[i][4] - s.y) * e) / s.height + s.y),
-                                          "C" == a && ((this.value[i][5] = ((this.value[i][5] - s.x) * t) / s.width + s.x), (this.value[i][6] = ((this.value[i][6] - s.y) * e) / s.height + s.y)))
-                                        : "A" == a &&
-                                          ((this.value[i][1] = (this.value[i][1] * t) / s.width),
-                                          (this.value[i][2] = (this.value[i][2] * e) / s.height),
-                                          (this.value[i][6] = ((this.value[i][6] - s.x) * t) / s.width + s.x),
-                                          (this.value[i][7] = ((this.value[i][7] - s.y) * e) / s.height + s.y));
-                                return this;
-                            },
-                            equalCommands: function (t) {
-                                var e, a, s;
-                                for (t = new i.PathArray(t), s = this.value.length === t.value.length, e = 0, a = this.value.length; s && e < a; e++) s = this.value[e][0] === t.value[e][0];
-                                return s;
-                            },
-                            morph: function (t) {
-                                return (t = new i.PathArray(t)), this.equalCommands(t) ? (this.destination = t) : (this.destination = null), this;
-                            },
-                            at: function (t) {
-                                if (!this.destination) return this;
-                                var e,
-                                    a,
-                                    s,
-                                    n,
-                                    r = this.value,
-                                    o = this.destination.value,
-                                    l = [],
-                                    h = new i.PathArray();
-                                for (e = 0, a = r.length; e < a; e++) {
-                                    for (l[e] = [r[e][0]], s = 1, n = r[e].length; s < n; s++) l[e][s] = r[e][s] + (o[e][s] - r[e][s]) * t;
-                                    "A" === l[e][0] && ((l[e][4] = +(0 != l[e][4])), (l[e][5] = +(0 != l[e][5])));
-                                }
-                                return (h.value = l), h;
-                            },
-                            parse: function (t) {
-                                if (t instanceof i.PathArray) return t.valueOf();
-                                var e,
-                                    s = { M: 2, L: 2, H: 1, V: 1, C: 6, S: 4, Q: 4, T: 2, A: 7, Z: 0 };
-                                t =
-                                    "string" == typeof t
-                                        ? t.replace(i.regex.numbersWithDots, h).replace(i.regex.pathLetters, " $& ").replace(i.regex.hyphen, "$1 -").trim().split(i.regex.delimiter)
-                                        : t.reduce(function (t, e) {
-                                              return [].concat.call(t, e);
-                                          }, []);
-                                var n = [],
-                                    r = new i.Point(),
-                                    o = new i.Point(),
-                                    l = 0,
-                                    c = t.length;
-                                do {
-                                    i.regex.isPathLetter.test(t[l]) ? ((e = t[l]), ++l) : "M" == e ? (e = "L") : "m" == e && (e = "l"), n.push(a[e].call(null, t.slice(l, (l += s[e.toUpperCase()])).map(parseFloat), r, o));
-                                } while (c > l);
-                                return n;
-                            },
-                            bbox: function () {
-                                return i.parser.draw || i.prepare(), i.parser.path.setAttribute("d", this.toString()), i.parser.path.getBBox();
-                            },
-                        }),
-                        (i.Number = i.invent({
-                            create: function (t, e) {
-                                (this.value = 0),
-                                    (this.unit = e || ""),
-                                    "number" == typeof t
-                                        ? (this.value = isNaN(t) ? 0 : isFinite(t) ? t : t < 0 ? -3.4e38 : 3.4e38)
-                                        : "string" == typeof t
-                                        ? (e = t.match(i.regex.numberAndUnit)) && ((this.value = parseFloat(e[1])), "%" == e[5] ? (this.value /= 100) : "s" == e[5] && (this.value *= 1e3), (this.unit = e[5]))
-                                        : t instanceof i.Number && ((this.value = t.valueOf()), (this.unit = t.unit));
-                            },
-                            extend: {
-                                toString: function () {
-                                    return ("%" == this.unit ? ~~(1e8 * this.value) / 1e6 : "s" == this.unit ? this.value / 1e3 : this.value) + this.unit;
-                                },
-                                toJSON: function () {
-                                    return this.toString();
-                                },
-                                valueOf: function () {
-                                    return this.value;
-                                },
-                                plus: function (t) {
-                                    return (t = new i.Number(t)), new i.Number(this + t, this.unit || t.unit);
-                                },
-                                minus: function (t) {
-                                    return (t = new i.Number(t)), new i.Number(this - t, this.unit || t.unit);
-                                },
-                                times: function (t) {
-                                    return (t = new i.Number(t)), new i.Number(this * t, this.unit || t.unit);
-                                },
-                                divide: function (t) {
-                                    return (t = new i.Number(t)), new i.Number(this / t, this.unit || t.unit);
-                                },
-                                to: function (t) {
-                                    var e = new i.Number(this);
-                                    return "string" == typeof t && (e.unit = t), e;
-                                },
-                                morph: function (t) {
-                                    return (this.destination = new i.Number(t)), t.relative && (this.destination.value += this.value), this;
-                                },
-                                at: function (t) {
-                                    return this.destination ? new i.Number(this.destination).minus(this).times(t).plus(this) : this;
-                                },
-                            },
-                        })),
-                        (i.Element = i.invent({
-                            create: function (t) {
-                                (this._stroke = i.defaults.attrs.stroke),
-                                    (this._event = null),
-                                    (this.dom = {}),
-                                    (this.node = t) && ((this.type = t.nodeName), (this.node.instance = this), (this._stroke = t.getAttribute("stroke") || this._stroke));
-                            },
-                            extend: {
-                                x: function (t) {
-                                    return this.attr("x", t);
-                                },
-                                y: function (t) {
-                                    return this.attr("y", t);
-                                },
-                                cx: function (t) {
-                                    return null == t ? this.x() + this.width() / 2 : this.x(t - this.width() / 2);
-                                },
-                                cy: function (t) {
-                                    return null == t ? this.y() + this.height() / 2 : this.y(t - this.height() / 2);
-                                },
-                                move: function (t, e) {
-                                    return this.x(t).y(e);
-                                },
-                                center: function (t, e) {
-                                    return this.cx(t).cy(e);
-                                },
-                                width: function (t) {
-                                    return this.attr("width", t);
-                                },
-                                height: function (t) {
-                                    return this.attr("height", t);
-                                },
-                                size: function (t, e) {
-                                    var a = f(this, t, e);
-                                    return this.width(new i.Number(a.width)).height(new i.Number(a.height));
-                                },
-                                clone: function (t) {
-                                    this.writeDataToDom();
-                                    var e = v(this.node.cloneNode(!0));
-                                    return t ? t.add(e) : this.after(e), e;
-                                },
-                                remove: function () {
-                                    return this.parent() && this.parent().removeElement(this), this;
-                                },
-                                replace: function (t) {
-                                    return this.after(t).remove(), t;
-                                },
-                                addTo: function (t) {
-                                    return t.put(this);
-                                },
-                                putIn: function (t) {
-                                    return t.add(this);
-                                },
-                                id: function (t) {
-                                    return this.attr("id", t);
-                                },
-                                inside: function (t, e) {
-                                    var i = this.bbox();
-                                    return t > i.x && e > i.y && t < i.x + i.width && e < i.y + i.height;
-                                },
-                                show: function () {
-                                    return this.style("display", "");
-                                },
-                                hide: function () {
-                                    return this.style("display", "none");
-                                },
-                                visible: function () {
-                                    return "none" != this.style("display");
-                                },
-                                toString: function () {
-                                    return this.attr("id");
-                                },
-                                classes: function () {
-                                    var t = this.attr("class");
-                                    return null == t ? [] : t.trim().split(i.regex.delimiter);
-                                },
-                                hasClass: function (t) {
-                                    return -1 != this.classes().indexOf(t);
-                                },
-                                addClass: function (t) {
-                                    if (!this.hasClass(t)) {
-                                        var e = this.classes();
-                                        e.push(t), this.attr("class", e.join(" "));
-                                    }
-                                    return this;
-                                },
-                                removeClass: function (t) {
-                                    return (
-                                        this.hasClass(t) &&
-                                            this.attr(
-                                                "class",
-                                                this.classes()
-                                                    .filter(function (e) {
-                                                        return e != t;
-                                                    })
-                                                    .join(" ")
-                                            ),
-                                        this
-                                    );
-                                },
-                                toggleClass: function (t) {
-                                    return this.hasClass(t) ? this.removeClass(t) : this.addClass(t);
-                                },
-                                reference: function (t) {
-                                    return i.get(this.attr(t));
-                                },
-                                parent: function (e) {
-                                    var a = this;
-                                    if (!a.node.parentNode) return null;
-                                    if (((a = i.adopt(a.node.parentNode)), !e)) return a;
-                                    for (; a && a.node instanceof t.SVGElement; ) {
-                                        if ("string" == typeof e ? a.matches(e) : a instanceof e) return a;
-                                        if (!a.node.parentNode || "#document" == a.node.parentNode.nodeName) return null;
-                                        a = i.adopt(a.node.parentNode);
-                                    }
-                                },
-                                doc: function () {
-                                    return this instanceof i.Doc ? this : this.parent(i.Doc);
-                                },
-                                parents: function (t) {
-                                    var e = [],
-                                        i = this;
-                                    do {
-                                        if (!(i = i.parent(t)) || !i.node) break;
-                                        e.push(i);
-                                    } while (i.parent);
-                                    return e;
-                                },
-                                matches: function (t) {
-                                    return (function (t, e) {
-                                        return (t.matches || t.matchesSelector || t.msMatchesSelector || t.mozMatchesSelector || t.webkitMatchesSelector || t.oMatchesSelector).call(t, e);
-                                    })(this.node, t);
-                                },
-                                native: function () {
-                                    return this.node;
-                                },
-                                svg: function (t) {
-                                    var a = e.createElement("svg");
-                                    if (!(t && this instanceof i.Parent))
-                                        return a.appendChild((t = e.createElement("svg"))), this.writeDataToDom(), t.appendChild(this.node.cloneNode(!0)), a.innerHTML.replace(/^<svg>/, "").replace(/<\/svg>$/, "");
-                                    a.innerHTML = "<svg>" + t.replace(/\n/, "").replace(/<([\w:-]+)([^<]+?)\/>/g, "<$1$2></$1>") + "</svg>";
-                                    for (var s = 0, n = a.firstChild.childNodes.length; s < n; s++) this.node.appendChild(a.firstChild.firstChild);
-                                    return this;
-                                },
-                                writeDataToDom: function () {
-                                    (this.each || this.lines) &&
-                                        (this.each ? this : this.lines()).each(function () {
-                                            this.writeDataToDom();
-                                        });
-                                    return this.node.removeAttribute("svgjs:data"), Object.keys(this.dom).length && this.node.setAttribute("svgjs:data", JSON.stringify(this.dom)), this;
-                                },
-                                setData: function (t) {
-                                    return (this.dom = t), this;
-                                },
-                                is: function (t) {
-                                    return (function (t, e) {
-                                        return t instanceof e;
-                                    })(this, t);
-                                },
-                            },
-                        })),
-                        (i.easing = {
-                            "-": function (t) {
-                                return t;
-                            },
-                            "<>": function (t) {
-                                return -Math.cos(t * Math.PI) / 2 + 0.5;
-                            },
-                            ">": function (t) {
-                                return Math.sin((t * Math.PI) / 2);
-                            },
-                            "<": function (t) {
-                                return 1 - Math.cos((t * Math.PI) / 2);
-                            },
-                        }),
-                        (i.morph = function (t) {
-                            return function (e, a) {
-                                return new i.MorphObj(e, a).at(t);
-                            };
-                        }),
-                        (i.Situation = i.invent({
-                            create: function (t) {
-                                (this.init = !1),
-                                    (this.reversed = !1),
-                                    (this.reversing = !1),
-                                    (this.duration = new i.Number(t.duration).valueOf()),
-                                    (this.delay = new i.Number(t.delay).valueOf()),
-                                    (this.start = +new Date() + this.delay),
-                                    (this.finish = this.start + this.duration),
-                                    (this.ease = t.ease),
-                                    (this.loop = 0),
-                                    (this.loops = !1),
-                                    (this.animations = {}),
-                                    (this.attrs = {}),
-                                    (this.styles = {}),
-                                    (this.transforms = []),
-                                    (this.once = {});
-                            },
-                        })),
-                        (i.FX = i.invent({
-                            create: function (t) {
-                                (this._target = t), (this.situations = []), (this.active = !1), (this.situation = null), (this.paused = !1), (this.lastPos = 0), (this.pos = 0), (this.absPos = 0), (this._speed = 1);
-                            },
-                            extend: {
-                                animate: function (t, e, a) {
-                                    "object" === s(t) && ((e = t.ease), (a = t.delay), (t = t.duration));
-                                    var n = new i.Situation({ duration: t || 1e3, delay: a || 0, ease: i.easing[e || "-"] || e });
-                                    return this.queue(n), this;
-                                },
-                                delay: function (t) {
-                                    var e = new i.Situation({ duration: t, delay: 0, ease: i.easing["-"] });
-                                    return this.queue(e);
-                                },
-                                target: function (t) {
-                                    return t && t instanceof i.Element ? ((this._target = t), this) : this._target;
-                                },
-                                timeToAbsPos: function (t) {
-                                    return (t - this.situation.start) / (this.situation.duration / this._speed);
-                                },
-                                absPosToTime: function (t) {
-                                    return (this.situation.duration / this._speed) * t + this.situation.start;
-                                },
-                                startAnimFrame: function () {
-                                    this.stopAnimFrame(),
-                                        (this.animationFrame = t.requestAnimationFrame(
-                                            function () {
-                                                this.step();
-                                            }.bind(this)
-                                        ));
-                                },
-                                stopAnimFrame: function () {
-                                    t.cancelAnimationFrame(this.animationFrame);
-                                },
-                                start: function () {
-                                    return !this.active && this.situation && ((this.active = !0), this.startCurrent()), this;
-                                },
-                                startCurrent: function () {
-                                    return (this.situation.start = +new Date() + this.situation.delay / this._speed), (this.situation.finish = this.situation.start + this.situation.duration / this._speed), this.initAnimations().step();
-                                },
-                                queue: function (t) {
-                                    return ("function" == typeof t || t instanceof i.Situation) && this.situations.push(t), this.situation || (this.situation = this.situations.shift()), this;
-                                },
-                                dequeue: function () {
-                                    return this.stop(), (this.situation = this.situations.shift()), this.situation && (this.situation instanceof i.Situation ? this.start() : this.situation.call(this)), this;
-                                },
-                                initAnimations: function () {
-                                    var t,
-                                        e,
-                                        a,
-                                        s = this.situation;
-                                    if (s.init) return this;
-                                    for (t in s.animations)
-                                        for (a = this.target()[t](), Array.isArray(a) || (a = [a]), Array.isArray(s.animations[t]) || (s.animations[t] = [s.animations[t]]), e = a.length; e--; )
-                                            s.animations[t][e] instanceof i.Number && (a[e] = new i.Number(a[e])), (s.animations[t][e] = a[e].morph(s.animations[t][e]));
-                                    for (t in s.attrs) s.attrs[t] = new i.MorphObj(this.target().attr(t), s.attrs[t]);
-                                    for (t in s.styles) s.styles[t] = new i.MorphObj(this.target().style(t), s.styles[t]);
-                                    return (s.initialTransformation = this.target().matrixify()), (s.init = !0), this;
-                                },
-                                clearQueue: function () {
-                                    return (this.situations = []), this;
-                                },
-                                clearCurrent: function () {
-                                    return (this.situation = null), this;
-                                },
-                                stop: function (t, e) {
-                                    var i = this.active;
-                                    return (this.active = !1), e && this.clearQueue(), t && this.situation && (!i && this.startCurrent(), this.atEnd()), this.stopAnimFrame(), this.clearCurrent();
-                                },
-                                reset: function () {
-                                    if (this.situation) {
-                                        var t = this.situation;
-                                        this.stop(), (this.situation = t), this.atStart();
-                                    }
-                                    return this;
-                                },
-                                finish: function () {
-                                    for (this.stop(!0, !1); this.dequeue().situation && this.stop(!0, !1); );
-                                    return this.clearQueue().clearCurrent(), this;
-                                },
-                                atStart: function () {
-                                    return this.at(0, !0);
-                                },
-                                atEnd: function () {
-                                    return !0 === this.situation.loops && (this.situation.loops = this.situation.loop + 1), "number" == typeof this.situation.loops ? this.at(this.situation.loops, !0) : this.at(1, !0);
-                                },
-                                at: function (t, e) {
-                                    var i = this.situation.duration / this._speed;
-                                    return (
-                                        (this.absPos = t),
-                                        e || (this.situation.reversed && (this.absPos = 1 - this.absPos), (this.absPos += this.situation.loop)),
-                                        (this.situation.start = +new Date() - this.absPos * i),
-                                        (this.situation.finish = this.situation.start + i),
-                                        this.step(!0)
-                                    );
-                                },
-                                speed: function (t) {
-                                    return 0 === t ? this.pause() : t ? ((this._speed = t), this.at(this.absPos, !0)) : this._speed;
-                                },
-                                loop: function (t, e) {
-                                    var i = this.last();
-                                    return (i.loops = null == t || t), (i.loop = 0), e && (i.reversing = !0), this;
-                                },
-                                pause: function () {
-                                    return (this.paused = !0), this.stopAnimFrame(), this;
-                                },
-                                play: function () {
-                                    return this.paused ? ((this.paused = !1), this.at(this.absPos, !0)) : this;
-                                },
-                                reverse: function (t) {
-                                    var e = this.last();
-                                    return (e.reversed = void 0 === t ? !e.reversed : t), this;
-                                },
-                                progress: function (t) {
-                                    return t ? this.situation.ease(this.pos) : this.pos;
-                                },
-                                after: function (t) {
-                                    var e = this.last();
-                                    return (
-                                        this.target().on("finished.fx", function i(a) {
-                                            a.detail.situation == e && (t.call(this, e), this.off("finished.fx", i));
-                                        }),
-                                        this._callStart()
-                                    );
-                                },
-                                during: function (t) {
-                                    var e = this.last(),
-                                        a = function (a) {
-                                            a.detail.situation == e && t.call(this, a.detail.pos, i.morph(a.detail.pos), a.detail.eased, e);
-                                        };
-                                    return (
-                                        this.target().off("during.fx", a).on("during.fx", a),
-                                        this.after(function () {
-                                            this.off("during.fx", a);
-                                        }),
-                                        this._callStart()
-                                    );
-                                },
-                                afterAll: function (t) {
-                                    var e = function e(i) {
-                                        t.call(this), this.off("allfinished.fx", e);
-                                    };
-                                    return this.target().off("allfinished.fx", e).on("allfinished.fx", e), this._callStart();
-                                },
-                                duringAll: function (t) {
-                                    var e = function (e) {
-                                        t.call(this, e.detail.pos, i.morph(e.detail.pos), e.detail.eased, e.detail.situation);
-                                    };
-                                    return (
-                                        this.target().off("during.fx", e).on("during.fx", e),
-                                        this.afterAll(function () {
-                                            this.off("during.fx", e);
-                                        }),
-                                        this._callStart()
-                                    );
-                                },
-                                last: function () {
-                                    return this.situations.length ? this.situations[this.situations.length - 1] : this.situation;
-                                },
-                                add: function (t, e, i) {
-                                    return (this.last()[i || "animations"][t] = e), this._callStart();
-                                },
-                                step: function (t) {
-                                    var e, i, a;
-                                    (t || (this.absPos = this.timeToAbsPos(+new Date())), !1 !== this.situation.loops)
-                                        ? ((e = Math.max(this.absPos, 0)),
-                                          (i = Math.floor(e)),
-                                          !0 === this.situation.loops || i < this.situation.loops
-                                              ? ((this.pos = e - i), (a = this.situation.loop), (this.situation.loop = i))
-                                              : ((this.absPos = this.situation.loops), (this.pos = 1), (a = this.situation.loop - 1), (this.situation.loop = this.situation.loops)),
-                                          this.situation.reversing && (this.situation.reversed = this.situation.reversed != Boolean((this.situation.loop - a) % 2)))
-                                        : ((this.absPos = Math.min(this.absPos, 1)), (this.pos = this.absPos));
-                                    this.pos < 0 && (this.pos = 0), this.situation.reversed && (this.pos = 1 - this.pos);
-                                    var s = this.situation.ease(this.pos);
-                                    for (var n in this.situation.once) n > this.lastPos && n <= s && (this.situation.once[n].call(this.target(), this.pos, s), delete this.situation.once[n]);
-                                    return (
-                                        this.active && this.target().fire("during", { pos: this.pos, eased: s, fx: this, situation: this.situation }),
-                                        this.situation
-                                            ? (this.eachAt(),
-                                              (1 == this.pos && !this.situation.reversed) || (this.situation.reversed && 0 == this.pos)
-                                                  ? (this.stopAnimFrame(),
-                                                    this.target().fire("finished", { fx: this, situation: this.situation }),
-                                                    this.situations.length || (this.target().fire("allfinished"), this.situations.length || (this.target().off(".fx"), (this.active = !1))),
-                                                    this.active ? this.dequeue() : this.clearCurrent())
-                                                  : !this.paused && this.active && this.startAnimFrame(),
-                                              (this.lastPos = s),
-                                              this)
-                                            : this
-                                    );
-                                },
-                                eachAt: function () {
-                                    var t,
-                                        e,
-                                        a,
-                                        s = this,
-                                        n = this.target(),
-                                        r = this.situation;
-                                    for (t in r.animations)
-                                        (a = [].concat(r.animations[t]).map(function (t) {
-                                            return "string" != typeof t && t.at ? t.at(r.ease(s.pos), s.pos) : t;
-                                        })),
-                                            n[t].apply(n, a);
-                                    for (t in r.attrs)
-                                        (a = [t].concat(r.attrs[t]).map(function (t) {
-                                            return "string" != typeof t && t.at ? t.at(r.ease(s.pos), s.pos) : t;
-                                        })),
-                                            n.attr.apply(n, a);
-                                    for (t in r.styles)
-                                        (a = [t].concat(r.styles[t]).map(function (t) {
-                                            return "string" != typeof t && t.at ? t.at(r.ease(s.pos), s.pos) : t;
-                                        })),
-                                            n.style.apply(n, a);
-                                    if (r.transforms.length) {
-                                        for (a = r.initialTransformation, t = 0, e = r.transforms.length; t < e; t++) {
-                                            var o = r.transforms[t];
-                                            o instanceof i.Matrix
-                                                ? (a = o.relative ? a.multiply(new i.Matrix().morph(o).at(r.ease(this.pos))) : a.morph(o).at(r.ease(this.pos)))
-                                                : (o.relative || o.undo(a.extract()), (a = a.multiply(o.at(r.ease(this.pos)))));
-                                        }
-                                        n.matrix(a);
-                                    }
-                                    return this;
-                                },
-                                once: function (t, e, i) {
-                                    var a = this.last();
-                                    return i || (t = a.ease(t)), (a.once[t] = e), this;
-                                },
-                                _callStart: function () {
-                                    return (
-                                        setTimeout(
-                                            function () {
-                                                this.start();
-                                            }.bind(this),
-                                            0
-                                        ),
-                                        this
-                                    );
-                                },
-                            },
-                            parent: i.Element,
-                            construct: {
-                                animate: function (t, e, a) {
-                                    return (this.fx || (this.fx = new i.FX(this))).animate(t, e, a);
-                                },
-                                delay: function (t) {
-                                    return (this.fx || (this.fx = new i.FX(this))).delay(t);
-                                },
-                                stop: function (t, e) {
-                                    return this.fx && this.fx.stop(t, e), this;
-                                },
-                                finish: function () {
-                                    return this.fx && this.fx.finish(), this;
-                                },
-                                pause: function () {
-                                    return this.fx && this.fx.pause(), this;
-                                },
-                                play: function () {
-                                    return this.fx && this.fx.play(), this;
-                                },
-                                speed: function (t) {
-                                    if (this.fx) {
-                                        if (null == t) return this.fx.speed();
-                                        this.fx.speed(t);
-                                    }
-                                    return this;
-                                },
-                            },
-                        })),
-                        (i.MorphObj = i.invent({
-                            create: function (t, e) {
-                                return i.Color.isColor(e)
-                                    ? new i.Color(t).morph(e)
-                                    : i.regex.delimiter.test(t)
-                                    ? i.regex.pathLetters.test(t)
-                                        ? new i.PathArray(t).morph(e)
-                                        : new i.Array(t).morph(e)
-                                    : i.regex.numberAndUnit.test(e)
-                                    ? new i.Number(t).morph(e)
-                                    : ((this.value = t), void (this.destination = e));
-                            },
-                            extend: {
-                                at: function (t, e) {
-                                    return e < 1 ? this.value : this.destination;
-                                },
-                                valueOf: function () {
-                                    return this.value;
-                                },
-                            },
-                        })),
-                        i.extend(i.FX, {
-                            attr: function (t, e, i) {
-                                if ("object" === s(t)) for (var a in t) this.attr(a, t[a]);
-                                else this.add(t, e, "attrs");
-                                return this;
-                            },
-                            style: function (t, e) {
-                                if ("object" === s(t)) for (var i in t) this.style(i, t[i]);
-                                else this.add(t, e, "styles");
-                                return this;
-                            },
-                            x: function (t, e) {
-                                if (this.target() instanceof i.G) return this.transform({ x: t }, e), this;
-                                var a = new i.Number(t);
-                                return (a.relative = e), this.add("x", a);
-                            },
-                            y: function (t, e) {
-                                if (this.target() instanceof i.G) return this.transform({ y: t }, e), this;
-                                var a = new i.Number(t);
-                                return (a.relative = e), this.add("y", a);
-                            },
-                            cx: function (t) {
-                                return this.add("cx", new i.Number(t));
-                            },
-                            cy: function (t) {
-                                return this.add("cy", new i.Number(t));
-                            },
-                            move: function (t, e) {
-                                return this.x(t).y(e);
-                            },
-                            center: function (t, e) {
-                                return this.cx(t).cy(e);
-                            },
-                            size: function (t, e) {
-                                var a;
-                                this.target() instanceof i.Text
-                                    ? this.attr("font-size", t)
-                                    : ((t && e) || (a = this.target().bbox()), t || (t = (a.width / a.height) * e), e || (e = (a.height / a.width) * t), this.add("width", new i.Number(t)).add("height", new i.Number(e)));
-                                return this;
-                            },
-                            width: function (t) {
-                                return this.add("width", new i.Number(t));
-                            },
-                            height: function (t) {
-                                return this.add("height", new i.Number(t));
-                            },
-                            plot: function (t, e, i, a) {
-                                return 4 == arguments.length ? this.plot([t, e, i, a]) : this.add("plot", new (this.target().morphArray)(t));
-                            },
-                            leading: function (t) {
-                                return this.target().leading ? this.add("leading", new i.Number(t)) : this;
-                            },
-                            viewbox: function (t, e, a, s) {
-                                return this.target() instanceof i.Container && this.add("viewbox", new i.ViewBox(t, e, a, s)), this;
-                            },
-                            update: function (t) {
-                                if (this.target() instanceof i.Stop) {
-                                    if ("number" == typeof t || t instanceof i.Number) return this.update({ offset: arguments[0], color: arguments[1], opacity: arguments[2] });
-                                    null != t.opacity && this.attr("stop-opacity", t.opacity), null != t.color && this.attr("stop-color", t.color), null != t.offset && this.attr("offset", t.offset);
-                                }
-                                return this;
-                            },
-                        }),
-                        (i.Box = i.invent({
-                            create: function (t, e, a, n) {
-                                if (!("object" !== s(t) || t instanceof i.Element)) return i.Box.call(this, null != t.left ? t.left : t.x, null != t.top ? t.top : t.y, t.width, t.height);
-                                4 == arguments.length && ((this.x = t), (this.y = e), (this.width = a), (this.height = n)), m(this);
-                            },
-                            extend: {
-                                merge: function (t) {
-                                    var e = new this.constructor();
-                                    return (
-                                        (e.x = Math.min(this.x, t.x)), (e.y = Math.min(this.y, t.y)), (e.width = Math.max(this.x + this.width, t.x + t.width) - e.x), (e.height = Math.max(this.y + this.height, t.y + t.height) - e.y), m(e)
-                                    );
-                                },
-                                transform: function (t) {
-                                    var e,
-                                        a = 1 / 0,
-                                        s = -1 / 0,
-                                        n = 1 / 0,
-                                        r = -1 / 0;
-                                    return (
-                                        [new i.Point(this.x, this.y), new i.Point(this.x2, this.y), new i.Point(this.x, this.y2), new i.Point(this.x2, this.y2)].forEach(function (e) {
-                                            (e = e.transform(t)), (a = Math.min(a, e.x)), (s = Math.max(s, e.x)), (n = Math.min(n, e.y)), (r = Math.max(r, e.y));
-                                        }),
-                                        ((e = new this.constructor()).x = a),
-                                        (e.width = s - a),
-                                        (e.y = n),
-                                        (e.height = r - n),
-                                        m(e),
-                                        e
-                                    );
-                                },
-                            },
-                        })),
-                        (i.BBox = i.invent({
-                            create: function (t) {
-                                if ((i.Box.apply(this, [].slice.call(arguments)), t instanceof i.Element)) {
-                                    var a;
-                                    try {
-                                        if (!e.documentElement.contains) {
-                                            for (var s = t.node; s.parentNode; ) s = s.parentNode;
-                                            if (s != e) throw new Error("Element not in the dom");
-                                        }
-                                        a = t.node.getBBox();
-                                    } catch (e) {
-                                        if (t instanceof i.Shape) {
-                                            i.parser.draw || i.prepare();
-                                            var n = t.clone(i.parser.draw.instance).show();
-                                            (a = n.node.getBBox()), n.remove();
-                                        } else a = { x: t.node.clientLeft, y: t.node.clientTop, width: t.node.clientWidth, height: t.node.clientHeight };
-                                    }
-                                    i.Box.call(this, a);
-                                }
-                            },
-                            inherit: i.Box,
-                            parent: i.Element,
-                            construct: {
-                                bbox: function () {
-                                    return new i.BBox(this);
-                                },
-                            },
-                        })),
-                        (i.BBox.prototype.constructor = i.BBox),
-                        i.extend(i.Element, {
-                            tbox: function () {
-                                return console.warn("Use of TBox is deprecated and mapped to RBox. Use .rbox() instead."), this.rbox(this.doc());
-                            },
-                        }),
-                        (i.RBox = i.invent({
-                            create: function (t) {
-                                i.Box.apply(this, [].slice.call(arguments)), t instanceof i.Element && i.Box.call(this, t.node.getBoundingClientRect());
-                            },
-                            inherit: i.Box,
-                            parent: i.Element,
-                            extend: {
-                                addOffset: function () {
-                                    return (this.x += t.pageXOffset), (this.y += t.pageYOffset), this;
-                                },
-                            },
-                            construct: {
-                                rbox: function (t) {
-                                    return t ? new i.RBox(this).transform(t.screenCTM().inverse()) : new i.RBox(this).addOffset();
-                                },
-                            },
-                        })),
-                        (i.RBox.prototype.constructor = i.RBox),
-                        (i.Matrix = i.invent({
-                            create: function (t) {
-                                var e,
-                                    a = p([1, 0, 0, 1, 0, 0]);
-                                for (
-                                    t =
-                                        t instanceof i.Element
-                                            ? t.matrixify()
-                                            : "string" == typeof t
-                                            ? p(t.split(i.regex.delimiter).map(parseFloat))
-                                            : 6 == arguments.length
-                                            ? p([].slice.call(arguments))
-                                            : Array.isArray(t)
-                                            ? p(t)
-                                            : "object" === s(t)
-                                            ? t
-                                            : a,
-                                        e = y.length - 1;
-                                    e >= 0;
-                                    --e
-                                )
-                                    this[y[e]] = null != t[y[e]] ? t[y[e]] : a[y[e]];
-                            },
-                            extend: {
-                                extract: function () {
-                                    var t = g(this, 0, 1),
-                                        e = g(this, 1, 0),
-                                        a = (180 / Math.PI) * Math.atan2(t.y, t.x) - 90;
-                                    return {
-                                        x: this.e,
-                                        y: this.f,
-                                        transformedX: (this.e * Math.cos((a * Math.PI) / 180) + this.f * Math.sin((a * Math.PI) / 180)) / Math.sqrt(this.a * this.a + this.b * this.b),
-                                        transformedY: (this.f * Math.cos((a * Math.PI) / 180) + this.e * Math.sin((-a * Math.PI) / 180)) / Math.sqrt(this.c * this.c + this.d * this.d),
-                                        skewX: -a,
-                                        skewY: (180 / Math.PI) * Math.atan2(e.y, e.x),
-                                        scaleX: Math.sqrt(this.a * this.a + this.b * this.b),
-                                        scaleY: Math.sqrt(this.c * this.c + this.d * this.d),
-                                        rotation: a,
-                                        a: this.a,
-                                        b: this.b,
-                                        c: this.c,
-                                        d: this.d,
-                                        e: this.e,
-                                        f: this.f,
-                                        matrix: new i.Matrix(this),
-                                    };
-                                },
-                                clone: function () {
-                                    return new i.Matrix(this);
-                                },
-                                morph: function (t) {
-                                    return (this.destination = new i.Matrix(t)), this;
-                                },
-                                at: function (t) {
-                                    return this.destination
-                                        ? new i.Matrix({
-                                              a: this.a + (this.destination.a - this.a) * t,
-                                              b: this.b + (this.destination.b - this.b) * t,
-                                              c: this.c + (this.destination.c - this.c) * t,
-                                              d: this.d + (this.destination.d - this.d) * t,
-                                              e: this.e + (this.destination.e - this.e) * t,
-                                              f: this.f + (this.destination.f - this.f) * t,
-                                          })
-                                        : this;
-                                },
-                                multiply: function (t) {
-                                    return new i.Matrix(
-                                        this.native().multiply(
-                                            (function (t) {
-                                                t instanceof i.Matrix || (t = new i.Matrix(t));
-                                                return t;
-                                            })(t).native()
-                                        )
-                                    );
-                                },
-                                inverse: function () {
-                                    return new i.Matrix(this.native().inverse());
-                                },
-                                translate: function (t, e) {
-                                    return new i.Matrix(this.native().translate(t || 0, e || 0));
-                                },
-                                scale: function (t, e, a, s) {
-                                    return 1 == arguments.length ? (e = t) : 3 == arguments.length && ((s = a), (a = e), (e = t)), this.around(a, s, new i.Matrix(t, 0, 0, e, 0, 0));
-                                },
-                                rotate: function (t, e, a) {
-                                    return (t = i.utils.radians(t)), this.around(e, a, new i.Matrix(Math.cos(t), Math.sin(t), -Math.sin(t), Math.cos(t), 0, 0));
-                                },
-                                flip: function (t, e) {
-                                    return "x" == t ? this.scale(-1, 1, e, 0) : "y" == t ? this.scale(1, -1, 0, e) : this.scale(-1, -1, t, null != e ? e : t);
-                                },
-                                skew: function (t, e, a, s) {
-                                    return (
-                                        1 == arguments.length ? (e = t) : 3 == arguments.length && ((s = a), (a = e), (e = t)),
-                                        (t = i.utils.radians(t)),
-                                        (e = i.utils.radians(e)),
-                                        this.around(a, s, new i.Matrix(1, Math.tan(e), Math.tan(t), 1, 0, 0))
-                                    );
-                                },
-                                skewX: function (t, e, i) {
-                                    return this.skew(t, 0, e, i);
-                                },
-                                skewY: function (t, e, i) {
-                                    return this.skew(0, t, e, i);
-                                },
-                                around: function (t, e, a) {
-                                    return this.multiply(new i.Matrix(1, 0, 0, 1, t || 0, e || 0))
-                                        .multiply(a)
-                                        .multiply(new i.Matrix(1, 0, 0, 1, -t || 0, -e || 0));
-                                },
-                                native: function () {
-                                    for (var t = i.parser.native.createSVGMatrix(), e = y.length - 1; e >= 0; e--) t[y[e]] = this[y[e]];
-                                    return t;
-                                },
-                                toString: function () {
-                                    return "matrix(" + b(this.a) + "," + b(this.b) + "," + b(this.c) + "," + b(this.d) + "," + b(this.e) + "," + b(this.f) + ")";
-                                },
-                            },
-                            parent: i.Element,
-                            construct: {
-                                ctm: function () {
-                                    return new i.Matrix(this.node.getCTM());
-                                },
-                                screenCTM: function () {
-                                    if (this instanceof i.Nested) {
-                                        var t = this.rect(1, 1),
-                                            e = t.node.getScreenCTM();
-                                        return t.remove(), new i.Matrix(e);
-                                    }
-                                    return new i.Matrix(this.node.getScreenCTM());
-                                },
-                            },
-                        })),
-                        (i.Point = i.invent({
-                            create: function (t, e) {
-                                var i;
-                                (i = Array.isArray(t) ? { x: t[0], y: t[1] } : "object" === s(t) ? { x: t.x, y: t.y } : null != t ? { x: t, y: null != e ? e : t } : { x: 0, y: 0 }), (this.x = i.x), (this.y = i.y);
-                            },
-                            extend: {
-                                clone: function () {
-                                    return new i.Point(this);
-                                },
-                                morph: function (t, e) {
-                                    return (this.destination = new i.Point(t, e)), this;
-                                },
-                                at: function (t) {
-                                    return this.destination ? new i.Point({ x: this.x + (this.destination.x - this.x) * t, y: this.y + (this.destination.y - this.y) * t }) : this;
-                                },
-                                native: function () {
-                                    var t = i.parser.native.createSVGPoint();
-                                    return (t.x = this.x), (t.y = this.y), t;
-                                },
-                                transform: function (t) {
-                                    return new i.Point(this.native().matrixTransform(t.native()));
-                                },
-                            },
-                        })),
-                        i.extend(i.Element, {
-                            point: function (t, e) {
-                                return new i.Point(t, e).transform(this.screenCTM().inverse());
-                            },
-                        }),
-                        i.extend(i.Element, {
-                            attr: function (t, e, a) {
-                                if (null == t) {
-                                    for (t = {}, a = (e = this.node.attributes).length - 1; a >= 0; a--) t[e[a].nodeName] = i.regex.isNumber.test(e[a].nodeValue) ? parseFloat(e[a].nodeValue) : e[a].nodeValue;
-                                    return t;
-                                }
-                                if ("object" === s(t)) for (e in t) this.attr(e, t[e]);
-                                else if (null === e) this.node.removeAttribute(t);
-                                else {
-                                    if (null == e) return null == (e = this.node.getAttribute(t)) ? i.defaults.attrs[t] : i.regex.isNumber.test(e) ? parseFloat(e) : e;
-                                    "stroke-width" == t ? this.attr("stroke", parseFloat(e) > 0 ? this._stroke : null) : "stroke" == t && (this._stroke = e),
-                                        ("fill" != t && "stroke" != t) ||
-                                            (i.regex.isImage.test(e) && (e = this.doc().defs().image(e, 0, 0)),
-                                            e instanceof i.Image &&
-                                                (e = this.doc()
-                                                    .defs()
-                                                    .pattern(0, 0, function () {
-                                                        this.add(e);
-                                                    }))),
-                                        "number" == typeof e ? (e = new i.Number(e)) : i.Color.isColor(e) ? (e = new i.Color(e)) : Array.isArray(e) && (e = new i.Array(e)),
-                                        "leading" == t ? this.leading && this.leading(e) : "string" == typeof a ? this.node.setAttributeNS(a, t, e.toString()) : this.node.setAttribute(t, e.toString()),
-                                        !this.rebuild || ("font-size" != t && "x" != t) || this.rebuild(t, e);
-                                }
-                                return this;
-                            },
-                        }),
-                        i.extend(i.Element, {
-                            transform: function (t, e) {
-                                var a, n;
-                                if ("object" !== s(t)) return (a = new i.Matrix(this).extract()), "string" == typeof t ? a[t] : a;
-                                if (((a = new i.Matrix(this)), (e = !!e || !!t.relative), null != t.a)) a = e ? a.multiply(new i.Matrix(t)) : new i.Matrix(t);
-                                else if (null != t.rotation) x(t, this), (a = e ? a.rotate(t.rotation, t.cx, t.cy) : a.rotate(t.rotation - a.extract().rotation, t.cx, t.cy));
-                                else if (null != t.scale || null != t.scaleX || null != t.scaleY) {
-                                    if ((x(t, this), (t.scaleX = null != t.scale ? t.scale : null != t.scaleX ? t.scaleX : 1), (t.scaleY = null != t.scale ? t.scale : null != t.scaleY ? t.scaleY : 1), !e)) {
-                                        var r = a.extract();
-                                        (t.scaleX = (1 * t.scaleX) / r.scaleX), (t.scaleY = (1 * t.scaleY) / r.scaleY);
-                                    }
-                                    a = a.scale(t.scaleX, t.scaleY, t.cx, t.cy);
-                                } else if (null != t.skew || null != t.skewX || null != t.skewY) {
-                                    if ((x(t, this), (t.skewX = null != t.skew ? t.skew : null != t.skewX ? t.skewX : 0), (t.skewY = null != t.skew ? t.skew : null != t.skewY ? t.skewY : 0), !e)) {
-                                        r = a.extract();
-                                        a = a.multiply(new i.Matrix().skew(r.skewX, r.skewY, t.cx, t.cy).inverse());
-                                    }
-                                    a = a.skew(t.skewX, t.skewY, t.cx, t.cy);
-                                } else
-                                    t.flip
-                                        ? ("x" == t.flip || "y" == t.flip
-                                              ? (t.offset = null == t.offset ? this.bbox()["c" + t.flip] : t.offset)
-                                              : null == t.offset
-                                              ? ((n = this.bbox()), (t.flip = n.cx), (t.offset = n.cy))
-                                              : (t.flip = t.offset),
-                                          (a = new i.Matrix().flip(t.flip, t.offset)))
-                                        : (null == t.x && null == t.y) || (e ? (a = a.translate(t.x, t.y)) : (null != t.x && (a.e = t.x), null != t.y && (a.f = t.y)));
-                                return this.attr("transform", a);
-                            },
-                        }),
-                        i.extend(i.FX, {
-                            transform: function (t, e) {
-                                var a,
-                                    n,
-                                    r = this.target();
-                                return "object" !== s(t)
-                                    ? ((a = new i.Matrix(r).extract()), "string" == typeof t ? a[t] : a)
-                                    : ((e = !!e || !!t.relative),
-                                      null != t.a
-                                          ? (a = new i.Matrix(t))
-                                          : null != t.rotation
-                                          ? (x(t, r), (a = new i.Rotate(t.rotation, t.cx, t.cy)))
-                                          : null != t.scale || null != t.scaleX || null != t.scaleY
-                                          ? (x(t, r),
-                                            (t.scaleX = null != t.scale ? t.scale : null != t.scaleX ? t.scaleX : 1),
-                                            (t.scaleY = null != t.scale ? t.scale : null != t.scaleY ? t.scaleY : 1),
-                                            (a = new i.Scale(t.scaleX, t.scaleY, t.cx, t.cy)))
-                                          : null != t.skewX || null != t.skewY
-                                          ? (x(t, r), (t.skewX = null != t.skewX ? t.skewX : 0), (t.skewY = null != t.skewY ? t.skewY : 0), (a = new i.Skew(t.skewX, t.skewY, t.cx, t.cy)))
-                                          : t.flip
-                                          ? ("x" == t.flip || "y" == t.flip ? (t.offset = null == t.offset ? r.bbox()["c" + t.flip] : t.offset) : null == t.offset ? ((n = r.bbox()), (t.flip = n.cx), (t.offset = n.cy)) : (t.flip = t.offset),
-                                            (a = new i.Matrix().flip(t.flip, t.offset)))
-                                          : (null == t.x && null == t.y) || (a = new i.Translate(t.x, t.y)),
-                                      a ? ((a.relative = e), this.last().transforms.push(a), this._callStart()) : this);
-                            },
-                        }),
-                        i.extend(i.Element, {
-                            untransform: function () {
-                                return this.attr("transform", null);
-                            },
-                            matrixify: function () {
-                                return (this.attr("transform") || "")
-                                    .split(i.regex.transforms)
-                                    .slice(0, -1)
-                                    .map(function (t) {
-                                        var e = t.trim().split("(");
-                                        return [
-                                            e[0],
-                                            e[1].split(i.regex.delimiter).map(function (t) {
-                                                return parseFloat(t);
-                                            }),
-                                        ];
-                                    })
-                                    .reduce(function (t, e) {
-                                        return "matrix" == e[0] ? t.multiply(p(e[1])) : t[e[0]].apply(t, e[1]);
-                                    }, new i.Matrix());
-                            },
-                            toParent: function (t) {
-                                if (this == t) return this;
-                                var e = this.screenCTM(),
-                                    i = t.screenCTM().inverse();
-                                return this.addTo(t).untransform().transform(i.multiply(e)), this;
-                            },
-                            toDoc: function () {
-                                return this.toParent(this.doc());
-                            },
-                        }),
-                        (i.Transformation = i.invent({
-                            create: function (t, e) {
-                                if (arguments.length > 1 && "boolean" != typeof e) return this.constructor.call(this, [].slice.call(arguments));
-                                if (Array.isArray(t)) for (var i = 0, a = this.arguments.length; i < a; ++i) this[this.arguments[i]] = t[i];
-                                else if ("object" === s(t)) for (i = 0, a = this.arguments.length; i < a; ++i) this[this.arguments[i]] = t[this.arguments[i]];
-                                (this.inversed = !1), !0 === e && (this.inversed = !0);
-                            },
-                            extend: {
-                                arguments: [],
-                                method: "",
-                                at: function (t) {
-                                    for (var e = [], a = 0, s = this.arguments.length; a < s; ++a) e.push(this[this.arguments[a]]);
-                                    var n = this._undo || new i.Matrix();
-                                    return (n = new i.Matrix().morph(i.Matrix.prototype[this.method].apply(n, e)).at(t)), this.inversed ? n.inverse() : n;
-                                },
-                                undo: function (t) {
-                                    for (var e = 0, a = this.arguments.length; e < a; ++e) t[this.arguments[e]] = void 0 === this[this.arguments[e]] ? 0 : t[this.arguments[e]];
-                                    return (t.cx = this.cx), (t.cy = this.cy), (this._undo = new i[d(this.method)](t, !0).at(1)), this;
-                                },
-                            },
-                        })),
-                        (i.Translate = i.invent({
-                            parent: i.Matrix,
-                            inherit: i.Transformation,
-                            create: function (t, e) {
-                                this.constructor.apply(this, [].slice.call(arguments));
-                            },
-                            extend: { arguments: ["transformedX", "transformedY"], method: "translate" },
-                        })),
-                        (i.Rotate = i.invent({
-                            parent: i.Matrix,
-                            inherit: i.Transformation,
-                            create: function (t, e) {
-                                this.constructor.apply(this, [].slice.call(arguments));
-                            },
-                            extend: {
-                                arguments: ["rotation", "cx", "cy"],
-                                method: "rotate",
-                                at: function (t) {
-                                    var e = new i.Matrix().rotate(new i.Number().morph(this.rotation - (this._undo ? this._undo.rotation : 0)).at(t), this.cx, this.cy);
-                                    return this.inversed ? e.inverse() : e;
-                                },
-                                undo: function (t) {
-                                    return (this._undo = t), this;
-                                },
-                            },
-                        })),
-                        (i.Scale = i.invent({
-                            parent: i.Matrix,
-                            inherit: i.Transformation,
-                            create: function (t, e) {
-                                this.constructor.apply(this, [].slice.call(arguments));
-                            },
-                            extend: { arguments: ["scaleX", "scaleY", "cx", "cy"], method: "scale" },
-                        })),
-                        (i.Skew = i.invent({
-                            parent: i.Matrix,
-                            inherit: i.Transformation,
-                            create: function (t, e) {
-                                this.constructor.apply(this, [].slice.call(arguments));
-                            },
-                            extend: { arguments: ["skewX", "skewY", "cx", "cy"], method: "skew" },
-                        })),
-                        i.extend(i.Element, {
-                            style: function (t, e) {
-                                if (0 == arguments.length) return this.node.style.cssText || "";
-                                if (arguments.length < 2)
-                                    if ("object" === s(t)) for (e in t) this.style(e, t[e]);
-                                    else {
-                                        if (!i.regex.isCss.test(t)) return this.node.style[c(t)];
-                                        for (
-                                            t = t
-                                                .split(/\s*;\s*/)
-                                                .filter(function (t) {
-                                                    return !!t;
-                                                })
-                                                .map(function (t) {
-                                                    return t.split(/\s*:\s*/);
-                                                });
-                                            (e = t.pop());
-
-                                        )
-                                            this.style(e[0], e[1]);
-                                    }
-                                else this.node.style[c(t)] = null === e || i.regex.isBlank.test(e) ? "" : e;
-                                return this;
-                            },
-                        }),
-                        (i.Parent = i.invent({
-                            create: function (t) {
-                                this.constructor.call(this, t);
-                            },
-                            inherit: i.Element,
-                            extend: {
-                                children: function () {
-                                    return i.utils.map(i.utils.filterSVGElements(this.node.childNodes), function (t) {
-                                        return i.adopt(t);
-                                    });
-                                },
-                                add: function (t, e) {
-                                    return null == e ? this.node.appendChild(t.node) : t.node != this.node.childNodes[e] && this.node.insertBefore(t.node, this.node.childNodes[e]), this;
-                                },
-                                put: function (t, e) {
-                                    return this.add(t, e), t;
-                                },
-                                has: function (t) {
-                                    return this.index(t) >= 0;
-                                },
-                                index: function (t) {
-                                    return [].slice.call(this.node.childNodes).indexOf(t.node);
-                                },
-                                get: function (t) {
-                                    return i.adopt(this.node.childNodes[t]);
-                                },
-                                first: function () {
-                                    return this.get(0);
-                                },
-                                last: function () {
-                                    return this.get(this.node.childNodes.length - 1);
-                                },
-                                each: function (t, e) {
-                                    var a,
-                                        s,
-                                        n = this.children();
-                                    for (a = 0, s = n.length; a < s; a++) n[a] instanceof i.Element && t.apply(n[a], [a, n]), e && n[a] instanceof i.Container && n[a].each(t, e);
-                                    return this;
-                                },
-                                removeElement: function (t) {
-                                    return this.node.removeChild(t.node), this;
-                                },
-                                clear: function () {
-                                    for (; this.node.hasChildNodes(); ) this.node.removeChild(this.node.lastChild);
-                                    return delete this._defs, this;
-                                },
-                                defs: function () {
-                                    return this.doc().defs();
-                                },
-                            },
-                        })),
-                        i.extend(i.Parent, {
-                            ungroup: function (t, e) {
-                                return 0 === e || this instanceof i.Defs || this.node == i.parser.draw
-                                    ? this
-                                    : ((t = t || (this instanceof i.Doc ? this : this.parent(i.Parent))),
-                                      (e = e || 1 / 0),
-                                      this.each(function () {
-                                          return this instanceof i.Defs ? this : this instanceof i.Parent ? this.ungroup(t, e - 1) : this.toParent(t);
-                                      }),
-                                      this.node.firstChild || this.remove(),
-                                      this);
-                            },
-                            flatten: function (t, e) {
-                                return this.ungroup(t, e);
-                            },
-                        }),
-                        (i.Container = i.invent({
-                            create: function (t) {
-                                this.constructor.call(this, t);
-                            },
-                            inherit: i.Parent,
-                        })),
-                        (i.ViewBox = i.invent({
-                            create: function (t) {
-                                var e,
-                                    a,
-                                    n,
-                                    r,
-                                    o,
-                                    l,
-                                    h,
-                                    c = 1,
-                                    d = 1,
-                                    u = /[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?/gi;
-                                if (t instanceof i.Element) {
-                                    for (l = t, h = t, o = (t.attr("viewBox") || "").match(u), t.bbox, n = new i.Number(t.width()), r = new i.Number(t.height()); "%" == n.unit; )
-                                        (c *= n.value), (n = new i.Number(l instanceof i.Doc ? l.parent().offsetWidth : l.parent().width())), (l = l.parent());
-                                    for (; "%" == r.unit; ) (d *= r.value), (r = new i.Number(h instanceof i.Doc ? h.parent().offsetHeight : h.parent().height())), (h = h.parent());
-                                    (this.x = 0),
-                                        (this.y = 0),
-                                        (this.width = n * c),
-                                        (this.height = r * d),
-                                        (this.zoom = 1),
-                                        o &&
-                                            ((e = parseFloat(o[0])),
-                                            (a = parseFloat(o[1])),
-                                            (n = parseFloat(o[2])),
-                                            (r = parseFloat(o[3])),
-                                            (this.zoom = this.width / this.height > n / r ? this.height / r : this.width / n),
-                                            (this.x = e),
-                                            (this.y = a),
-                                            (this.width = n),
-                                            (this.height = r));
-                                } else
-                                    (t =
-                                        "string" == typeof t
-                                            ? t.match(u).map(function (t) {
-                                                  return parseFloat(t);
-                                              })
-                                            : Array.isArray(t)
-                                            ? t
-                                            : "object" === s(t)
-                                            ? [t.x, t.y, t.width, t.height]
-                                            : 4 == arguments.length
-                                            ? [].slice.call(arguments)
-                                            : [0, 0, 0, 0]),
-                                        (this.x = t[0]),
-                                        (this.y = t[1]),
-                                        (this.width = t[2]),
-                                        (this.height = t[3]);
-                            },
-                            extend: {
-                                toString: function () {
-                                    return this.x + " " + this.y + " " + this.width + " " + this.height;
-                                },
-                                morph: function (t, e, a, s) {
-                                    return (this.destination = new i.ViewBox(t, e, a, s)), this;
-                                },
-                                at: function (t) {
-                                    return this.destination
-                                        ? new i.ViewBox([
-                                              this.x + (this.destination.x - this.x) * t,
-                                              this.y + (this.destination.y - this.y) * t,
-                                              this.width + (this.destination.width - this.width) * t,
-                                              this.height + (this.destination.height - this.height) * t,
-                                          ])
-                                        : this;
-                                },
-                            },
-                            parent: i.Container,
-                            construct: {
-                                viewbox: function (t, e, a, s) {
-                                    return 0 == arguments.length ? new i.ViewBox(this) : this.attr("viewBox", new i.ViewBox(t, e, a, s));
-                                },
-                            },
-                        })),
-                        ["click", "dblclick", "mousedown", "mouseup", "mouseover", "mouseout", "mousemove", "touchstart", "touchmove", "touchleave", "touchend", "touchcancel"].forEach(function (t) {
-                            i.Element.prototype[t] = function (e) {
-                                return i.on(this.node, t, e), this;
-                            };
-                        }),
-                        (i.listeners = []),
-                        (i.handlerMap = []),
-                        (i.listenerId = 0),
-                        (i.on = function (t, e, a, s, n) {
-                            var r = a.bind(s || t.instance || t),
-                                o = (i.handlerMap.indexOf(t) + 1 || i.handlerMap.push(t)) - 1,
-                                l = e.split(".")[0],
-                                h = e.split(".")[1] || "*";
-                            (i.listeners[o] = i.listeners[o] || {}),
-                                (i.listeners[o][l] = i.listeners[o][l] || {}),
-                                (i.listeners[o][l][h] = i.listeners[o][l][h] || {}),
-                                a._svgjsListenerId || (a._svgjsListenerId = ++i.listenerId),
-                                (i.listeners[o][l][h][a._svgjsListenerId] = r),
-                                t.addEventListener(l, r, n || !1);
-                        }),
-                        (i.off = function (t, e, a) {
-                            var s = i.handlerMap.indexOf(t),
-                                n = e && e.split(".")[0],
-                                r = e && e.split(".")[1],
-                                o = "";
-                            if (-1 != s)
-                                if (a) {
-                                    if (("function" == typeof a && (a = a._svgjsListenerId), !a)) return;
-                                    i.listeners[s][n] && i.listeners[s][n][r || "*"] && (t.removeEventListener(n, i.listeners[s][n][r || "*"][a], !1), delete i.listeners[s][n][r || "*"][a]);
-                                } else if (r && n) {
-                                    if (i.listeners[s][n] && i.listeners[s][n][r]) {
-                                        for (a in i.listeners[s][n][r]) i.off(t, [n, r].join("."), a);
-                                        delete i.listeners[s][n][r];
-                                    }
-                                } else if (r) for (e in i.listeners[s]) for (o in i.listeners[s][e]) r === o && i.off(t, [e, r].join("."));
-                                else if (n) {
-                                    if (i.listeners[s][n]) {
-                                        for (o in i.listeners[s][n]) i.off(t, [n, o].join("."));
-                                        delete i.listeners[s][n];
-                                    }
-                                } else {
-                                    for (e in i.listeners[s]) i.off(t, e);
-                                    delete i.listeners[s], delete i.handlerMap[s];
-                                }
-                        }),
-                        i.extend(i.Element, {
-                            on: function (t, e, a, s) {
-                                return i.on(this.node, t, e, a, s), this;
-                            },
-                            off: function (t, e) {
-                                return i.off(this.node, t, e), this;
-                            },
-                            fire: function (e, a) {
-                                return e instanceof t.Event ? this.node.dispatchEvent(e) : this.node.dispatchEvent((e = new i.CustomEvent(e, { detail: a, cancelable: !0 }))), (this._event = e), this;
-                            },
-                            event: function () {
-                                return this._event;
-                            },
-                        }),
-                        (i.Defs = i.invent({ create: "defs", inherit: i.Container })),
-                        (i.G = i.invent({
-                            create: "g",
-                            inherit: i.Container,
-                            extend: {
-                                x: function (t) {
-                                    return null == t ? this.transform("x") : this.transform({ x: t - this.x() }, !0);
-                                },
-                                y: function (t) {
-                                    return null == t ? this.transform("y") : this.transform({ y: t - this.y() }, !0);
-                                },
-                                cx: function (t) {
-                                    return null == t ? this.gbox().cx : this.x(t - this.gbox().width / 2);
-                                },
-                                cy: function (t) {
-                                    return null == t ? this.gbox().cy : this.y(t - this.gbox().height / 2);
-                                },
-                                gbox: function () {
-                                    var t = this.bbox(),
-                                        e = this.transform();
-                                    return (t.x += e.x), (t.x2 += e.x), (t.cx += e.x), (t.y += e.y), (t.y2 += e.y), (t.cy += e.y), t;
-                                },
-                            },
-                            construct: {
-                                group: function () {
-                                    return this.put(new i.G());
-                                },
-                            },
-                        })),
-                        (i.Doc = i.invent({
-                            create: function (t) {
-                                t &&
-                                    ("svg" == (t = "string" == typeof t ? e.getElementById(t) : t).nodeName
-                                        ? this.constructor.call(this, t)
-                                        : (this.constructor.call(this, i.create("svg")), t.appendChild(this.node), this.size("100%", "100%")),
-                                    this.namespace().defs());
-                            },
-                            inherit: i.Container,
-                            extend: {
-                                namespace: function () {
-                                    return this.attr({ xmlns: i.ns, version: "1.1" }).attr("xmlns:xlink", i.xlink, i.xmlns).attr("xmlns:svgjs", i.svgjs, i.xmlns);
-                                },
-                                defs: function () {
-                                    var t;
-                                    this._defs || ((t = this.node.getElementsByTagName("defs")[0]) ? (this._defs = i.adopt(t)) : (this._defs = new i.Defs()), this.node.appendChild(this._defs.node));
-                                    return this._defs;
-                                },
-                                parent: function () {
-                                    return this.node.parentNode && "#document" != this.node.parentNode.nodeName ? this.node.parentNode : null;
-                                },
-                                spof: function () {
-                                    var t = this.node.getScreenCTM();
-                                    return t && this.style("left", (-t.e % 1) + "px").style("top", (-t.f % 1) + "px"), this;
-                                },
-                                remove: function () {
-                                    return this.parent() && this.parent().removeChild(this.node), this;
-                                },
-                                clear: function () {
-                                    for (; this.node.hasChildNodes(); ) this.node.removeChild(this.node.lastChild);
-                                    return delete this._defs, i.parser.draw && !i.parser.draw.parentNode && this.node.appendChild(i.parser.draw), this;
-                                },
-                                clone: function (t) {
-                                    this.writeDataToDom();
-                                    var e = this.node,
-                                        i = v(e.cloneNode(!0));
-                                    return t ? (t.node || t).appendChild(i.node) : e.parentNode.insertBefore(i.node, e.nextSibling), i;
-                                },
-                            },
-                        })),
-                        i.extend(i.Element, {
-                            siblings: function () {
-                                return this.parent().children();
-                            },
-                            position: function () {
-                                return this.parent().index(this);
-                            },
-                            next: function () {
-                                return this.siblings()[this.position() + 1];
-                            },
-                            previous: function () {
-                                return this.siblings()[this.position() - 1];
-                            },
-                            forward: function () {
-                                var t = this.position() + 1,
-                                    e = this.parent();
-                                return e.removeElement(this).add(this, t), e instanceof i.Doc && e.node.appendChild(e.defs().node), this;
-                            },
-                            backward: function () {
-                                var t = this.position();
-                                return (
-                                    t > 0 &&
-                                        this.parent()
-                                            .removeElement(this)
-                                            .add(this, t - 1),
-                                    this
-                                );
-                            },
-                            front: function () {
-                                var t = this.parent();
-                                return t.node.appendChild(this.node), t instanceof i.Doc && t.node.appendChild(t.defs().node), this;
-                            },
-                            back: function () {
-                                return this.position() > 0 && this.parent().removeElement(this).add(this, 0), this;
-                            },
-                            before: function (t) {
-                                t.remove();
-                                var e = this.position();
-                                return this.parent().add(t, e), this;
-                            },
-                            after: function (t) {
-                                t.remove();
-                                var e = this.position();
-                                return this.parent().add(t, e + 1), this;
-                            },
-                        }),
-                        (i.Mask = i.invent({
-                            create: function () {
-                                this.constructor.call(this, i.create("mask")), (this.targets = []);
-                            },
-                            inherit: i.Container,
-                            extend: {
-                                remove: function () {
-                                    for (var t = this.targets.length - 1; t >= 0; t--) this.targets[t] && this.targets[t].unmask();
-                                    return (this.targets = []), i.Element.prototype.remove.call(this), this;
-                                },
-                            },
-                            construct: {
-                                mask: function () {
-                                    return this.defs().put(new i.Mask());
-                                },
-                            },
-                        })),
-                        i.extend(i.Element, {
-                            maskWith: function (t) {
-                                return (this.masker = t instanceof i.Mask ? t : this.parent().mask().add(t)), this.masker.targets.push(this), this.attr("mask", 'url("#' + this.masker.attr("id") + '")');
-                            },
-                            unmask: function () {
-                                return delete this.masker, this.attr("mask", null);
-                            },
-                        }),
-                        (i.ClipPath = i.invent({
-                            create: function () {
-                                this.constructor.call(this, i.create("clipPath")), (this.targets = []);
-                            },
-                            inherit: i.Container,
-                            extend: {
-                                remove: function () {
-                                    for (var t = this.targets.length - 1; t >= 0; t--) this.targets[t] && this.targets[t].unclip();
-                                    return (this.targets = []), this.parent().removeElement(this), this;
-                                },
-                            },
-                            construct: {
-                                clip: function () {
-                                    return this.defs().put(new i.ClipPath());
-                                },
-                            },
-                        })),
-                        i.extend(i.Element, {
-                            clipWith: function (t) {
-                                return (this.clipper = t instanceof i.ClipPath ? t : this.parent().clip().add(t)), this.clipper.targets.push(this), this.attr("clip-path", 'url("#' + this.clipper.attr("id") + '")');
-                            },
-                            unclip: function () {
-                                return delete this.clipper, this.attr("clip-path", null);
-                            },
-                        }),
-                        (i.Gradient = i.invent({
-                            create: function (t) {
-                                this.constructor.call(this, i.create(t + "Gradient")), (this.type = t);
-                            },
-                            inherit: i.Container,
-                            extend: {
-                                at: function (t, e, a) {
-                                    return this.put(new i.Stop()).update(t, e, a);
-                                },
-                                update: function (t) {
-                                    return this.clear(), "function" == typeof t && t.call(this, this), this;
-                                },
-                                fill: function () {
-                                    return "url(#" + this.id() + ")";
-                                },
-                                toString: function () {
-                                    return this.fill();
-                                },
-                                attr: function (t, e, a) {
-                                    return "transform" == t && (t = "gradientTransform"), i.Container.prototype.attr.call(this, t, e, a);
-                                },
-                            },
-                            construct: {
-                                gradient: function (t, e) {
-                                    return this.defs().gradient(t, e);
-                                },
-                            },
-                        })),
-                        i.extend(i.Gradient, i.FX, {
-                            from: function (t, e) {
-                                return "radial" == (this._target || this).type ? this.attr({ fx: new i.Number(t), fy: new i.Number(e) }) : this.attr({ x1: new i.Number(t), y1: new i.Number(e) });
-                            },
-                            to: function (t, e) {
-                                return "radial" == (this._target || this).type ? this.attr({ cx: new i.Number(t), cy: new i.Number(e) }) : this.attr({ x2: new i.Number(t), y2: new i.Number(e) });
-                            },
-                        }),
-                        i.extend(i.Defs, {
-                            gradient: function (t, e) {
-                                return this.put(new i.Gradient(t)).update(e);
-                            },
-                        }),
-                        (i.Stop = i.invent({
-                            create: "stop",
-                            inherit: i.Element,
-                            extend: {
-                                update: function (t) {
-                                    return (
-                                        ("number" == typeof t || t instanceof i.Number) && (t = { offset: arguments[0], color: arguments[1], opacity: arguments[2] }),
-                                        null != t.opacity && this.attr("stop-opacity", t.opacity),
-                                        null != t.color && this.attr("stop-color", t.color),
-                                        null != t.offset && this.attr("offset", new i.Number(t.offset)),
-                                        this
-                                    );
-                                },
-                            },
-                        })),
-                        (i.Pattern = i.invent({
-                            create: "pattern",
-                            inherit: i.Container,
-                            extend: {
-                                fill: function () {
-                                    return "url(#" + this.id() + ")";
-                                },
-                                update: function (t) {
-                                    return this.clear(), "function" == typeof t && t.call(this, this), this;
-                                },
-                                toString: function () {
-                                    return this.fill();
-                                },
-                                attr: function (t, e, a) {
-                                    return "transform" == t && (t = "patternTransform"), i.Container.prototype.attr.call(this, t, e, a);
-                                },
-                            },
-                            construct: {
-                                pattern: function (t, e, i) {
-                                    return this.defs().pattern(t, e, i);
-                                },
-                            },
-                        })),
-                        i.extend(i.Defs, {
-                            pattern: function (t, e, a) {
-                                return this.put(new i.Pattern()).update(a).attr({ x: 0, y: 0, width: t, height: e, patternUnits: "userSpaceOnUse" });
-                            },
-                        }),
-                        (i.Shape = i.invent({
-                            create: function (t) {
-                                this.constructor.call(this, t);
-                            },
-                            inherit: i.Element,
-                        })),
-                        (i.Bare = i.invent({
-                            create: function (t, e) {
-                                if ((this.constructor.call(this, i.create(t)), e)) for (var a in e.prototype) "function" == typeof e.prototype[a] && (this[a] = e.prototype[a]);
-                            },
-                            inherit: i.Element,
-                            extend: {
-                                words: function (t) {
-                                    for (; this.node.hasChildNodes(); ) this.node.removeChild(this.node.lastChild);
-                                    return this.node.appendChild(e.createTextNode(t)), this;
-                                },
-                            },
-                        })),
-                        i.extend(i.Parent, {
-                            element: function (t, e) {
-                                return this.put(new i.Bare(t, e));
-                            },
-                        }),
-                        (i.Symbol = i.invent({
-                            create: "symbol",
-                            inherit: i.Container,
-                            construct: {
-                                symbol: function () {
-                                    return this.put(new i.Symbol());
-                                },
-                            },
-                        })),
-                        (i.Use = i.invent({
-                            create: "use",
-                            inherit: i.Shape,
-                            extend: {
-                                element: function (t, e) {
-                                    return this.attr("href", (e || "") + "#" + t, i.xlink);
-                                },
-                            },
-                            construct: {
-                                use: function (t, e) {
-                                    return this.put(new i.Use()).element(t, e);
-                                },
-                            },
-                        })),
-                        (i.Rect = i.invent({
-                            create: "rect",
-                            inherit: i.Shape,
-                            construct: {
-                                rect: function (t, e) {
-                                    return this.put(new i.Rect()).size(t, e);
-                                },
-                            },
-                        })),
-                        (i.Circle = i.invent({
-                            create: "circle",
-                            inherit: i.Shape,
-                            construct: {
-                                circle: function (t) {
-                                    return this.put(new i.Circle()).rx(new i.Number(t).divide(2)).move(0, 0);
-                                },
-                            },
-                        })),
-                        i.extend(i.Circle, i.FX, {
-                            rx: function (t) {
-                                return this.attr("r", t);
-                            },
-                            ry: function (t) {
-                                return this.rx(t);
-                            },
-                        }),
-                        (i.Ellipse = i.invent({
-                            create: "ellipse",
-                            inherit: i.Shape,
-                            construct: {
-                                ellipse: function (t, e) {
-                                    return this.put(new i.Ellipse()).size(t, e).move(0, 0);
-                                },
-                            },
-                        })),
-                        i.extend(i.Ellipse, i.Rect, i.FX, {
-                            rx: function (t) {
-                                return this.attr("rx", t);
-                            },
-                            ry: function (t) {
-                                return this.attr("ry", t);
-                            },
-                        }),
-                        i.extend(i.Circle, i.Ellipse, {
-                            x: function (t) {
-                                return null == t ? this.cx() - this.rx() : this.cx(t + this.rx());
-                            },
-                            y: function (t) {
-                                return null == t ? this.cy() - this.ry() : this.cy(t + this.ry());
-                            },
-                            cx: function (t) {
-                                return null == t ? this.attr("cx") : this.attr("cx", t);
-                            },
-                            cy: function (t) {
-                                return null == t ? this.attr("cy") : this.attr("cy", t);
-                            },
-                            width: function (t) {
-                                return null == t ? 2 * this.rx() : this.rx(new i.Number(t).divide(2));
-                            },
-                            height: function (t) {
-                                return null == t ? 2 * this.ry() : this.ry(new i.Number(t).divide(2));
-                            },
-                            size: function (t, e) {
-                                var a = f(this, t, e);
-                                return this.rx(new i.Number(a.width).divide(2)).ry(new i.Number(a.height).divide(2));
-                            },
-                        }),
-                        (i.Line = i.invent({
-                            create: "line",
-                            inherit: i.Shape,
-                            extend: {
-                                array: function () {
-                                    return new i.PointArray([
-                                        [this.attr("x1"), this.attr("y1")],
-                                        [this.attr("x2"), this.attr("y2")],
-                                    ]);
-                                },
-                                plot: function (t, e, a, s) {
-                                    return null == t ? this.array() : ((t = void 0 !== e ? { x1: t, y1: e, x2: a, y2: s } : new i.PointArray(t).toLine()), this.attr(t));
-                                },
-                                move: function (t, e) {
-                                    return this.attr(this.array().move(t, e).toLine());
-                                },
-                                size: function (t, e) {
-                                    var i = f(this, t, e);
-                                    return this.attr(this.array().size(i.width, i.height).toLine());
-                                },
-                            },
-                            construct: {
-                                line: function (t, e, a, s) {
-                                    return i.Line.prototype.plot.apply(this.put(new i.Line()), null != t ? [t, e, a, s] : [0, 0, 0, 0]);
-                                },
-                            },
-                        })),
-                        (i.Polyline = i.invent({
-                            create: "polyline",
-                            inherit: i.Shape,
-                            construct: {
-                                polyline: function (t) {
-                                    return this.put(new i.Polyline()).plot(t || new i.PointArray());
-                                },
-                            },
-                        })),
-                        (i.Polygon = i.invent({
-                            create: "polygon",
-                            inherit: i.Shape,
-                            construct: {
-                                polygon: function (t) {
-                                    return this.put(new i.Polygon()).plot(t || new i.PointArray());
-                                },
-                            },
-                        })),
-                        i.extend(i.Polyline, i.Polygon, {
-                            array: function () {
-                                return this._array || (this._array = new i.PointArray(this.attr("points")));
-                            },
-                            plot: function (t) {
-                                return null == t ? this.array() : this.clear().attr("points", "string" == typeof t ? t : (this._array = new i.PointArray(t)));
-                            },
-                            clear: function () {
-                                return delete this._array, this;
-                            },
-                            move: function (t, e) {
-                                return this.attr("points", this.array().move(t, e));
-                            },
-                            size: function (t, e) {
-                                var i = f(this, t, e);
-                                return this.attr("points", this.array().size(i.width, i.height));
-                            },
-                        }),
-                        i.extend(i.Line, i.Polyline, i.Polygon, {
-                            morphArray: i.PointArray,
-                            x: function (t) {
-                                return null == t ? this.bbox().x : this.move(t, this.bbox().y);
-                            },
-                            y: function (t) {
-                                return null == t ? this.bbox().y : this.move(this.bbox().x, t);
-                            },
-                            width: function (t) {
-                                var e = this.bbox();
-                                return null == t ? e.width : this.size(t, e.height);
-                            },
-                            height: function (t) {
-                                var e = this.bbox();
-                                return null == t ? e.height : this.size(e.width, t);
-                            },
-                        }),
-                        (i.Path = i.invent({
-                            create: "path",
-                            inherit: i.Shape,
-                            extend: {
-                                morphArray: i.PathArray,
-                                array: function () {
-                                    return this._array || (this._array = new i.PathArray(this.attr("d")));
-                                },
-                                plot: function (t) {
-                                    return null == t ? this.array() : this.clear().attr("d", "string" == typeof t ? t : (this._array = new i.PathArray(t)));
-                                },
-                                clear: function () {
-                                    return delete this._array, this;
-                                },
-                                move: function (t, e) {
-                                    return this.attr("d", this.array().move(t, e));
-                                },
-                                x: function (t) {
-                                    return null == t ? this.bbox().x : this.move(t, this.bbox().y);
-                                },
-                                y: function (t) {
-                                    return null == t ? this.bbox().y : this.move(this.bbox().x, t);
-                                },
-                                size: function (t, e) {
-                                    var i = f(this, t, e);
-                                    return this.attr("d", this.array().size(i.width, i.height));
-                                },
-                                width: function (t) {
-                                    return null == t ? this.bbox().width : this.size(t, this.bbox().height);
-                                },
-                                height: function (t) {
-                                    return null == t ? this.bbox().height : this.size(this.bbox().width, t);
-                                },
-                            },
-                            construct: {
-                                path: function (t) {
-                                    return this.put(new i.Path()).plot(t || new i.PathArray());
-                                },
-                            },
-                        })),
-                        (i.Image = i.invent({
-                            create: "image",
-                            inherit: i.Shape,
-                            extend: {
-                                load: function (e) {
-                                    if (!e) return this;
-                                    var a = this,
-                                        s = new t.Image();
-                                    return (
-                                        i.on(s, "load", function () {
-                                            i.off(s);
-                                            var t = a.parent(i.Pattern);
-                                            null !== t &&
-                                                (0 == a.width() && 0 == a.height() && a.size(s.width, s.height),
-                                                t && 0 == t.width() && 0 == t.height() && t.size(a.width(), a.height()),
-                                                "function" == typeof a._loaded && a._loaded.call(a, { width: s.width, height: s.height, ratio: s.width / s.height, url: e }));
-                                        }),
-                                        i.on(s, "error", function (t) {
-                                            i.off(s), "function" == typeof a._error && a._error.call(a, t);
-                                        }),
-                                        this.attr("href", (s.src = this.src = e), i.xlink)
-                                    );
-                                },
-                                loaded: function (t) {
-                                    return (this._loaded = t), this;
-                                },
-                                error: function (t) {
-                                    return (this._error = t), this;
-                                },
-                            },
-                            construct: {
-                                image: function (t, e, a) {
-                                    return this.put(new i.Image())
-                                        .load(t)
-                                        .size(e || 0, a || e || 0);
-                                },
-                            },
-                        })),
-                        (i.Text = i.invent({
-                            create: function () {
-                                this.constructor.call(this, i.create("text")), (this.dom.leading = new i.Number(1.3)), (this._rebuild = !0), (this._build = !1), this.attr("font-family", i.defaults.attrs["font-family"]);
-                            },
-                            inherit: i.Shape,
-                            extend: {
-                                x: function (t) {
-                                    return null == t ? this.attr("x") : this.attr("x", t);
-                                },
-                                y: function (t) {
-                                    var e = this.attr("y"),
-                                        i = "number" == typeof e ? e - this.bbox().y : 0;
-                                    return null == t ? ("number" == typeof e ? e - i : e) : this.attr("y", "number" == typeof t.valueOf() ? t + i : t);
-                                },
-                                cx: function (t) {
-                                    return null == t ? this.bbox().cx : this.x(t - this.bbox().width / 2);
-                                },
-                                cy: function (t) {
-                                    return null == t ? this.bbox().cy : this.y(t - this.bbox().height / 2);
-                                },
-                                text: function (t) {
-                                    if (void 0 === t) {
-                                        t = "";
-                                        for (var e = this.node.childNodes, a = 0, s = e.length; a < s; ++a) 0 != a && 3 != e[a].nodeType && 1 == i.adopt(e[a]).dom.newLined && (t += "\n"), (t += e[a].textContent);
-                                        return t;
-                                    }
-                                    if ((this.clear().build(!0), "function" == typeof t)) t.call(this, this);
-                                    else {
-                                        a = 0;
-                                        for (var n = (t = t.split("\n")).length; a < n; a++) this.tspan(t[a]).newLine();
-                                    }
-                                    return this.build(!1).rebuild();
-                                },
-                                size: function (t) {
-                                    return this.attr("font-size", t).rebuild();
-                                },
-                                leading: function (t) {
-                                    return null == t ? this.dom.leading : ((this.dom.leading = new i.Number(t)), this.rebuild());
-                                },
-                                lines: function () {
-                                    var t = ((this.textPath && this.textPath()) || this).node,
-                                        e = i.utils.map(i.utils.filterSVGElements(t.childNodes), function (t) {
-                                            return i.adopt(t);
-                                        });
-                                    return new i.Set(e);
-                                },
-                                rebuild: function (t) {
-                                    if (("boolean" == typeof t && (this._rebuild = t), this._rebuild)) {
-                                        var e = this,
-                                            a = 0,
-                                            s = this.dom.leading * new i.Number(this.attr("font-size"));
-                                        this.lines().each(function () {
-                                            this.dom.newLined && (e.textPath() || this.attr("x", e.attr("x")), "\n" == this.text() ? (a += s) : (this.attr("dy", s + a), (a = 0)));
-                                        }),
-                                            this.fire("rebuild");
-                                    }
-                                    return this;
-                                },
-                                build: function (t) {
-                                    return (this._build = !!t), this;
-                                },
-                                setData: function (t) {
-                                    return (this.dom = t), (this.dom.leading = new i.Number(t.leading || 1.3)), this;
-                                },
-                            },
-                            construct: {
-                                text: function (t) {
-                                    return this.put(new i.Text()).text(t);
-                                },
-                                plain: function (t) {
-                                    return this.put(new i.Text()).plain(t);
-                                },
-                            },
-                        })),
-                        (i.Tspan = i.invent({
-                            create: "tspan",
-                            inherit: i.Shape,
-                            extend: {
-                                text: function (t) {
-                                    return null == t ? this.node.textContent + (this.dom.newLined ? "\n" : "") : ("function" == typeof t ? t.call(this, this) : this.plain(t), this);
-                                },
-                                dx: function (t) {
-                                    return this.attr("dx", t);
-                                },
-                                dy: function (t) {
-                                    return this.attr("dy", t);
-                                },
-                                newLine: function () {
-                                    var t = this.parent(i.Text);
-                                    return (this.dom.newLined = !0), this.dy(t.dom.leading * t.attr("font-size")).attr("x", t.x());
-                                },
-                            },
-                        })),
-                        i.extend(i.Text, i.Tspan, {
-                            plain: function (t) {
-                                return !1 === this._build && this.clear(), this.node.appendChild(e.createTextNode(t)), this;
-                            },
-                            tspan: function (t) {
-                                var e = ((this.textPath && this.textPath()) || this).node,
-                                    a = new i.Tspan();
-                                return !1 === this._build && this.clear(), e.appendChild(a.node), a.text(t);
-                            },
-                            clear: function () {
-                                for (var t = ((this.textPath && this.textPath()) || this).node; t.hasChildNodes(); ) t.removeChild(t.lastChild);
-                                return this;
-                            },
-                            length: function () {
-                                return this.node.getComputedTextLength();
-                            },
-                        }),
-                        (i.TextPath = i.invent({
-                            create: "textPath",
-                            inherit: i.Parent,
-                            parent: i.Text,
-                            construct: {
-                                morphArray: i.PathArray,
-                                path: function (t) {
-                                    for (var e = new i.TextPath(), a = this.doc().defs().path(t); this.node.hasChildNodes(); ) e.node.appendChild(this.node.firstChild);
-                                    return this.node.appendChild(e.node), e.attr("href", "#" + a, i.xlink), this;
-                                },
-                                array: function () {
-                                    var t = this.track();
-                                    return t ? t.array() : null;
-                                },
-                                plot: function (t) {
-                                    var e = this.track(),
-                                        i = null;
-                                    return e && (i = e.plot(t)), null == t ? i : this;
-                                },
-                                track: function () {
-                                    var t = this.textPath();
-                                    if (t) return t.reference("href");
-                                },
-                                textPath: function () {
-                                    if (this.node.firstChild && "textPath" == this.node.firstChild.nodeName) return i.adopt(this.node.firstChild);
-                                },
-                            },
-                        })),
-                        (i.Nested = i.invent({
-                            create: function () {
-                                this.constructor.call(this, i.create("svg")), this.style("overflow", "visible");
-                            },
-                            inherit: i.Container,
-                            construct: {
-                                nested: function () {
-                                    return this.put(new i.Nested());
-                                },
-                            },
-                        })),
-                        (i.A = i.invent({
-                            create: "a",
-                            inherit: i.Container,
-                            extend: {
-                                to: function (t) {
-                                    return this.attr("href", t, i.xlink);
-                                },
-                                show: function (t) {
-                                    return this.attr("show", t, i.xlink);
-                                },
-                                target: function (t) {
-                                    return this.attr("target", t);
-                                },
-                            },
-                            construct: {
-                                link: function (t) {
-                                    return this.put(new i.A()).to(t);
-                                },
-                            },
-                        })),
-                        i.extend(i.Element, {
-                            linkTo: function (t) {
-                                var e = new i.A();
-                                return "function" == typeof t ? t.call(e, e) : e.to(t), this.parent().put(e).put(this);
-                            },
-                        }),
-                        (i.Marker = i.invent({
-                            create: "marker",
-                            inherit: i.Container,
-                            extend: {
-                                width: function (t) {
-                                    return this.attr("markerWidth", t);
-                                },
-                                height: function (t) {
-                                    return this.attr("markerHeight", t);
-                                },
-                                ref: function (t, e) {
-                                    return this.attr("refX", t).attr("refY", e);
-                                },
-                                update: function (t) {
-                                    return this.clear(), "function" == typeof t && t.call(this, this), this;
-                                },
-                                toString: function () {
-                                    return "url(#" + this.id() + ")";
-                                },
-                            },
-                            construct: {
-                                marker: function (t, e, i) {
-                                    return this.defs().marker(t, e, i);
-                                },
-                            },
-                        })),
-                        i.extend(i.Defs, {
-                            marker: function (t, e, a) {
-                                return this.put(new i.Marker())
-                                    .size(t, e)
-                                    .ref(t / 2, e / 2)
-                                    .viewbox(0, 0, t, e)
-                                    .attr("orient", "auto")
-                                    .update(a);
-                            },
-                        }),
-                        i.extend(i.Line, i.Polyline, i.Polygon, i.Path, {
-                            marker: function (t, e, a, s) {
-                                var n = ["marker"];
-                                return "all" != t && n.push(t), (n = n.join("-")), (t = arguments[1] instanceof i.Marker ? arguments[1] : this.doc().marker(e, a, s)), this.attr(n, t);
-                            },
-                        });
-                    var l = {
-                        stroke: ["color", "width", "opacity", "linecap", "linejoin", "miterlimit", "dasharray", "dashoffset"],
-                        fill: ["color", "opacity", "rule"],
-                        prefix: function (t, e) {
-                            return "color" == e ? t : t + "-" + e;
-                        },
-                    };
-                    function h(t, e, a, s) {
-                        return a + s.replace(i.regex.dots, " .");
-                    }
-                    function c(t) {
-                        return t.toLowerCase().replace(/-(.)/g, function (t, e) {
-                            return e.toUpperCase();
-                        });
-                    }
-                    function d(t) {
-                        return t.charAt(0).toUpperCase() + t.slice(1);
-                    }
-                    function u(t) {
-                        var e = t.toString(16);
-                        return 1 == e.length ? "0" + e : e;
-                    }
-                    function f(t, e, i) {
-                        if (null == e || null == i) {
-                            var a = t.bbox();
-                            null == e ? (e = (a.width / a.height) * i) : null == i && (i = (a.height / a.width) * e);
-                        }
-                        return { width: e, height: i };
-                    }
-                    function g(t, e, i) {
-                        return { x: e * t.a + i * t.c + 0, y: e * t.b + i * t.d + 0 };
-                    }
-                    function p(t) {
-                        return { a: t[0], b: t[1], c: t[2], d: t[3], e: t[4], f: t[5] };
-                    }
-                    function x(t, e) {
-                        (t.cx = null == t.cx ? e.bbox().cx : t.cx), (t.cy = null == t.cy ? e.bbox().cy : t.cy);
-                    }
-                    function v(e) {
-                        for (var a = e.childNodes.length - 1; a >= 0; a--) e.childNodes[a] instanceof t.SVGElement && v(e.childNodes[a]);
-                        return i.adopt(e).id(i.eid(e.nodeName));
-                    }
-                    function m(t) {
-                        return (
-                            null == t.x && ((t.x = 0), (t.y = 0), (t.width = 0), (t.height = 0)), (t.w = t.width), (t.h = t.height), (t.x2 = t.x + t.width), (t.y2 = t.y + t.height), (t.cx = t.x + t.width / 2), (t.cy = t.y + t.height / 2), t
-                        );
-                    }
-                    function b(t) {
-                        return Math.abs(t) > 1e-37 ? t : 0;
-                    }
-                    ["fill", "stroke"].forEach(function (t) {
-                        var e,
-                            a = {};
-                        (a[t] = function (a) {
-                            if (void 0 === a) return this;
-                            if ("string" == typeof a || i.Color.isRgb(a) || (a && "function" == typeof a.fill)) this.attr(t, a);
-                            else for (e = l[t].length - 1; e >= 0; e--) null != a[l[t][e]] && this.attr(l.prefix(t, l[t][e]), a[l[t][e]]);
-                            return this;
-                        }),
-                            i.extend(i.Element, i.FX, a);
-                    }),
-                        i.extend(i.Element, i.FX, {
-                            rotate: function (t, e, i) {
-                                return this.transform({ rotation: t, cx: e, cy: i });
-                            },
-                            skew: function (t, e, i, a) {
-                                return 1 == arguments.length || 3 == arguments.length ? this.transform({ skew: t, cx: e, cy: i }) : this.transform({ skewX: t, skewY: e, cx: i, cy: a });
-                            },
-                            scale: function (t, e, i, a) {
-                                return 1 == arguments.length || 3 == arguments.length ? this.transform({ scale: t, cx: e, cy: i }) : this.transform({ scaleX: t, scaleY: e, cx: i, cy: a });
-                            },
-                            translate: function (t, e) {
-                                return this.transform({ x: t, y: e });
-                            },
-                            flip: function (t, e) {
-                                return (e = "number" == typeof t ? t : e), this.transform({ flip: t || "both", offset: e });
-                            },
-                            matrix: function (t) {
-                                return this.attr("transform", new i.Matrix(6 == arguments.length ? [].slice.call(arguments) : t));
-                            },
-                            opacity: function (t) {
-                                return this.attr("opacity", t);
-                            },
-                            dx: function (t) {
-                                return this.x(new i.Number(t).plus(this instanceof i.FX ? 0 : this.x()), !0);
-                            },
-                            dy: function (t) {
-                                return this.y(new i.Number(t).plus(this instanceof i.FX ? 0 : this.y()), !0);
-                            },
-                            dmove: function (t, e) {
-                                return this.dx(t).dy(e);
-                            },
-                        }),
-                        i.extend(i.Rect, i.Ellipse, i.Circle, i.Gradient, i.FX, {
-                            radius: function (t, e) {
-                                var a = (this._target || this).type;
-                                return "radial" == a || "circle" == a ? this.attr("r", new i.Number(t)) : this.rx(t).ry(null == e ? t : e);
-                            },
-                        }),
-                        i.extend(i.Path, {
-                            length: function () {
-                                return this.node.getTotalLength();
-                            },
-                            pointAt: function (t) {
-                                return this.node.getPointAtLength(t);
-                            },
-                        }),
-                        i.extend(i.Parent, i.Text, i.Tspan, i.FX, {
-                            font: function (t, e) {
-                                if ("object" === s(t)) for (e in t) this.font(e, t[e]);
-                                return "leading" == t
-                                    ? this.leading(e)
-                                    : "anchor" == t
-                                    ? this.attr("text-anchor", e)
-                                    : "size" == t || "family" == t || "weight" == t || "stretch" == t || "variant" == t || "style" == t
-                                    ? this.attr("font-" + t, e)
-                                    : this.attr(t, e);
-                            },
-                        }),
-                        (i.Set = i.invent({
-                            create: function (t) {
-                                Array.isArray(t) ? (this.members = t) : this.clear();
-                            },
-                            extend: {
-                                add: function () {
-                                    var t,
-                                        e,
-                                        i = [].slice.call(arguments);
-                                    for (t = 0, e = i.length; t < e; t++) this.members.push(i[t]);
-                                    return this;
-                                },
-                                remove: function (t) {
-                                    var e = this.index(t);
-                                    return e > -1 && this.members.splice(e, 1), this;
-                                },
-                                each: function (t) {
-                                    for (var e = 0, i = this.members.length; e < i; e++) t.apply(this.members[e], [e, this.members]);
-                                    return this;
-                                },
-                                clear: function () {
-                                    return (this.members = []), this;
-                                },
-                                length: function () {
-                                    return this.members.length;
-                                },
-                                has: function (t) {
-                                    return this.index(t) >= 0;
-                                },
-                                index: function (t) {
-                                    return this.members.indexOf(t);
-                                },
-                                get: function (t) {
-                                    return this.members[t];
-                                },
-                                first: function () {
-                                    return this.get(0);
-                                },
-                                last: function () {
-                                    return this.get(this.members.length - 1);
-                                },
-                                valueOf: function () {
-                                    return this.members;
-                                },
-                                bbox: function () {
-                                    if (0 == this.members.length) return new i.RBox();
-                                    var t = this.members[0].rbox(this.members[0].doc());
-                                    return (
-                                        this.each(function () {
-                                            t = t.merge(this.rbox(this.doc()));
-                                        }),
-                                        t
-                                    );
-                                },
-                            },
-                            construct: {
-                                set: function (t) {
-                                    return new i.Set(t);
-                                },
-                            },
-                        })),
-                        (i.FX.Set = i.invent({
-                            create: function (t) {
-                                this.set = t;
-                            },
-                        })),
-                        (i.Set.inherit = function () {
-                            var t = [];
-                            for (var e in i.Shape.prototype) "function" == typeof i.Shape.prototype[e] && "function" != typeof i.Set.prototype[e] && t.push(e);
-                            for (var e in (t.forEach(function (t) {
-                                i.Set.prototype[t] = function () {
-                                    for (var e = 0, a = this.members.length; e < a; e++) this.members[e] && "function" == typeof this.members[e][t] && this.members[e][t].apply(this.members[e], arguments);
-                                    return "animate" == t ? this.fx || (this.fx = new i.FX.Set(this)) : this;
-                                };
-                            }),
-                            (t = []),
-                            i.FX.prototype))
-                                "function" == typeof i.FX.prototype[e] && "function" != typeof i.FX.Set.prototype[e] && t.push(e);
-                            t.forEach(function (t) {
-                                i.FX.Set.prototype[t] = function () {
-                                    for (var e = 0, i = this.set.members.length; e < i; e++) this.set.members[e].fx[t].apply(this.set.members[e].fx, arguments);
-                                    return this;
-                                };
-                            });
-                        }),
-                        i.extend(i.Element, {
-                            data: function (t, e, i) {
-                                if ("object" === s(t)) for (e in t) this.data(e, t[e]);
-                                else if (arguments.length < 2)
-                                    try {
-                                        return JSON.parse(this.attr("data-" + t));
-                                    } catch (e) {
-                                        return this.attr("data-" + t);
-                                    }
-                                else this.attr("data-" + t, null === e ? null : !0 === i || "string" == typeof e || "number" == typeof e ? e : JSON.stringify(e));
-                                return this;
-                            },
-                        }),
-                        i.extend(i.Element, {
-                            remember: function (t, e) {
-                                if ("object" === s(arguments[0])) for (var e in t) this.remember(e, t[e]);
-                                else {
-                                    if (1 == arguments.length) return this.memory()[t];
-                                    this.memory()[t] = e;
-                                }
-                                return this;
-                            },
-                            forget: function () {
-                                if (0 == arguments.length) this._memory = {};
-                                else for (var t = arguments.length - 1; t >= 0; t--) delete this.memory()[arguments[t]];
-                                return this;
-                            },
-                            memory: function () {
-                                return this._memory || (this._memory = {});
-                            },
-                        }),
-                        (i.get = function (t) {
-                            var a = e.getElementById(
-                                (function (t) {
-                                    var e = (t || "").toString().match(i.regex.reference);
-                                    if (e) return e[1];
-                                })(t) || t
-                            );
-                            return i.adopt(a);
-                        }),
-                        (i.select = function (t, a) {
-                            return new i.Set(
-                                i.utils.map((a || e).querySelectorAll(t), function (t) {
-                                    return i.adopt(t);
-                                })
-                            );
-                        }),
-                        i.extend(i.Parent, {
-                            select: function (t) {
-                                return i.select(t, this.node);
-                            },
-                        });
-                    var y = "abcdef".split("");
-                    if ("function" != typeof t.CustomEvent) {
-                        var w = function (t, i) {
-                            i = i || { bubbles: !1, cancelable: !1, detail: void 0 };
-                            var a = e.createEvent("CustomEvent");
-                            return a.initCustomEvent(t, i.bubbles, i.cancelable, i.detail), a;
-                        };
-                        (w.prototype = t.Event.prototype), (i.CustomEvent = w);
-                    } else i.CustomEvent = t.CustomEvent;
-                    return (
-                        (function (e) {
-                            for (var i = 0, a = ["moz", "webkit"], s = 0; s < a.length && !t.requestAnimationFrame; ++s)
-                                (e.requestAnimationFrame = e[a[s] + "RequestAnimationFrame"]), (e.cancelAnimationFrame = e[a[s] + "CancelAnimationFrame"] || e[a[s] + "CancelRequestAnimationFrame"]);
-                            (e.requestAnimationFrame =
-                                e.requestAnimationFrame ||
-                                function (t) {
-                                    var a = new Date().getTime(),
-                                        s = Math.max(0, 16 - (a - i)),
-                                        n = e.setTimeout(function () {
-                                            t(a + s);
-                                        }, s);
-                                    return (i = a + s), n;
-                                }),
-                                (e.cancelAnimationFrame = e.cancelAnimationFrame || e.clearTimeout);
-                        })(t),
-                        i
-                    );
-                }),
-                "function" == typeof define && i(105)
-                    ? define(function () {
-                          return ht(lt, lt.document);
-                      })
-                    : "object" === ("undefined" == typeof exports ? "undefined" : s(exports)) && void 0 !== a
-                    ? (a.exports = lt.document
-                          ? ht(lt, lt.document)
-                          : function (t) {
-                                return ht(t, t.document);
-                            })
-                    : (lt.SVG = ht(lt, lt.document)),
-                /*! svg.filter.js - v2.0.2 - 2016-02-24
-                 * https://github.com/wout/svg.filter.js
-                 * Copyright (c) 2016 Wout Fierens; Licensed MIT */
-                function () {
-                    (SVG.Filter = SVG.invent({
-                        create: "filter",
-                        inherit: SVG.Parent,
-                        extend: {
-                            source: "SourceGraphic",
-                            sourceAlpha: "SourceAlpha",
-                            background: "BackgroundImage",
-                            backgroundAlpha: "BackgroundAlpha",
-                            fill: "FillPaint",
-                            stroke: "StrokePaint",
-                            autoSetIn: !0,
-                            put: function (t, e) {
-                                return this.add(t, e), !t.attr("in") && this.autoSetIn && t.attr("in", this.source), t.attr("result") || t.attr("result", t), t;
-                            },
-                            blend: function (t, e, i) {
-                                return this.put(new SVG.BlendEffect(t, e, i));
-                            },
-                            colorMatrix: function (t, e) {
-                                return this.put(new SVG.ColorMatrixEffect(t, e));
-                            },
-                            convolveMatrix: function (t) {
-                                return this.put(new SVG.ConvolveMatrixEffect(t));
-                            },
-                            componentTransfer: function (t) {
-                                return this.put(new SVG.ComponentTransferEffect(t));
-                            },
-                            composite: function (t, e, i) {
-                                return this.put(new SVG.CompositeEffect(t, e, i));
-                            },
-                            flood: function (t, e) {
-                                return this.put(new SVG.FloodEffect(t, e));
-                            },
-                            offset: function (t, e) {
-                                return this.put(new SVG.OffsetEffect(t, e));
-                            },
-                            image: function (t) {
-                                return this.put(new SVG.ImageEffect(t));
-                            },
-                            merge: function () {
-                                var t = [void 0];
-                                for (var e in arguments) t.push(arguments[e]);
-                                return this.put(new (SVG.MergeEffect.bind.apply(SVG.MergeEffect, t))());
-                            },
-                            gaussianBlur: function (t, e) {
-                                return this.put(new SVG.GaussianBlurEffect(t, e));
-                            },
-                            morphology: function (t, e) {
-                                return this.put(new SVG.MorphologyEffect(t, e));
-                            },
-                            diffuseLighting: function (t, e, i) {
-                                return this.put(new SVG.DiffuseLightingEffect(t, e, i));
-                            },
-                            displacementMap: function (t, e, i, a, s) {
-                                return this.put(new SVG.DisplacementMapEffect(t, e, i, a, s));
-                            },
-                            specularLighting: function (t, e, i, a) {
-                                return this.put(new SVG.SpecularLightingEffect(t, e, i, a));
-                            },
-                            tile: function () {
-                                return this.put(new SVG.TileEffect());
-                            },
-                            turbulence: function (t, e, i, a, s) {
-                                return this.put(new SVG.TurbulenceEffect(t, e, i, a, s));
-                            },
-                            toString: function () {
-                                return "url(#" + this.attr("id") + ")";
-                            },
-                        },
-                    })),
-                        SVG.extend(SVG.Defs, {
-                            filter: function (t) {
-                                var e = this.put(new SVG.Filter());
-                                return "function" == typeof t && t.call(e, e), e;
-                            },
-                        }),
-                        SVG.extend(SVG.Container, {
-                            filter: function (t) {
-                                return this.defs().filter(t);
-                            },
-                        }),
-                        SVG.extend(SVG.Element, SVG.G, SVG.Nested, {
-                            filter: function (t) {
-                                return (
-                                    (this.filterer = t instanceof SVG.Element ? t : this.doc().filter(t)),
-                                    this.doc() && this.filterer.doc() !== this.doc() && this.doc().defs().add(this.filterer),
-                                    this.attr("filter", this.filterer),
-                                    this.filterer
-                                );
-                            },
-                            unfilter: function (t) {
-                                return this.filterer && !0 === t && this.filterer.remove(), delete this.filterer, this.attr("filter", null);
-                            },
-                        }),
-                        (SVG.Effect = SVG.invent({
-                            create: function () {
-                                this.constructor.call(this);
-                            },
-                            inherit: SVG.Element,
-                            extend: {
-                                in: function (t) {
-                                    return null == t
-                                        ? (this.parent() &&
-                                              this.parent()
-                                                  .select('[result="' + this.attr("in") + '"]')
-                                                  .get(0)) ||
-                                              this.attr("in")
-                                        : this.attr("in", t);
-                                },
-                                result: function (t) {
-                                    return null == t ? this.attr("result") : this.attr("result", t);
-                                },
-                                toString: function () {
-                                    return this.result();
-                                },
-                            },
-                        })),
-                        (SVG.ParentEffect = SVG.invent({
-                            create: function () {
-                                this.constructor.call(this);
-                            },
-                            inherit: SVG.Parent,
-                            extend: {
-                                in: function (t) {
-                                    return null == t
-                                        ? (this.parent() &&
-                                              this.parent()
-                                                  .select('[result="' + this.attr("in") + '"]')
-                                                  .get(0)) ||
-                                              this.attr("in")
-                                        : this.attr("in", t);
-                                },
-                                result: function (t) {
-                                    return null == t ? this.attr("result") : this.attr("result", t);
-                                },
-                                toString: function () {
-                                    return this.result();
-                                },
-                            },
-                        }));
-                    var t = {
-                        blend: function (t, e) {
-                            return this.parent() && this.parent().blend(this, t, e);
-                        },
-                        colorMatrix: function (t, e) {
-                            return this.parent() && this.parent().colorMatrix(t, e).in(this);
-                        },
-                        convolveMatrix: function (t) {
-                            return this.parent() && this.parent().convolveMatrix(t).in(this);
-                        },
-                        componentTransfer: function (t) {
-                            return this.parent() && this.parent().componentTransfer(t).in(this);
-                        },
-                        composite: function (t, e) {
-                            return this.parent() && this.parent().composite(this, t, e);
-                        },
-                        flood: function (t, e) {
-                            return this.parent() && this.parent().flood(t, e);
-                        },
-                        offset: function (t, e) {
-                            return this.parent() && this.parent().offset(t, e).in(this);
-                        },
-                        image: function (t) {
-                            return this.parent() && this.parent().image(t);
-                        },
-                        merge: function () {
-                            return this.parent() && this.parent().merge.apply(this.parent(), [this].concat(arguments));
-                        },
-                        gaussianBlur: function (t, e) {
-                            return this.parent() && this.parent().gaussianBlur(t, e).in(this);
-                        },
-                        morphology: function (t, e) {
-                            return this.parent() && this.parent().morphology(t, e).in(this);
-                        },
-                        diffuseLighting: function (t, e, i) {
-                            return this.parent() && this.parent().diffuseLighting(t, e, i).in(this);
-                        },
-                        displacementMap: function (t, e, i, a) {
-                            return this.parent() && this.parent().displacementMap(this, t, e, i, a);
-                        },
-                        specularLighting: function (t, e, i, a) {
-                            return this.parent() && this.parent().specularLighting(t, e, i, a).in(this);
-                        },
-                        tile: function () {
-                            return this.parent() && this.parent().tile().in(this);
-                        },
-                        turbulence: function (t, e, i, a, s) {
-                            return this.parent() && this.parent().turbulence(t, e, i, a, s).in(this);
-                        },
-                    };
-                    SVG.extend(SVG.Effect, t),
-                        SVG.extend(SVG.ParentEffect, t),
-                        (SVG.ChildEffect = SVG.invent({
-                            create: function () {
-                                this.constructor.call(this);
-                            },
-                            inherit: SVG.Element,
-                            extend: {
-                                in: function (t) {
-                                    this.attr("in", t);
-                                },
-                            },
-                        }));
-                    var e = {
-                            blend: function (t, e, i) {
-                                this.attr({ in: t, in2: e, mode: i || "normal" });
-                            },
-                            colorMatrix: function (t, e) {
-                                "matrix" == t && (e = s(e)), this.attr({ type: t, values: void 0 === e ? null : e });
-                            },
-                            convolveMatrix: function (t) {
-                                (t = s(t)), this.attr({ order: Math.sqrt(t.split(" ").length), kernelMatrix: t });
-                            },
-                            composite: function (t, e, i) {
-                                this.attr({ in: t, in2: e, operator: i });
-                            },
-                            flood: function (t, e) {
-                                this.attr("flood-color", t), null != e && this.attr("flood-opacity", e);
-                            },
-                            offset: function (t, e) {
-                                this.attr({ dx: t, dy: e });
-                            },
-                            image: function (t) {
-                                this.attr("href", t, SVG.xlink);
-                            },
-                            displacementMap: function (t, e, i, a, s) {
-                                this.attr({ in: t, in2: e, scale: i, xChannelSelector: a, yChannelSelector: s });
-                            },
-                            gaussianBlur: function (t, e) {
-                                null != t || null != e
-                                    ? this.attr(
-                                          "stdDeviation",
-                                          (function (t) {
-                                              if (!Array.isArray(t)) return t;
-                                              for (var e = 0, i = t.length, a = []; e < i; e++) a.push(t[e]);
-                                              return a.join(" ");
-                                          })(Array.prototype.slice.call(arguments))
-                                      )
-                                    : this.attr("stdDeviation", "0 0");
-                            },
-                            morphology: function (t, e) {
-                                this.attr({ operator: t, radius: e });
-                            },
-                            tile: function () {},
-                            turbulence: function (t, e, i, a, s) {
-                                this.attr({ numOctaves: e, seed: i, stitchTiles: a, baseFrequency: t, type: s });
-                            },
-                        },
-                        i = {
-                            merge: function () {
-                                var t;
-                                if (arguments[0] instanceof SVG.Set) {
-                                    var e = this;
-                                    arguments[0].each(function (t) {
-                                        this instanceof SVG.MergeNode ? e.put(this) : (this instanceof SVG.Effect || this instanceof SVG.ParentEffect) && e.put(new SVG.MergeNode(this));
-                                    });
-                                } else {
-                                    t = Array.isArray(arguments[0]) ? arguments[0] : arguments;
-                                    for (var i = 0; i < t.length; i++) t[i] instanceof SVG.MergeNode ? this.put(t[i]) : this.put(new SVG.MergeNode(t[i]));
-                                }
-                            },
-                            componentTransfer: function (t) {
-                                if (
-                                    ((this.rgb = new SVG.Set()),
-                                    ["r", "g", "b", "a"].forEach(
-                                        function (t) {
-                                            (this[t] = new SVG["Func" + t.toUpperCase()]("identity")), this.rgb.add(this[t]), this.node.appendChild(this[t].node);
-                                        }.bind(this)
-                                    ),
-                                    t)
-                                )
-                                    for (var e in (t.rgb &&
-                                        (["r", "g", "b"].forEach(
-                                            function (e) {
-                                                this[e].attr(t.rgb);
-                                            }.bind(this)
-                                        ),
-                                        delete t.rgb),
-                                    t))
-                                        this[e].attr(t[e]);
-                            },
-                            diffuseLighting: function (t, e, i) {
-                                this.attr({ surfaceScale: t, diffuseConstant: e, kernelUnitLength: i });
-                            },
-                            specularLighting: function (t, e, i, a) {
-                                this.attr({ surfaceScale: t, diffuseConstant: e, specularExponent: i, kernelUnitLength: a });
-                            },
-                        },
-                        a = {
-                            distantLight: function (t, e) {
-                                this.attr({ azimuth: t, elevation: e });
-                            },
-                            pointLight: function (t, e, i) {
-                                this.attr({ x: t, y: e, z: i });
-                            },
-                            spotLight: function (t, e, i, a, s, n) {
-                                this.attr({ x: t, y: e, z: i, pointsAtX: a, pointsAtY: s, pointsAtZ: n });
-                            },
-                            mergeNode: function (t) {
-                                this.attr("in", t);
-                            },
-                        };
-                    function s(t) {
-                        return Array.isArray(t) && (t = new SVG.Array(t)), t.toString().replace(/^\s+/, "").replace(/\s+$/, "").replace(/\s+/g, " ");
-                    }
-                    function n() {
-                        var t = function () {};
-                        for (var e in ("function" == typeof arguments[arguments.length - 1] && ((t = arguments[arguments.length - 1]), Array.prototype.splice.call(arguments, arguments.length - 1, 1)), arguments))
-                            for (var i in arguments[e]) t(arguments[e][i], i, arguments[e]);
-                    }
-                    ["r", "g", "b", "a"].forEach(function (t) {
-                        a["Func" + t.toUpperCase()] = function (t) {
-                            switch ((this.attr("type", t), t)) {
-                                case "table":
-                                    this.attr("tableValues", arguments[1]);
-                                    break;
-                                case "linear":
-                                    this.attr("slope", arguments[1]), this.attr("intercept", arguments[2]);
-                                    break;
-                                case "gamma":
-                                    this.attr("amplitude", arguments[1]), this.attr("exponent", arguments[2]), this.attr("offset", arguments[2]);
-                            }
-                        };
-                    }),
-                        n(e, function (t, e) {
-                            var i = e.charAt(0).toUpperCase() + e.slice(1);
-                            SVG[i + "Effect"] = SVG.invent({
-                                create: function () {
-                                    this.constructor.call(this, SVG.create("fe" + i)), t.apply(this, arguments), this.result(this.attr("id") + "Out");
-                                },
-                                inherit: SVG.Effect,
-                                extend: {},
-                            });
-                        }),
-                        n(i, function (t, e) {
-                            var i = e.charAt(0).toUpperCase() + e.slice(1);
-                            SVG[i + "Effect"] = SVG.invent({
-                                create: function () {
-                                    this.constructor.call(this, SVG.create("fe" + i)), t.apply(this, arguments), this.result(this.attr("id") + "Out");
-                                },
-                                inherit: SVG.ParentEffect,
-                                extend: {},
-                            });
-                        }),
-                        n(a, function (t, e) {
-                            var i = e.charAt(0).toUpperCase() + e.slice(1);
-                            SVG[i] = SVG.invent({
-                                create: function () {
-                                    this.constructor.call(this, SVG.create("fe" + i)), t.apply(this, arguments);
-                                },
-                                inherit: SVG.ChildEffect,
-                                extend: {},
-                            });
-                        }),
-                        SVG.extend(SVG.MergeEffect, {
-                            in: function (t) {
-                                return t instanceof SVG.MergeNode ? this.add(t, 0) : this.add(new SVG.MergeNode(t), 0), this;
-                            },
-                        }),
-                        SVG.extend(SVG.CompositeEffect, SVG.BlendEffect, SVG.DisplacementMapEffect, {
-                            in2: function (t) {
-                                return null == t
-                                    ? (this.parent() &&
-                                          this.parent()
-                                              .select('[result="' + this.attr("in2") + '"]')
-                                              .get(0)) ||
-                                          this.attr("in2")
-                                    : this.attr("in2", t);
-                            },
-                        }),
-                        (SVG.filter = { sepiatone: [0.343, 0.669, 0.119, 0, 0, 0.249, 0.626, 0.13, 0, 0, 0.172, 0.334, 0.111, 0, 0, 0, 0, 0, 1, 0] });
-                }.call(void 0),
-                (function () {
-                    function t(t, s, n, r, o, l, h) {
-                        for (var c = t.slice(s, n || h), d = r.slice(o, l || h), u = 0, f = { pos: [0, 0], start: [0, 0] }, g = { pos: [0, 0], start: [0, 0] }; ; ) {
-                            if (
-                                ((c[u] = e.call(f, c[u])),
-                                (d[u] = e.call(g, d[u])),
-                                c[u][0] != d[u][0] || "M" == c[u][0] || ("A" == c[u][0] && (c[u][4] != d[u][4] || c[u][5] != d[u][5]))
-                                    ? (Array.prototype.splice.apply(c, [u, 1].concat(a.call(f, c[u]))), Array.prototype.splice.apply(d, [u, 1].concat(a.call(g, d[u]))))
-                                    : ((c[u] = i.call(f, c[u])), (d[u] = i.call(g, d[u]))),
-                                ++u == c.length && u == d.length)
-                            )
-                                break;
-                            u == c.length && c.push(["C", f.pos[0], f.pos[1], f.pos[0], f.pos[1], f.pos[0], f.pos[1]]), u == d.length && d.push(["C", g.pos[0], g.pos[1], g.pos[0], g.pos[1], g.pos[0], g.pos[1]]);
-                        }
-                        return { start: c, dest: d };
-                    }
-                    function e(t) {
-                        switch (t[0]) {
-                            case "z":
-                            case "Z":
-                                (t[0] = "L"), (t[1] = this.start[0]), (t[2] = this.start[1]);
-                                break;
-                            case "H":
-                                (t[0] = "L"), (t[2] = this.pos[1]);
-                                break;
-                            case "V":
-                                (t[0] = "L"), (t[2] = t[1]), (t[1] = this.pos[0]);
-                                break;
-                            case "T":
-                                (t[0] = "Q"), (t[3] = t[1]), (t[4] = t[2]), (t[1] = this.reflection[1]), (t[2] = this.reflection[0]);
-                                break;
-                            case "S":
-                                (t[0] = "C"), (t[6] = t[4]), (t[5] = t[3]), (t[4] = t[2]), (t[3] = t[1]), (t[2] = this.reflection[1]), (t[1] = this.reflection[0]);
-                        }
-                        return t;
-                    }
-                    function i(t) {
-                        var e = t.length;
-                        return (this.pos = [t[e - 2], t[e - 1]]), -1 != "SCQT".indexOf(t[0]) && (this.reflection = [2 * this.pos[0] - t[e - 4], 2 * this.pos[1] - t[e - 3]]), t;
-                    }
-                    function a(t) {
-                        var e = [t];
-                        switch (t[0]) {
-                            case "M":
-                                return (this.pos = this.start = [t[1], t[2]]), e;
-                            case "L":
-                                (t[5] = t[3] = t[1]), (t[6] = t[4] = t[2]), (t[1] = this.pos[0]), (t[2] = this.pos[1]);
-                                break;
-                            case "Q":
-                                (t[6] = t[4]),
-                                    (t[5] = t[3]),
-                                    (t[4] = (1 * t[4]) / 3 + (2 * t[2]) / 3),
-                                    (t[3] = (1 * t[3]) / 3 + (2 * t[1]) / 3),
-                                    (t[2] = (1 * this.pos[1]) / 3 + (2 * t[2]) / 3),
-                                    (t[1] = (1 * this.pos[0]) / 3 + (2 * t[1]) / 3);
-                                break;
-                            case "A":
-                                t = (e = (function (t, e) {
-                                    var i,
-                                        a,
-                                        s,
-                                        n,
-                                        r,
-                                        o,
-                                        l,
-                                        h,
-                                        c,
-                                        d,
-                                        u,
-                                        f,
-                                        g,
-                                        p,
-                                        x,
-                                        v,
-                                        m,
-                                        b,
-                                        y,
-                                        w,
-                                        k,
-                                        S,
-                                        A,
-                                        C,
-                                        L,
-                                        E,
-                                        P = Math.abs(e[1]),
-                                        T = Math.abs(e[2]),
-                                        M = e[3] % 360,
-                                        z = e[4],
-                                        I = e[5],
-                                        X = e[6],
-                                        F = e[7],
-                                        Y = new SVG.Point(t),
-                                        O = new SVG.Point(X, F),
-                                        R = [];
-                                    if (0 === P || 0 === T || (Y.x === O.x && Y.y === O.y)) return [["C", Y.x, Y.y, O.x, O.y, O.x, O.y]];
-                                    (i = new SVG.Point((Y.x - O.x) / 2, (Y.y - O.y) / 2).transform(new SVG.Matrix().rotate(M))), (a = (i.x * i.x) / (P * P) + (i.y * i.y) / (T * T)) > 1 && ((a = Math.sqrt(a)), (P *= a), (T *= a));
-                                    (s = new SVG.Matrix()
-                                        .rotate(M)
-                                        .scale(1 / P, 1 / T)
-                                        .rotate(-M)),
-                                        (Y = Y.transform(s)),
-                                        (O = O.transform(s)),
-                                        (n = [O.x - Y.x, O.y - Y.y]),
-                                        (o = n[0] * n[0] + n[1] * n[1]),
-                                        (r = Math.sqrt(o)),
-                                        (n[0] /= r),
-                                        (n[1] /= r),
-                                        (l = o < 4 ? Math.sqrt(1 - o / 4) : 0),
-                                        z === I && (l *= -1);
-                                    (h = new SVG.Point((O.x + Y.x) / 2 + l * -n[1], (O.y + Y.y) / 2 + l * n[0])),
-                                        (c = new SVG.Point(Y.x - h.x, Y.y - h.y)),
-                                        (d = new SVG.Point(O.x - h.x, O.y - h.y)),
-                                        (u = Math.acos(c.x / Math.sqrt(c.x * c.x + c.y * c.y))),
-                                        c.y < 0 && (u *= -1);
-                                    (f = Math.acos(d.x / Math.sqrt(d.x * d.x + d.y * d.y))), d.y < 0 && (f *= -1);
-                                    I && u > f && (f += 2 * Math.PI);
-                                    !I && u < f && (f -= 2 * Math.PI);
-                                    for (p = Math.ceil((2 * Math.abs(u - f)) / Math.PI), v = [], m = u, g = (f - u) / p, x = (4 * Math.tan(g / 4)) / 3, k = 0; k <= p; k++)
-                                        (y = Math.cos(m)), (b = Math.sin(m)), (w = new SVG.Point(h.x + y, h.y + b)), (v[k] = [new SVG.Point(w.x + x * b, w.y - x * y), w, new SVG.Point(w.x - x * b, w.y + x * y)]), (m += g);
-                                    for (v[0][0] = v[0][1].clone(), v[v.length - 1][2] = v[v.length - 1][1].clone(), s = new SVG.Matrix().rotate(M).scale(P, T).rotate(-M), k = 0, S = v.length; k < S; k++)
-                                        (v[k][0] = v[k][0].transform(s)), (v[k][1] = v[k][1].transform(s)), (v[k][2] = v[k][2].transform(s));
-                                    for (k = 1, S = v.length; k < S; k++) (w = v[k - 1][2]), (A = w.x), (C = w.y), (w = v[k][0]), (L = w.x), (E = w.y), (w = v[k][1]), (X = w.x), (F = w.y), R.push(["C", A, C, L, E, X, F]);
-                                    return R;
-                                })(this.pos, t))[0];
-                        }
-                        return (t[0] = "C"), (this.pos = [t[5], t[6]]), (this.reflection = [2 * t[5] - t[3], 2 * t[6] - t[4]]), e;
-                    }
-                    function s(t, e) {
-                        if (!1 === e) return !1;
-                        for (var i = e, a = t.length; i < a; ++i) if ("M" == t[i][0]) return i;
-                        return !1;
-                    }
-                    SVG.extend(SVG.PathArray, {
-                        morph: function (e) {
-                            for (var i = this.value, a = this.parse(e), n = 0, r = 0, o = !1, l = !1; !1 !== n || !1 !== r; ) {
-                                var h;
-                                (o = s(i, !1 !== n && n + 1)),
-                                    (l = s(a, !1 !== r && r + 1)),
-                                    !1 === n && (n = 0 == (h = new SVG.PathArray(c.start).bbox()).height || 0 == h.width ? i.push(i[0]) - 1 : i.push(["M", h.x + h.width / 2, h.y + h.height / 2]) - 1),
-                                    !1 === r && (r = 0 == (h = new SVG.PathArray(c.dest).bbox()).height || 0 == h.width ? a.push(a[0]) - 1 : a.push(["M", h.x + h.width / 2, h.y + h.height / 2]) - 1);
-                                var c = t(i, n, o, a, r, l);
-                                (i = i.slice(0, n).concat(c.start, !1 === o ? [] : i.slice(o))), (a = a.slice(0, r).concat(c.dest, !1 === l ? [] : a.slice(l))), (n = !1 !== o && n + c.start.length), (r = !1 !== l && r + c.dest.length);
-                            }
-                            return (this.value = i), (this.destination = new SVG.PathArray()), (this.destination.value = a), this;
-                        },
-                    });
-                })(),
-                /*! svg.draggable.js - v2.2.2 - 2019-01-08
-                 * https://github.com/svgdotjs/svg.draggable.js
-                 * Copyright (c) 2019 Wout Fierens; Licensed MIT */
-                function () {
-                    function t(t) {
-                        t.remember("_draggable", this), (this.el = t);
-                    }
-                    (t.prototype.init = function (t, e) {
-                        var i = this;
-                        (this.constraint = t),
-                            (this.value = e),
-                            this.el.on("mousedown.drag", function (t) {
-                                i.start(t);
-                            }),
-                            this.el.on("touchstart.drag", function (t) {
-                                i.start(t);
-                            });
-                    }),
-                        (t.prototype.transformPoint = function (t, e) {
-                            var i = ((t = t || window.event).changedTouches && t.changedTouches[0]) || t;
-                            return (this.p.x = i.clientX - (e || 0)), (this.p.y = i.clientY), this.p.matrixTransform(this.m);
-                        }),
-                        (t.prototype.getBBox = function () {
-                            var t = this.el.bbox();
-                            return this.el instanceof SVG.Nested && (t = this.el.rbox()), (this.el instanceof SVG.G || this.el instanceof SVG.Use || this.el instanceof SVG.Nested) && ((t.x = this.el.x()), (t.y = this.el.y())), t;
-                        }),
-                        (t.prototype.start = function (t) {
-                            if (("click" != t.type && "mousedown" != t.type && "mousemove" != t.type) || 1 == (t.which || t.buttons)) {
-                                var e = this;
-                                if ((this.el.fire("beforedrag", { event: t, handler: this }), !this.el.event().defaultPrevented)) {
-                                    t.preventDefault(),
-                                        t.stopPropagation(),
-                                        (this.parent = this.parent || this.el.parent(SVG.Nested) || this.el.parent(SVG.Doc)),
-                                        (this.p = this.parent.node.createSVGPoint()),
-                                        (this.m = this.el.node.getScreenCTM().inverse());
-                                    var i,
-                                        a = this.getBBox();
-                                    if (this.el instanceof SVG.Text)
-                                        switch (((i = this.el.node.getComputedTextLength()), this.el.attr("text-anchor"))) {
-                                            case "middle":
-                                                i /= 2;
-                                                break;
-                                            case "start":
-                                                i = 0;
-                                        }
-                                    (this.startPoints = { point: this.transformPoint(t, i), box: a, transform: this.el.transform() }),
-                                        SVG.on(window, "mousemove.drag", function (t) {
-                                            e.drag(t);
-                                        }),
-                                        SVG.on(window, "touchmove.drag", function (t) {
-                                            e.drag(t);
-                                        }),
-                                        SVG.on(window, "mouseup.drag", function (t) {
-                                            e.end(t);
-                                        }),
-                                        SVG.on(window, "touchend.drag", function (t) {
-                                            e.end(t);
-                                        }),
-                                        this.el.fire("dragstart", { event: t, p: this.startPoints.point, m: this.m, handler: this });
-                                }
-                            }
-                        }),
-                        (t.prototype.drag = function (t) {
-                            var e = this.getBBox(),
-                                i = this.transformPoint(t),
-                                a = this.startPoints.box.x + i.x - this.startPoints.point.x,
-                                s = this.startPoints.box.y + i.y - this.startPoints.point.y,
-                                n = this.constraint,
-                                r = i.x - this.startPoints.point.x,
-                                o = i.y - this.startPoints.point.y;
-                            if ((this.el.fire("dragmove", { event: t, p: i, m: this.m, handler: this }), this.el.event().defaultPrevented)) return i;
-                            if ("function" == typeof n) {
-                                var l = n.call(this.el, a, s, this.m);
-                                "boolean" == typeof l && (l = { x: l, y: l }), !0 === l.x ? this.el.x(a) : !1 !== l.x && this.el.x(l.x), !0 === l.y ? this.el.y(s) : !1 !== l.y && this.el.y(l.y);
-                            } else
-                                "object" == typeof n &&
-                                    (null != n.minX && a < n.minX ? (r = (a = n.minX) - this.startPoints.box.x) : null != n.maxX && a > n.maxX - e.width && (r = (a = n.maxX - e.width) - this.startPoints.box.x),
-                                    null != n.minY && s < n.minY ? (o = (s = n.minY) - this.startPoints.box.y) : null != n.maxY && s > n.maxY - e.height && (o = (s = n.maxY - e.height) - this.startPoints.box.y),
-                                    null != n.snapToGrid && ((a -= a % n.snapToGrid), (s -= s % n.snapToGrid), (r -= r % n.snapToGrid), (o -= o % n.snapToGrid)),
-                                    this.el instanceof SVG.G ? this.el.matrix(this.startPoints.transform).transform({ x: r, y: o }, !0) : this.el.move(a, s));
-                            return i;
-                        }),
-                        (t.prototype.end = function (t) {
-                            var e = this.drag(t);
-                            this.el.fire("dragend", { event: t, p: e, m: this.m, handler: this }), SVG.off(window, "mousemove.drag"), SVG.off(window, "touchmove.drag"), SVG.off(window, "mouseup.drag"), SVG.off(window, "touchend.drag");
-                        }),
-                        SVG.extend(SVG.Element, {
-                            draggable: function (e, i) {
-                                ("function" != typeof e && "object" != typeof e) || ((i = e), (e = !0));
-                                var a = this.remember("_draggable") || new t(this);
-                                return (e = void 0 === e || e) ? a.init(i || {}, e) : (this.off("mousedown.drag"), this.off("touchstart.drag")), this;
-                            },
-                        });
-                }.call(void 0),
-                (function () {
-                    function t(t) {
-                        (this.el = t), t.remember("_selectHandler", this), (this.pointSelection = { isSelected: !1 }), (this.rectSelection = { isSelected: !1 });
-                    }
-                    (t.prototype.init = function (t, e) {
-                        var i = this.el.bbox();
-                        for (var a in ((this.options = {}), this.el.selectize.defaults)) (this.options[a] = this.el.selectize.defaults[a]), void 0 !== e[a] && (this.options[a] = e[a]);
-                        (this.parent = this.el.parent()),
-                            (this.nested = this.nested || this.parent.group()),
-                            this.nested.matrix(new SVG.Matrix(this.el).translate(i.x, i.y)),
-                            this.options.deepSelect && -1 !== ["line", "polyline", "polygon"].indexOf(this.el.type) ? this.selectPoints(t) : this.selectRect(t),
-                            this.observe(),
-                            this.cleanup();
-                    }),
-                        (t.prototype.selectPoints = function (t) {
-                            return (this.pointSelection.isSelected = t), this.pointSelection.set ? this : ((this.pointSelection.set = this.parent.set()), this.drawCircles(), this);
-                        }),
-                        (t.prototype.getPointArray = function () {
-                            var t = this.el.bbox();
-                            return this.el
-                                .array()
-                                .valueOf()
-                                .map(function (e) {
-                                    return [e[0] - t.x, e[1] - t.y];
-                                });
-                        }),
-                        (t.prototype.drawCircles = function () {
-                            for (var t = this, e = this.getPointArray(), i = 0, a = e.length; i < a; ++i) {
-                                var s = (function (e) {
-                                    return function (i) {
-                                        (i = i || window.event).preventDefault ? i.preventDefault() : (i.returnValue = !1), i.stopPropagation();
-                                        var a = i.pageX || i.touches[0].pageX,
-                                            s = i.pageY || i.touches[0].pageY;
-                                        t.el.fire("point", { x: a, y: s, i: e, event: i });
-                                    };
-                                })(i);
-                                this.pointSelection.set.add(
-                                    this.nested
-                                        .circle(this.options.radius)
-                                        .center(e[i][0], e[i][1])
-                                        .addClass(this.options.classPoints)
-                                        .addClass(this.options.classPoints + "_point")
-                                        .on("touchstart", s)
-                                        .on("mousedown", s)
-                                );
-                            }
-                        }),
-                        (t.prototype.updatePointSelection = function () {
-                            var t = this.getPointArray();
-                            this.pointSelection.set.each(function (e) {
-                                (this.cx() === t[e][0] && this.cy() === t[e][1]) || this.center(t[e][0], t[e][1]);
-                            });
-                        }),
-                        (t.prototype.updateRectSelection = function () {
-                            var t = this.el.bbox();
-                            this.rectSelection.set.get(0).attr({ width: t.width, height: t.height }),
-                                this.options.points &&
-                                    (this.rectSelection.set.get(2).center(t.width, 0),
-                                    this.rectSelection.set.get(3).center(t.width, t.height),
-                                    this.rectSelection.set.get(4).center(0, t.height),
-                                    this.rectSelection.set.get(5).center(t.width / 2, 0),
-                                    this.rectSelection.set.get(6).center(t.width, t.height / 2),
-                                    this.rectSelection.set.get(7).center(t.width / 2, t.height),
-                                    this.rectSelection.set.get(8).center(0, t.height / 2)),
-                                this.options.rotationPoint && (this.options.points ? this.rectSelection.set.get(9).center(t.width / 2, 20) : this.rectSelection.set.get(1).center(t.width / 2, 20));
-                        }),
-                        (t.prototype.selectRect = function (t) {
-                            var e = this,
-                                i = this.el.bbox();
-                            function a(t) {
-                                return function (i) {
-                                    (i = i || window.event).preventDefault ? i.preventDefault() : (i.returnValue = !1), i.stopPropagation();
-                                    var a = i.pageX || i.touches[0].pageX,
-                                        s = i.pageY || i.touches[0].pageY;
-                                    e.el.fire(t, { x: a, y: s, event: i });
-                                };
-                            }
-                            if (
-                                ((this.rectSelection.isSelected = t),
-                                (this.rectSelection.set = this.rectSelection.set || this.parent.set()),
-                                this.rectSelection.set.get(0) || this.rectSelection.set.add(this.nested.rect(i.width, i.height).addClass(this.options.classRect)),
-                                this.options.points && !this.rectSelection.set.get(1))
-                            ) {
-                                var s = "touchstart",
-                                    n = "mousedown";
-                                this.rectSelection.set.add(
-                                    this.nested
-                                        .circle(this.options.radius)
-                                        .center(0, 0)
-                                        .attr("class", this.options.classPoints + "_lt")
-                                        .on(n, a("lt"))
-                                        .on(s, a("lt"))
-                                ),
-                                    this.rectSelection.set.add(
-                                        this.nested
-                                            .circle(this.options.radius)
-                                            .center(i.width, 0)
-                                            .attr("class", this.options.classPoints + "_rt")
-                                            .on(n, a("rt"))
-                                            .on(s, a("rt"))
-                                    ),
-                                    this.rectSelection.set.add(
-                                        this.nested
-                                            .circle(this.options.radius)
-                                            .center(i.width, i.height)
-                                            .attr("class", this.options.classPoints + "_rb")
-                                            .on(n, a("rb"))
-                                            .on(s, a("rb"))
-                                    ),
-                                    this.rectSelection.set.add(
-                                        this.nested
-                                            .circle(this.options.radius)
-                                            .center(0, i.height)
-                                            .attr("class", this.options.classPoints + "_lb")
-                                            .on(n, a("lb"))
-                                            .on(s, a("lb"))
-                                    ),
-                                    this.rectSelection.set.add(
-                                        this.nested
-                                            .circle(this.options.radius)
-                                            .center(i.width / 2, 0)
-                                            .attr("class", this.options.classPoints + "_t")
-                                            .on(n, a("t"))
-                                            .on(s, a("t"))
-                                    ),
-                                    this.rectSelection.set.add(
-                                        this.nested
-                                            .circle(this.options.radius)
-                                            .center(i.width, i.height / 2)
-                                            .attr("class", this.options.classPoints + "_r")
-                                            .on(n, a("r"))
-                                            .on(s, a("r"))
-                                    ),
-                                    this.rectSelection.set.add(
-                                        this.nested
-                                            .circle(this.options.radius)
-                                            .center(i.width / 2, i.height)
-                                            .attr("class", this.options.classPoints + "_b")
-                                            .on(n, a("b"))
-                                            .on(s, a("b"))
-                                    ),
-                                    this.rectSelection.set.add(
-                                        this.nested
-                                            .circle(this.options.radius)
-                                            .center(0, i.height / 2)
-                                            .attr("class", this.options.classPoints + "_l")
-                                            .on(n, a("l"))
-                                            .on(s, a("l"))
-                                    ),
-                                    this.rectSelection.set.each(function () {
-                                        this.addClass(e.options.classPoints);
-                                    });
-                            }
-                            if (this.options.rotationPoint && ((this.options.points && !this.rectSelection.set.get(9)) || (!this.options.points && !this.rectSelection.set.get(1)))) {
-                                var r = function (t) {
-                                    (t = t || window.event).preventDefault ? t.preventDefault() : (t.returnValue = !1), t.stopPropagation();
-                                    var i = t.pageX || t.touches[0].pageX,
-                                        a = t.pageY || t.touches[0].pageY;
-                                    e.el.fire("rot", { x: i, y: a, event: t });
-                                };
-                                this.rectSelection.set.add(
-                                    this.nested
-                                        .circle(this.options.radius)
-                                        .center(i.width / 2, 20)
-                                        .attr("class", this.options.classPoints + "_rot")
-                                        .on("touchstart", r)
-                                        .on("mousedown", r)
-                                );
-                            }
-                        }),
-                        (t.prototype.handler = function () {
-                            var t = this.el.bbox();
-                            this.nested.matrix(new SVG.Matrix(this.el).translate(t.x, t.y)), this.rectSelection.isSelected && this.updateRectSelection(), this.pointSelection.isSelected && this.updatePointSelection();
-                        }),
-                        (t.prototype.observe = function () {
-                            var t = this;
-                            if (MutationObserver)
-                                if (this.rectSelection.isSelected || this.pointSelection.isSelected)
-                                    (this.observerInst =
-                                        this.observerInst ||
-                                        new MutationObserver(function () {
-                                            t.handler();
-                                        })),
-                                        this.observerInst.observe(this.el.node, { attributes: !0 });
-                                else
-                                    try {
-                                        this.observerInst.disconnect(), delete this.observerInst;
-                                    } catch (t) {}
-                            else
-                                this.el.off("DOMAttrModified.select"),
-                                    (this.rectSelection.isSelected || this.pointSelection.isSelected) &&
-                                        this.el.on("DOMAttrModified.select", function () {
-                                            t.handler();
-                                        });
-                        }),
-                        (t.prototype.cleanup = function () {
-                            !this.rectSelection.isSelected &&
-                                this.rectSelection.set &&
-                                (this.rectSelection.set.each(function () {
-                                    this.remove();
-                                }),
-                                this.rectSelection.set.clear(),
-                                delete this.rectSelection.set),
-                                !this.pointSelection.isSelected &&
-                                    this.pointSelection.set &&
-                                    (this.pointSelection.set.each(function () {
-                                        this.remove();
-                                    }),
-                                    this.pointSelection.set.clear(),
-                                    delete this.pointSelection.set),
-                                this.pointSelection.isSelected || this.rectSelection.isSelected || (this.nested.remove(), delete this.nested);
-                        }),
-                        SVG.extend(SVG.Element, {
-                            selectize: function (e, i) {
-                                return "object" == typeof e && ((i = e), (e = !0)), (this.remember("_selectHandler") || new t(this)).init(void 0 === e || e, i || {}), this;
-                            },
-                        }),
-                        (SVG.Element.prototype.selectize.defaults = { points: !0, classRect: "svg_select_boundingRect", classPoints: "svg_select_points", radius: 7, rotationPoint: !0, deepSelect: !1 });
-                })(),
-                (function () {
-                    (function () {
-                        function t(t) {
-                            t.remember("_resizeHandler", this), (this.el = t), (this.parameters = {}), (this.lastUpdateCall = null), (this.p = t.doc().node.createSVGPoint());
-                        }
-                        (t.prototype.transformPoint = function (t, e, i) {
-                            return (this.p.x = t - (this.offset.x - window.pageXOffset)), (this.p.y = e - (this.offset.y - window.pageYOffset)), this.p.matrixTransform(i || this.m);
-                        }),
-                            (t.prototype._extractPosition = function (t) {
-                                return { x: null != t.clientX ? t.clientX : t.touches[0].clientX, y: null != t.clientY ? t.clientY : t.touches[0].clientY };
-                            }),
-                            (t.prototype.init = function (t) {
-                                var e = this;
-                                if ((this.stop(), "stop" !== t)) {
-                                    for (var i in ((this.options = {}), this.el.resize.defaults)) (this.options[i] = this.el.resize.defaults[i]), void 0 !== t[i] && (this.options[i] = t[i]);
-                                    this.el.on("lt.resize", function (t) {
-                                        e.resize(t || window.event);
-                                    }),
-                                        this.el.on("rt.resize", function (t) {
-                                            e.resize(t || window.event);
-                                        }),
-                                        this.el.on("rb.resize", function (t) {
-                                            e.resize(t || window.event);
-                                        }),
-                                        this.el.on("lb.resize", function (t) {
-                                            e.resize(t || window.event);
-                                        }),
-                                        this.el.on("t.resize", function (t) {
-                                            e.resize(t || window.event);
-                                        }),
-                                        this.el.on("r.resize", function (t) {
-                                            e.resize(t || window.event);
-                                        }),
-                                        this.el.on("b.resize", function (t) {
-                                            e.resize(t || window.event);
-                                        }),
-                                        this.el.on("l.resize", function (t) {
-                                            e.resize(t || window.event);
-                                        }),
-                                        this.el.on("rot.resize", function (t) {
-                                            e.resize(t || window.event);
-                                        }),
-                                        this.el.on("point.resize", function (t) {
-                                            e.resize(t || window.event);
-                                        }),
-                                        this.update();
-                                }
-                            }),
-                            (t.prototype.stop = function () {
-                                return (
-                                    this.el.off("lt.resize"),
-                                    this.el.off("rt.resize"),
-                                    this.el.off("rb.resize"),
-                                    this.el.off("lb.resize"),
-                                    this.el.off("t.resize"),
-                                    this.el.off("r.resize"),
-                                    this.el.off("b.resize"),
-                                    this.el.off("l.resize"),
-                                    this.el.off("rot.resize"),
-                                    this.el.off("point.resize"),
-                                    this
-                                );
-                            }),
-                            (t.prototype.resize = function (t) {
-                                var e = this;
-                                (this.m = this.el.node.getScreenCTM().inverse()), (this.offset = { x: window.pageXOffset, y: window.pageYOffset });
-                                var i = this._extractPosition(t.detail.event);
-                                if (
-                                    ((this.parameters = { type: this.el.type, p: this.transformPoint(i.x, i.y), x: t.detail.x, y: t.detail.y, box: this.el.bbox(), rotation: this.el.transform().rotation }),
-                                    "text" === this.el.type && (this.parameters.fontSize = this.el.attr()["font-size"]),
-                                    void 0 !== t.detail.i)
-                                ) {
-                                    var a = this.el.array().valueOf();
-                                    (this.parameters.i = t.detail.i), (this.parameters.pointCoords = [a[t.detail.i][0], a[t.detail.i][1]]);
-                                }
-                                switch (t.type) {
-                                    case "lt":
-                                        this.calc = function (t, e) {
-                                            var i = this.snapToGrid(t, e);
-                                            if (this.parameters.box.width - i[0] > 0 && this.parameters.box.height - i[1] > 0) {
-                                                if ("text" === this.parameters.type) return this.el.move(this.parameters.box.x + i[0], this.parameters.box.y), void this.el.attr("font-size", this.parameters.fontSize - i[0]);
-                                                (i = this.checkAspectRatio(i)), this.el.move(this.parameters.box.x + i[0], this.parameters.box.y + i[1]).size(this.parameters.box.width - i[0], this.parameters.box.height - i[1]);
-                                            }
-                                        };
-                                        break;
-                                    case "rt":
-                                        this.calc = function (t, e) {
-                                            var i = this.snapToGrid(t, e, 2);
-                                            if (this.parameters.box.width + i[0] > 0 && this.parameters.box.height - i[1] > 0) {
-                                                if ("text" === this.parameters.type) return this.el.move(this.parameters.box.x - i[0], this.parameters.box.y), void this.el.attr("font-size", this.parameters.fontSize + i[0]);
-                                                (i = this.checkAspectRatio(i, !0)), this.el.move(this.parameters.box.x, this.parameters.box.y + i[1]).size(this.parameters.box.width + i[0], this.parameters.box.height - i[1]);
-                                            }
-                                        };
-                                        break;
-                                    case "rb":
-                                        this.calc = function (t, e) {
-                                            var i = this.snapToGrid(t, e, 0);
-                                            if (this.parameters.box.width + i[0] > 0 && this.parameters.box.height + i[1] > 0) {
-                                                if ("text" === this.parameters.type) return this.el.move(this.parameters.box.x - i[0], this.parameters.box.y), void this.el.attr("font-size", this.parameters.fontSize + i[0]);
-                                                (i = this.checkAspectRatio(i)), this.el.move(this.parameters.box.x, this.parameters.box.y).size(this.parameters.box.width + i[0], this.parameters.box.height + i[1]);
-                                            }
-                                        };
-                                        break;
-                                    case "lb":
-                                        this.calc = function (t, e) {
-                                            var i = this.snapToGrid(t, e, 1);
-                                            if (this.parameters.box.width - i[0] > 0 && this.parameters.box.height + i[1] > 0) {
-                                                if ("text" === this.parameters.type) return this.el.move(this.parameters.box.x + i[0], this.parameters.box.y), void this.el.attr("font-size", this.parameters.fontSize - i[0]);
-                                                (i = this.checkAspectRatio(i, !0)), this.el.move(this.parameters.box.x + i[0], this.parameters.box.y).size(this.parameters.box.width - i[0], this.parameters.box.height + i[1]);
-                                            }
-                                        };
-                                        break;
-                                    case "t":
-                                        this.calc = function (t, e) {
-                                            var i = this.snapToGrid(t, e, 2);
-                                            if (this.parameters.box.height - i[1] > 0) {
-                                                if ("text" === this.parameters.type) return;
-                                                this.el.move(this.parameters.box.x, this.parameters.box.y + i[1]).height(this.parameters.box.height - i[1]);
-                                            }
-                                        };
-                                        break;
-                                    case "r":
-                                        this.calc = function (t, e) {
-                                            var i = this.snapToGrid(t, e, 0);
-                                            if (this.parameters.box.width + i[0] > 0) {
-                                                if ("text" === this.parameters.type) return;
-                                                this.el.move(this.parameters.box.x, this.parameters.box.y).width(this.parameters.box.width + i[0]);
-                                            }
-                                        };
-                                        break;
-                                    case "b":
-                                        this.calc = function (t, e) {
-                                            var i = this.snapToGrid(t, e, 0);
-                                            if (this.parameters.box.height + i[1] > 0) {
-                                                if ("text" === this.parameters.type) return;
-                                                this.el.move(this.parameters.box.x, this.parameters.box.y).height(this.parameters.box.height + i[1]);
-                                            }
-                                        };
-                                        break;
-                                    case "l":
-                                        this.calc = function (t, e) {
-                                            var i = this.snapToGrid(t, e, 1);
-                                            if (this.parameters.box.width - i[0] > 0) {
-                                                if ("text" === this.parameters.type) return;
-                                                this.el.move(this.parameters.box.x + i[0], this.parameters.box.y).width(this.parameters.box.width - i[0]);
-                                            }
-                                        };
-                                        break;
-                                    case "rot":
-                                        this.calc = function (t, e) {
-                                            var i = t + this.parameters.p.x,
-                                                a = e + this.parameters.p.y,
-                                                s = Math.atan2(this.parameters.p.y - this.parameters.box.y - this.parameters.box.height / 2, this.parameters.p.x - this.parameters.box.x - this.parameters.box.width / 2),
-                                                n = Math.atan2(a - this.parameters.box.y - this.parameters.box.height / 2, i - this.parameters.box.x - this.parameters.box.width / 2),
-                                                r = this.parameters.rotation + (180 * (n - s)) / Math.PI + this.options.snapToAngle / 2;
-                                            this.el.center(this.parameters.box.cx, this.parameters.box.cy).rotate(r - (r % this.options.snapToAngle), this.parameters.box.cx, this.parameters.box.cy);
-                                        };
-                                        break;
-                                    case "point":
-                                        this.calc = function (t, e) {
-                                            var i = this.snapToGrid(t, e, this.parameters.pointCoords[0], this.parameters.pointCoords[1]),
-                                                a = this.el.array().valueOf();
-                                            (a[this.parameters.i][0] = this.parameters.pointCoords[0] + i[0]), (a[this.parameters.i][1] = this.parameters.pointCoords[1] + i[1]), this.el.plot(a);
-                                        };
-                                }
-                                this.el.fire("resizestart", { dx: this.parameters.x, dy: this.parameters.y, event: t }),
-                                    SVG.on(window, "touchmove.resize", function (t) {
-                                        e.update(t || window.event);
-                                    }),
-                                    SVG.on(window, "touchend.resize", function () {
-                                        e.done();
-                                    }),
-                                    SVG.on(window, "mousemove.resize", function (t) {
-                                        e.update(t || window.event);
-                                    }),
-                                    SVG.on(window, "mouseup.resize", function () {
-                                        e.done();
-                                    });
-                            }),
-                            (t.prototype.update = function (t) {
-                                if (t) {
-                                    var e = this._extractPosition(t),
-                                        i = this.transformPoint(e.x, e.y),
-                                        a = i.x - this.parameters.p.x,
-                                        s = i.y - this.parameters.p.y;
-                                    (this.lastUpdateCall = [a, s]), this.calc(a, s), this.el.fire("resizing", { dx: a, dy: s, event: t });
-                                } else this.lastUpdateCall && this.calc(this.lastUpdateCall[0], this.lastUpdateCall[1]);
-                            }),
-                            (t.prototype.done = function () {
-                                (this.lastUpdateCall = null), SVG.off(window, "mousemove.resize"), SVG.off(window, "mouseup.resize"), SVG.off(window, "touchmove.resize"), SVG.off(window, "touchend.resize"), this.el.fire("resizedone");
-                            }),
-                            (t.prototype.snapToGrid = function (t, e, i, a) {
-                                var s;
-                                return (
-                                    void 0 !== a
-                                        ? (s = [(i + t) % this.options.snapToGrid, (a + e) % this.options.snapToGrid])
-                                        : ((i = null == i ? 3 : i),
-                                          (s = [
-                                              (this.parameters.box.x + t + (1 & i ? 0 : this.parameters.box.width)) % this.options.snapToGrid,
-                                              (this.parameters.box.y + e + (2 & i ? 0 : this.parameters.box.height)) % this.options.snapToGrid,
-                                          ])),
-                                    t < 0 && (s[0] -= this.options.snapToGrid),
-                                    e < 0 && (s[1] -= this.options.snapToGrid),
-                                    (t -= Math.abs(s[0]) < this.options.snapToGrid / 2 ? s[0] : s[0] - (t < 0 ? -this.options.snapToGrid : this.options.snapToGrid)),
-                                    (e -= Math.abs(s[1]) < this.options.snapToGrid / 2 ? s[1] : s[1] - (e < 0 ? -this.options.snapToGrid : this.options.snapToGrid)),
-                                    this.constraintToBox(t, e, i, a)
-                                );
-                            }),
-                            (t.prototype.constraintToBox = function (t, e, i, a) {
-                                var s,
-                                    n,
-                                    r = this.options.constraint || {};
-                                return (
-                                    void 0 !== a ? ((s = i), (n = a)) : ((s = this.parameters.box.x + (1 & i ? 0 : this.parameters.box.width)), (n = this.parameters.box.y + (2 & i ? 0 : this.parameters.box.height))),
-                                    void 0 !== r.minX && s + t < r.minX && (t = r.minX - s),
-                                    void 0 !== r.maxX && s + t > r.maxX && (t = r.maxX - s),
-                                    void 0 !== r.minY && n + e < r.minY && (e = r.minY - n),
-                                    void 0 !== r.maxY && n + e > r.maxY && (e = r.maxY - n),
-                                    [t, e]
-                                );
-                            }),
-                            (t.prototype.checkAspectRatio = function (t, e) {
-                                if (!this.options.saveAspectRatio) return t;
-                                var i = t.slice(),
-                                    a = this.parameters.box.width / this.parameters.box.height,
-                                    s = this.parameters.box.width + t[0],
-                                    n = this.parameters.box.height - t[1],
-                                    r = s / n;
-                                return r < a ? ((i[1] = s / a - this.parameters.box.height), e && (i[1] = -i[1])) : r > a && ((i[0] = this.parameters.box.width - n * a), e && (i[0] = -i[0])), i;
-                            }),
-                            SVG.extend(SVG.Element, {
-                                resize: function (e) {
-                                    return (this.remember("_resizeHandler") || new t(this)).init(e || {}), this;
-                                },
-                            }),
-                            (SVG.Element.prototype.resize.defaults = { snapToAngle: 0.1, snapToGrid: 1, constraint: {}, saveAspectRatio: !1 });
-                    }.call(this));
-                })();
-            !(function (t, e) {
-                void 0 === e && (e = {});
-                var i = e.insertAt;
-                if (t && "undefined" != typeof document) {
-                    var a = document.head || document.getElementsByTagName("head")[0],
-                        s = document.createElement("style");
-                    (s.type = "text/css"), "top" === i && a.firstChild ? a.insertBefore(s, a.firstChild) : a.appendChild(s), s.styleSheet ? (s.styleSheet.cssText = t) : s.appendChild(document.createTextNode(t));
-                }
-            })(
-                '.apexcharts-canvas {\n  position: relative;\n  user-select: none;\n  /* cannot give overflow: hidden as it will crop tooltips which overflow outside chart area */\n}\n\n/* scrollbar is not visible by default for legend, hence forcing the visibility */\n.apexcharts-canvas ::-webkit-scrollbar {\n  -webkit-appearance: none;\n  width: 6px;\n}\n.apexcharts-canvas ::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background-color: rgba(0,0,0,.5);\n  box-shadow: 0 0 1px rgba(255,255,255,.5);\n  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);\n}\n.apexcharts-canvas.dark {\n  background: #343F57;\n}\n\n.apexcharts-inner {\n  position: relative;\n}\n\n.legend-mouseover-inactive {\n  transition: 0.15s ease all;\n  opacity: 0.20;\n}\n\n.apexcharts-series-collapsed {\n  opacity: 0;\n}\n\n.apexcharts-gridline, .apexcharts-text {\n  pointer-events: none;\n}\n\n.apexcharts-tooltip {\n  border-radius: 5px;\n  box-shadow: 2px 2px 6px -4px #999;\n  cursor: default;\n  font-size: 14px;\n  left: 62px;\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 20px;\n  overflow: hidden;\n  white-space: nowrap;\n  z-index: 12;\n  transition: 0.15s ease all;\n}\n.apexcharts-tooltip.light {\n  border: 1px solid #e3e3e3;\n  background: rgba(255, 255, 255, 0.96);\n}\n.apexcharts-tooltip.dark {\n  color: #fff;\n  background: rgba(30,30,30, 0.8);\n}\n.apexcharts-tooltip * {\n  font-family: inherit;\n}\n\n.apexcharts-tooltip .apexcharts-marker,\n.apexcharts-area-series .apexcharts-area,\n.apexcharts-line {\n  pointer-events: none;\n}\n\n.apexcharts-tooltip.active {\n  opacity: 1;\n  transition: 0.15s ease all;\n}\n\n.apexcharts-tooltip-title {\n  padding: 6px;\n  font-size: 15px;\n  margin-bottom: 4px;\n}\n.apexcharts-tooltip.light .apexcharts-tooltip-title {\n  background: #ECEFF1;\n  border-bottom: 1px solid #ddd;\n}\n.apexcharts-tooltip.dark .apexcharts-tooltip-title {\n  background: rgba(0, 0, 0, 0.7);\n  border-bottom: 1px solid #333;\n}\n\n.apexcharts-tooltip-text-value,\n.apexcharts-tooltip-text-z-value {\n  display: inline-block;\n  font-weight: 600;\n  margin-left: 5px;\n}\n\n.apexcharts-tooltip-text-z-label:empty,\n.apexcharts-tooltip-text-z-value:empty {\n  display: none;\n}\n\n.apexcharts-tooltip-text-value, \n.apexcharts-tooltip-text-z-value {\n  font-weight: 600;\n}\n\n.apexcharts-tooltip-marker {\n  width: 12px;\n  height: 12px;\n  position: relative;\n  top: 0px;\n  margin-right: 10px;\n  border-radius: 50%;\n}\n\n.apexcharts-tooltip-series-group {\n  padding: 0 10px;\n  display: none;\n  text-align: left;\n  justify-content: left;\n  align-items: center;\n}\n\n.apexcharts-tooltip-series-group.active .apexcharts-tooltip-marker {\n  opacity: 1;\n}\n.apexcharts-tooltip-series-group.active, .apexcharts-tooltip-series-group:last-child {\n  padding-bottom: 4px;\n}\n.apexcharts-tooltip-series-group-hidden {\n  opacity: 0;\n  height: 0;\n  line-height: 0;\n  padding: 0 !important;\n}\n.apexcharts-tooltip-y-group {\n  padding: 6px 0 5px;\n}\n.apexcharts-tooltip-candlestick {\n  padding: 4px 8px;\n}\n.apexcharts-tooltip-candlestick > div {\n  margin: 4px 0;\n}\n.apexcharts-tooltip-candlestick span.value {\n  font-weight: bold;\n}\n\n.apexcharts-tooltip-rangebar {\n  padding: 5px 8px;\n}\n\n.apexcharts-tooltip-rangebar .category {\n  font-weight: 600;\n  color: #777;\n}\n\n.apexcharts-tooltip-rangebar .series-name {\n  font-weight: bold;\n  display: block;\n  margin-bottom: 5px;\n}\n\n.apexcharts-xaxistooltip {\n  opacity: 0;\n  padding: 9px 10px;\n  pointer-events: none;\n  color: #373d3f;\n  font-size: 13px;\n  text-align: center;\n  border-radius: 2px;\n  position: absolute;\n  z-index: 10;\n\tbackground: #ECEFF1;\n  border: 1px solid #90A4AE;\n  transition: 0.15s ease all;\n}\n\n.apexcharts-xaxistooltip.dark {\n  background: rgba(0, 0, 0, 0.7);\n  border: 1px solid rgba(0, 0, 0, 0.5);\n  color: #fff;\n}\n\n.apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before {\n\tleft: 50%;\n\tborder: solid transparent;\n\tcontent: " ";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tpointer-events: none;\n}\n\n.apexcharts-xaxistooltip:after {\n\tborder-color: rgba(236, 239, 241, 0);\n\tborder-width: 6px;\n\tmargin-left: -6px;\n}\n.apexcharts-xaxistooltip:before {\n\tborder-color: rgba(144, 164, 174, 0);\n\tborder-width: 7px;\n\tmargin-left: -7px;\n}\n\n.apexcharts-xaxistooltip-bottom:after, .apexcharts-xaxistooltip-bottom:before {\n  bottom: 100%;\n}\n\n.apexcharts-xaxistooltip-top:after, .apexcharts-xaxistooltip-top:before {\n  top: 100%;\n}\n\n.apexcharts-xaxistooltip-bottom:after {\n  border-bottom-color: #ECEFF1;\n}\n.apexcharts-xaxistooltip-bottom:before {\n  border-bottom-color: #90A4AE;\n}\n\n.apexcharts-xaxistooltip-bottom.dark:after {\n  border-bottom-color: rgba(0, 0, 0, 0.5);\n}\n.apexcharts-xaxistooltip-bottom.dark:before {\n  border-bottom-color: rgba(0, 0, 0, 0.5);\n}\n\n.apexcharts-xaxistooltip-top:after {\n  border-top-color:#ECEFF1\n}\n.apexcharts-xaxistooltip-top:before {\n  border-top-color: #90A4AE;\n}\n.apexcharts-xaxistooltip-top.dark:after {\n  border-top-color:rgba(0, 0, 0, 0.5);\n}\n.apexcharts-xaxistooltip-top.dark:before {\n  border-top-color: rgba(0, 0, 0, 0.5);\n}\n\n\n.apexcharts-xaxistooltip.active {\n  opacity: 1;\n  transition: 0.15s ease all;\n}\n\n.apexcharts-yaxistooltip {\n  opacity: 0;\n  padding: 4px 10px;\n  pointer-events: none;\n  color: #373d3f;\n  font-size: 13px;\n  text-align: center;\n  border-radius: 2px;\n  position: absolute;\n  z-index: 10;\n\tbackground: #ECEFF1;\n  border: 1px solid #90A4AE;\n}\n\n.apexcharts-yaxistooltip.dark {\n  background: rgba(0, 0, 0, 0.7);\n  border: 1px solid rgba(0, 0, 0, 0.5);\n  color: #fff;\n}\n\n.apexcharts-yaxistooltip:after, .apexcharts-yaxistooltip:before {\n\ttop: 50%;\n\tborder: solid transparent;\n\tcontent: " ";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tpointer-events: none;\n}\n.apexcharts-yaxistooltip:after {\n\tborder-color: rgba(236, 239, 241, 0);\n\tborder-width: 6px;\n\tmargin-top: -6px;\n}\n.apexcharts-yaxistooltip:before {\n\tborder-color: rgba(144, 164, 174, 0);\n\tborder-width: 7px;\n\tmargin-top: -7px;\n}\n\n.apexcharts-yaxistooltip-left:after, .apexcharts-yaxistooltip-left:before {\n  left: 100%;\n}\n\n.apexcharts-yaxistooltip-right:after, .apexcharts-yaxistooltip-right:before {\n  right: 100%;\n}\n\n.apexcharts-yaxistooltip-left:after {\n  border-left-color: #ECEFF1;\n}\n.apexcharts-yaxistooltip-left:before {\n  border-left-color: #90A4AE;\n}\n.apexcharts-yaxistooltip-left.dark:after {\n  border-left-color: rgba(0, 0, 0, 0.5);\n}\n.apexcharts-yaxistooltip-left.dark:before {\n  border-left-color: rgba(0, 0, 0, 0.5);\n}\n\n.apexcharts-yaxistooltip-right:after {\n  border-right-color: #ECEFF1;\n}\n.apexcharts-yaxistooltip-right:before {\n  border-right-color: #90A4AE;\n}\n.apexcharts-yaxistooltip-right.dark:after {\n  border-right-color: rgba(0, 0, 0, 0.5);\n}\n.apexcharts-yaxistooltip-right.dark:before {\n  border-right-color: rgba(0, 0, 0, 0.5);\n}\n\n.apexcharts-yaxistooltip.active {\n  opacity: 1;\n}\n\n.apexcharts-xcrosshairs, .apexcharts-ycrosshairs {\n  pointer-events: none;\n  opacity: 0;\n  transition: 0.15s ease all;\n}\n\n.apexcharts-xcrosshairs.active, .apexcharts-ycrosshairs.active {\n  opacity: 1;\n  transition: 0.15s ease all;\n}\n\n.apexcharts-ycrosshairs-hidden {\n  opacity: 0;\n}\n\n.apexcharts-zoom-rect {\n  pointer-events: none;\n}\n.apexcharts-selection-rect {\n  cursor: move;\n}\n\n.svg_select_points, .svg_select_points_rot {\n  opacity: 0;\n  visibility: hidden;\n}\n.svg_select_points_l, .svg_select_points_r {\n  cursor: ew-resize;\n  opacity: 1;\n  visibility: visible;\n  fill: #888;\n}\n.apexcharts-canvas.zoomable .hovering-zoom {\n  cursor: crosshair\n}\n.apexcharts-canvas.zoomable .hovering-pan {\n  cursor: move\n}\n\n.apexcharts-xaxis,\n.apexcharts-yaxis {\n  pointer-events: none;\n}\n\n.apexcharts-zoom-icon, \n.apexcharts-zoom-in-icon,\n.apexcharts-zoom-out-icon,\n.apexcharts-reset-zoom-icon, \n.apexcharts-pan-icon, \n.apexcharts-selection-icon,\n.apexcharts-menu-icon, \n.apexcharts-toolbar-custom-icon {\n  cursor: pointer;\n  width: 20px;\n  height: 20px;\n  line-height: 24px;\n  color: #6E8192;\n  text-align: center;\n}\n\n\n.apexcharts-zoom-icon svg, \n.apexcharts-zoom-in-icon svg,\n.apexcharts-zoom-out-icon svg,\n.apexcharts-reset-zoom-icon svg,\n.apexcharts-menu-icon svg {\n  fill: #6E8192;\n}\n.apexcharts-selection-icon svg {\n  fill: #444;\n  transform: scale(0.76)\n}\n\n.dark .apexcharts-zoom-icon svg, \n.dark .apexcharts-zoom-in-icon svg,\n.dark .apexcharts-zoom-out-icon svg,\n.dark .apexcharts-reset-zoom-icon svg, \n.dark .apexcharts-pan-icon svg, \n.dark .apexcharts-selection-icon svg,\n.dark .apexcharts-menu-icon svg, \n.dark .apexcharts-toolbar-custom-icon svg{\n  fill: #f3f4f5;\n}\n\n.apexcharts-canvas .apexcharts-zoom-icon.selected svg, \n.apexcharts-canvas .apexcharts-selection-icon.selected svg, \n.apexcharts-canvas .apexcharts-reset-zoom-icon.selected svg {\n  fill: #008FFB;\n}\n.light .apexcharts-selection-icon:not(.selected):hover svg,\n.light .apexcharts-zoom-icon:not(.selected):hover svg, \n.light .apexcharts-zoom-in-icon:hover svg, \n.light .apexcharts-zoom-out-icon:hover svg, \n.light .apexcharts-reset-zoom-icon:hover svg, \n.light .apexcharts-menu-icon:hover svg {\n  fill: #333;\n}\n\n.apexcharts-selection-icon, .apexcharts-menu-icon {\n  position: relative;\n}\n.apexcharts-reset-zoom-icon {\n  margin-left: 5px;\n}\n.apexcharts-zoom-icon, .apexcharts-reset-zoom-icon, .apexcharts-menu-icon {\n  transform: scale(0.85);\n}\n\n.apexcharts-zoom-in-icon, .apexcharts-zoom-out-icon {\n  transform: scale(0.7)\n}\n\n.apexcharts-zoom-out-icon {\n  margin-right: 3px;\n}\n\n.apexcharts-pan-icon {\n  transform: scale(0.62);\n  position: relative;\n  left: 1px;\n  top: 0px;\n}\n.apexcharts-pan-icon svg {\n  fill: #fff;\n  stroke: #6E8192;\n  stroke-width: 2;\n}\n.apexcharts-pan-icon.selected svg {\n  stroke: #008FFB;\n}\n.apexcharts-pan-icon:not(.selected):hover svg {\n  stroke: #333;\n}\n\n.apexcharts-toolbar {\n  position: absolute;\n  z-index: 11;\n  top: 0px;\n  right: 3px;\n  max-width: 176px;\n  text-align: right;\n  border-radius: 3px;\n  padding: 0px 6px 2px 6px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center; \n}\n\n.apexcharts-toolbar svg {\n  pointer-events: none;\n}\n\n.apexcharts-menu {\n  background: #fff;\n  position: absolute;\n  top: 100%;\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  padding: 3px;\n  right: 10px;\n  opacity: 0;\n  min-width: 110px;\n  transition: 0.15s ease all;\n  pointer-events: none;\n}\n\n.apexcharts-menu.open {\n  opacity: 1;\n  pointer-events: all;\n  transition: 0.15s ease all;\n}\n\n.apexcharts-menu-item {\n  padding: 6px 7px;\n  font-size: 12px;\n  cursor: pointer;\n}\n.light .apexcharts-menu-item:hover {\n  background: #eee;\n}\n.dark .apexcharts-menu {\n  background: rgba(0, 0, 0, 0.7);\n  color: #fff;\n}\n\n@media screen and (min-width: 768px) {\n  .apexcharts-toolbar {\n    /*opacity: 0;*/\n  }\n\n  .apexcharts-canvas:hover .apexcharts-toolbar {\n    opacity: 1;\n  } \n}\n\n.apexcharts-datalabel.hidden {\n  opacity: 0;\n}\n\n.apexcharts-pie-label,\n.apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value {\n  cursor: default;\n  pointer-events: none;\n}\n\n.apexcharts-pie-label-delay {\n  opacity: 0;\n  animation-name: opaque;\n  animation-duration: 0.3s;\n  animation-fill-mode: forwards;\n  animation-timing-function: ease;\n}\n\n.apexcharts-canvas .hidden {\n  opacity: 0;\n}\n\n.apexcharts-hide .apexcharts-series-points {\n  opacity: 0;\n}\n\n.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,\n.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-radar-series path, .apexcharts-radar-series polygon {\n  pointer-events: none;\n}\n\n/* markers */\n\n.apexcharts-marker {\n  transition: 0.15s ease all;\n}\n\n@keyframes opaque {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}'
-            ),
-                /*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js */
-                "document" in self &&
-                    (("classList" in document.createElement("_") && (!document.createElementNS || "classList" in document.createElementNS("http://www.w3.org/2000/svg", "g"))) ||
-                        (function (t) {
-                            if ("Element" in t) {
-                                var e = t.Element.prototype,
-                                    i = Object,
-                                    a =
-                                        String.prototype.trim ||
-                                        function () {
-                                            return this.replace(/^\s+|\s+$/g, "");
-                                        },
-                                    s =
-                                        Array.prototype.indexOf ||
-                                        function (t) {
-                                            for (var e = 0, i = this.length; e < i; e++) if (e in this && this[e] === t) return e;
-                                            return -1;
-                                        },
-                                    n = function (t, e) {
-                                        (this.name = t), (this.code = DOMException[t]), (this.message = e);
-                                    },
-                                    r = function (t, e) {
-                                        if ("" === e) throw new n("SYNTAX_ERR", "The token must not be empty.");
-                                        if (/\s/.test(e)) throw new n("INVALID_CHARACTER_ERR", "The token must not contain space characters.");
-                                        return s.call(t, e);
-                                    },
-                                    o = function (t) {
-                                        for (var e = a.call(t.getAttribute("class") || ""), i = e ? e.split(/\s+/) : [], s = 0, n = i.length; s < n; s++) this.push(i[s]);
-                                        this._updateClassName = function () {
-                                            t.setAttribute("class", this.toString());
-                                        };
-                                    },
-                                    l = (o.prototype = []),
-                                    h = function () {
-                                        return new o(this);
-                                    };
-                                if (
-                                    ((n.prototype = Error.prototype),
-                                    (l.item = function (t) {
-                                        return this[t] || null;
-                                    }),
-                                    (l.contains = function (t) {
-                                        return ~r(this, t + "");
-                                    }),
-                                    (l.add = function () {
-                                        var t,
-                                            e = arguments,
-                                            i = 0,
-                                            a = e.length,
-                                            s = !1;
-                                        do {
-                                            (t = e[i] + ""), ~r(this, t) || (this.push(t), (s = !0));
-                                        } while (++i < a);
-                                        s && this._updateClassName();
-                                    }),
-                                    (l.remove = function () {
-                                        var t,
-                                            e,
-                                            i = arguments,
-                                            a = 0,
-                                            s = i.length,
-                                            n = !1;
-                                        do {
-                                            for (t = i[a] + "", e = r(this, t); ~e; ) this.splice(e, 1), (n = !0), (e = r(this, t));
-                                        } while (++a < s);
-                                        n && this._updateClassName();
-                                    }),
-                                    (l.toggle = function (t, e) {
-                                        var i = this.contains(t),
-                                            a = i ? !0 !== e && "remove" : !1 !== e && "add";
-                                        return a && this[a](t), !0 === e || !1 === e ? e : !i;
-                                    }),
-                                    (l.replace = function (t, e) {
-                                        var i = r(t + "");
-                                        ~i && (this.splice(i, 1, e), this._updateClassName());
-                                    }),
-                                    (l.toString = function () {
-                                        return this.join(" ");
-                                    }),
-                                    i.defineProperty)
-                                ) {
-                                    var c = { get: h, enumerable: !0, configurable: !0 };
-                                    try {
-                                        i.defineProperty(e, "classList", c);
-                                    } catch (t) {
-                                        (void 0 !== t.number && -2146823252 !== t.number) || ((c.enumerable = !1), i.defineProperty(e, "classList", c));
-                                    }
-                                } else i.prototype.__defineGetter__ && e.__defineGetter__("classList", h);
-                            }
-                        })(self),
-                    (function () {
-                        var t = document.createElement("_");
-                        if ((t.classList.add("c1", "c2"), !t.classList.contains("c2"))) {
-                            var e = function (t) {
-                                var e = DOMTokenList.prototype[t];
-                                DOMTokenList.prototype[t] = function (t) {
-                                    var i,
-                                        a = arguments.length;
-                                    for (i = 0; i < a; i++) (t = arguments[i]), e.call(this, t);
-                                };
-                            };
-                            e("add"), e("remove");
-                        }
-                        if ((t.classList.toggle("c3", !1), t.classList.contains("c3"))) {
-                            var i = DOMTokenList.prototype.toggle;
-                            DOMTokenList.prototype.toggle = function (t, e) {
-                                return 1 in arguments && !this.contains(t) == !e ? e : i.call(this, t);
-                            };
-                        }
-                        "replace" in document.createElement("_").classList ||
-                            (DOMTokenList.prototype.replace = function (t, e) {
-                                var i = this.toString().split(" "),
-                                    a = i.indexOf(t + "");
-                                ~a && ((i = i.slice(a)), this.remove.apply(this, i), this.add(e), this.add.apply(this, i.slice(1)));
-                            }),
-                            (t = null);
-                    })()),
-                (function () {
-                    var t = !1;
-                    function e(t) {
-                        var e = t.__resizeTriggers__,
-                            i = e.firstElementChild,
-                            a = e.lastElementChild,
-                            s = i.firstElementChild;
-                        (a.scrollLeft = a.scrollWidth),
-                            (a.scrollTop = a.scrollHeight),
-                            (s.style.width = i.offsetWidth + 1 + "px"),
-                            (s.style.height = i.offsetHeight + 1 + "px"),
-                            (i.scrollLeft = i.scrollWidth),
-                            (i.scrollTop = i.scrollHeight);
-                    }
-                    function i(t) {
-                        var i = this;
-                        e(this),
-                            this.__resizeRAF__ && r(this.__resizeRAF__),
-                            (this.__resizeRAF__ = n(function () {
-                                (function (t) {
-                                    return t.offsetWidth != t.__resizeLast__.width || t.offsetHeight != t.__resizeLast__.height;
-                                })(i) &&
-                                    ((i.__resizeLast__.width = i.offsetWidth),
-                                    (i.__resizeLast__.height = i.offsetHeight),
-                                    i.__resizeListeners__.forEach(function (e) {
-                                        e.call(t);
-                                    }));
-                            }));
-                    }
-                    var a,
-                        s,
-                        n =
-                            ((a =
-                                window.requestAnimationFrame ||
-                                window.mozRequestAnimationFrame ||
-                                window.webkitRequestAnimationFrame ||
-                                function (t) {
-                                    return window.setTimeout(t, 20);
-                                }),
-                            function (t) {
-                                return a(t);
-                            }),
-                        r =
-                            ((s = window.cancelAnimationFrame || window.mozCancelAnimationFrame || window.webkitCancelAnimationFrame || window.clearTimeout),
-                            function (t) {
-                                return s(t);
-                            }),
-                        o = !1,
-                        l = "",
-                        h = "animationstart",
-                        c = "Webkit Moz O ms".split(" "),
-                        d = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "),
-                        u = document.createElement("fakeelement");
-                    if ((void 0 !== u.style.animationName && (o = !0), !1 === o))
-                        for (var f = 0; f < c.length; f++)
-                            if (void 0 !== u.style[c[f] + "AnimationName"]) {
-                                (l = "-" + c[f].toLowerCase() + "-"), (h = d[f]);
-                                break;
-                            }
-                    var g = "@" + l + "keyframes resizeanim { from { opacity: 0; } to { opacity: 0; } } ",
-                        p = l + "animation: 1ms resizeanim; ";
-                    (window.addResizeListener = function (a, s) {
-                        a.__resizeTriggers__ ||
-                            ("static" == getComputedStyle(a).position && (a.style.position = "relative"),
-                            (function () {
-                                if (!t) {
-                                    var e =
-                                            (g || "") +
-                                            ".resize-triggers { " +
-                                            (p || "") +
-                                            'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',
-                                        i = document.head || document.getElementsByTagName("head")[0],
-                                        a = document.createElement("style");
-                                    (a.type = "text/css"), a.styleSheet ? (a.styleSheet.cssText = e) : a.appendChild(document.createTextNode(e)), i.appendChild(a), (t = !0);
-                                }
-                            })(),
-                            (a.__resizeLast__ = {}),
-                            (a.__resizeListeners__ = []),
-                            ((a.__resizeTriggers__ = document.createElement("div")).className = "resize-triggers"),
-                            (a.__resizeTriggers__.innerHTML = '<div class="expand-trigger"><div></div></div><div class="contract-trigger"></div>'),
-                            a.appendChild(a.__resizeTriggers__),
-                            e(a),
-                            a.addEventListener("scroll", i, !0),
-                            h &&
-                                a.__resizeTriggers__.addEventListener(h, function (t) {
-                                    "resizeanim" == t.animationName && e(a);
-                                })),
-                            a.__resizeListeners__.push(s);
-                    }),
-                        (window.removeResizeListener = function (t, e) {
-                            t && (t.__resizeListeners__.splice(t.__resizeListeners__.indexOf(e), 1), t.__resizeListeners__.length || (t.removeEventListener("scroll", i), (t.__resizeTriggers__ = !t.removeChild(t.__resizeTriggers__))));
-                        });
-                })(),
-                (window.Apex = {});
-            var At = (function () {
-                function t(e, i) {
-                    n(this, t),
-                        (this.opts = i),
-                        (this.ctx = this),
-                        (this.w = new E(i).init()),
-                        (this.el = e),
-                        (this.w.globals.cuid = (Math.random() + 1).toString(36).substring(4)),
-                        (this.w.globals.chartID = this.w.config.chart.id ? this.w.config.chart.id : this.w.globals.cuid),
-                        (this.eventList = ["mousedown", "mousemove", "touchstart", "touchmove", "mouseup", "touchend"]),
-                        this.initModules(),
-                        (this.create = p.bind(this.create, this)),
-                        (this.documentEvent = p.bind(this.documentEvent, this)),
-                        (this.windowResizeHandler = this.windowResize.bind(this));
-                }
-                return (
-                    o(
-                        t,
-                        [
-                            {
-                                key: "render",
-                                value: function () {
-                                    var t = this;
-                                    return new et(function (e, i) {
-                                        if (null !== t.el) {
-                                            void 0 === Apex._chartInstances && (Apex._chartInstances = []),
-                                                t.w.config.chart.id && Apex._chartInstances.push({ id: t.w.globals.chartID, group: t.w.config.chart.group, chart: t }),
-                                                t.setLocale(t.w.config.chart.defaultLocale);
-                                            var a = t.w.config.chart.events.beforeMount;
-                                            "function" == typeof a && a(t, t.w),
-                                                t.fireEvent("beforeMount", [t, t.w]),
-                                                window.addEventListener("resize", t.windowResizeHandler),
-                                                window.addResizeListener(t.el.parentNode, t.parentResizeCallback.bind(t));
-                                            var s = t.create(t.w.config.series, {});
-                                            if (!s) return e(t);
-                                            t.mount(s)
-                                                .then(function () {
-                                                    e(s), "function" == typeof t.w.config.chart.events.mounted && t.w.config.chart.events.mounted(t, t.w), t.fireEvent("mounted", [t, t.w]);
-                                                })
-                                                .catch(function (t) {
-                                                    i(t);
-                                                });
-                                        } else i(new Error("Element not found"));
-                                    });
-                                },
-                            },
-                            {
-                                key: "initModules",
-                                value: function () {
-                                    (this.animations = new v(this)),
-                                        (this.core = new Q(this.el, this)),
-                                        (this.grid = new dt(this)),
-                                        (this.coreUtils = new A(this)),
-                                        (this.config = new C({})),
-                                        (this.crosshairs = new Y(this)),
-                                        (this.options = new y()),
-                                        (this.responsive = new ut(this)),
-                                        (this.series = new G(this)),
-                                        (this.theme = new ft(this)),
-                                        (this.formatters = new _(this)),
-                                        (this.titleSubtitle = new St(this)),
-                                        (this.legend = new j(this)),
-                                        (this.toolbar = new wt(this)),
-                                        (this.dimensions = new V(this)),
-                                        (this.zoomPanSelection = new kt(this)),
-                                        (this.w.globals.tooltip = new yt(this));
-                                },
-                            },
-                            {
-                                key: "addEventListener",
-                                value: function (t, e) {
-                                    var i = this.w;
-                                    i.globals.events.hasOwnProperty(t) ? i.globals.events[t].push(e) : (i.globals.events[t] = [e]);
-                                },
-                            },
-                            {
-                                key: "removeEventListener",
-                                value: function (t, e) {
-                                    var i = this.w;
-                                    if (i.globals.events.hasOwnProperty(t)) {
-                                        var a = i.globals.events[t].indexOf(e);
-                                        -1 !== a && i.globals.events[t].splice(a, 1);
-                                    }
-                                },
-                            },
-                            {
-                                key: "fireEvent",
-                                value: function (t, e) {
-                                    var i = this.w;
-                                    if (i.globals.events.hasOwnProperty(t)) {
-                                        (e && e.length) || (e = []);
-                                        for (var a = i.globals.events[t], s = a.length, n = 0; n < s; n++) a[n].apply(null, e);
-                                    }
-                                },
-                            },
-                            {
-                                key: "create",
-                                value: function (t, e) {
-                                    var i = this.w;
-                                    this.initModules();
-                                    var a = this.w.globals;
-                                    if (((a.noData = !1), (a.animationEnded = !1), this.responsive.checkResponsiveConfig(e), null === this.el)) return (a.animationEnded = !0), null;
-                                    if ((this.core.setupElements(), 0 === a.svgWidth)) return (a.animationEnded = !0), null;
-                                    var s = A.checkComboSeries(t);
-                                    (a.comboCharts = s.comboCharts),
-                                        (a.comboChartsHasBars = s.comboChartsHasBars),
-                                        (0 === t.length || (1 === t.length && t[0].data && 0 === t[0].data.length)) && this.series.handleNoData(),
-                                        this.setupEventHandlers(),
-                                        this.core.parseData(t),
-                                        this.theme.init(),
-                                        new T(this).setGlobalMarkerSize(),
-                                        this.formatters.setLabelFormatters(),
-                                        this.titleSubtitle.draw(),
-                                        i.globals.noData || this.legend.init(),
-                                        this.series.hasAllSeriesEqualX(),
-                                        a.axisCharts && (this.core.coreCalculations(), "category" !== i.config.xaxis.type && this.formatters.setLabelFormatters()),
-                                        this.formatters.heatmapLabelFormatters(),
-                                        this.dimensions.plotCoords();
-                                    var n = this.core.xySettings();
-                                    this.grid.createGridMask();
-                                    var r = this.core.plotChartType(t, n);
-                                    this.core.shiftGraphPosition();
-                                    var o = { plot: { left: i.globals.translateX, top: i.globals.translateY, width: i.globals.gridWidth, height: i.globals.gridHeight } };
-                                    return { elGraph: r, xyRatios: n, elInner: i.globals.dom.elGraphical, dimensions: o };
-                                },
-                            },
-                            {
-                                key: "mount",
-                                value: function () {
-                                    var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : null,
-                                        e = this,
-                                        i = e.w;
-                                    return new et(function (a, s) {
-                                        if (null === e.el) return s(new Error("Not enough data to display or target element not found"));
-                                        if (
-                                            ((null === t || i.globals.allSeriesCollapsed) && e.series.handleNoData(),
-                                            (e.annotations = new w(e)),
-                                            e.core.drawAxis(i.config.chart.type, t.xyRatios),
-                                            (e.grid = new dt(e)),
-                                            "back" === i.config.grid.position && e.grid.drawGrid(),
-                                            "back" === i.config.annotations.position && e.annotations.drawAnnotations(),
-                                            t.elGraph instanceof Array)
-                                        )
-                                            for (var n = 0; n < t.elGraph.length; n++) i.globals.dom.elGraphical.add(t.elGraph[n]);
-                                        else i.globals.dom.elGraphical.add(t.elGraph);
-                                        if (
-                                            ("front" === i.config.grid.position && e.grid.drawGrid(),
-                                            "front" === i.config.xaxis.crosshairs.position && e.crosshairs.drawXCrosshairs(),
-                                            "front" === i.config.yaxis[0].crosshairs.position && e.crosshairs.drawYCrosshairs(),
-                                            "front" === i.config.annotations.position && e.annotations.drawAnnotations(),
-                                            !i.globals.noData)
-                                        ) {
-                                            if ((i.config.tooltip.enabled && !i.globals.noData && e.w.globals.tooltip.drawTooltip(t.xyRatios), i.globals.axisCharts && i.globals.isXNumeric))
-                                                (i.config.chart.zoom.enabled || (i.config.chart.selection && i.config.chart.selection.enabled) || (i.config.chart.pan && i.config.chart.pan.enabled)) &&
-                                                    e.zoomPanSelection.init({ xyRatios: t.xyRatios });
-                                            else {
-                                                var r = i.config.chart.toolbar.tools;
-                                                (r.zoom = !1), (r.zoomin = !1), (r.zoomout = !1), (r.selection = !1), (r.pan = !1), (r.reset = !1);
-                                            }
-                                            i.config.chart.toolbar.show && !i.globals.allSeriesCollapsed && e.toolbar.createToolbar();
-                                        }
-                                        i.globals.memory.methodsToExec.length > 0 &&
-                                            i.globals.memory.methodsToExec.forEach(function (t) {
-                                                t.method(t.params, !1, t.context);
-                                            }),
-                                            i.globals.axisCharts || i.globals.noData || e.core.resizeNonAxisCharts(),
-                                            a(e);
-                                    });
-                                },
-                            },
-                            {
-                                key: "clearPreviousPaths",
-                                value: function () {
-                                    var t = this.w;
-                                    (t.globals.previousPaths = []), (t.globals.allSeriesCollapsed = !1), (t.globals.collapsedSeries = []), (t.globals.collapsedSeriesIndices = []);
-                                },
-                            },
-                            {
-                                key: "updateOptions",
-                                value: function (t) {
-                                    var e = arguments.length > 1 && void 0 !== arguments[1] && arguments[1],
-                                        i = !(arguments.length > 2 && void 0 !== arguments[2]) || arguments[2],
-                                        a = !(arguments.length > 3 && void 0 !== arguments[3]) || arguments[3],
-                                        s = this.w;
-                                    return (
-                                        t.series &&
-                                            (this.resetSeries(!1),
-                                            t.series[0].data &&
-                                                (t.series = t.series.map(function (t, e) {
-                                                    return h({}, s.config.series[e], {
-                                                        name: t.name ? t.name : s.config.series[e] && s.config.series[e].name,
-                                                        type: t.type ? t.type : s.config.series[e] && s.config.series[e].type,
-                                                        data: t.data ? t.data : s.config.series[e] && s.config.series[e].data,
-                                                    });
-                                                })),
-                                            this.revertDefaultAxisMinMax()),
-                                        t.xaxis && ((t.xaxis.min || t.xaxis.max) && this.forceXAxisUpdate(t), t.xaxis.categories && t.xaxis.categories.length && s.config.xaxis.convertedCatToNumeric && (t = S.convertCatToNumeric(t))),
-                                        s.globals.collapsedSeriesIndices.length > 0 && this.clearPreviousPaths(),
-                                        t.theme && (t = this.theme.updateThemeOptions(t)),
-                                        this._updateOptions(t, e, i, a)
-                                    );
-                                },
-                            },
-                            {
-                                key: "_updateOptions",
-                                value: function (t) {
-                                    var e = arguments.length > 1 && void 0 !== arguments[1] && arguments[1],
-                                        i = !(arguments.length > 2 && void 0 !== arguments[2]) || arguments[2],
-                                        a = arguments.length > 3 && void 0 !== arguments[3] && arguments[3],
-                                        n = this.getSyncedCharts();
-                                    this.w.globals.isExecCalled && ((n = [this]), (this.w.globals.isExecCalled = !1)),
-                                        n.forEach(function (n) {
-                                            var r = n.w;
-                                            return (
-                                                (r.globals.shouldAnimate = i),
-                                                e || ((r.globals.resized = !0), (r.globals.dataChanged = !0), i && n.series.getPreviousPaths()),
-                                                t &&
-                                                    "object" === s(t) &&
-                                                    ((n.config = new C(t)),
-                                                    (t = A.extendArrayProps(n.config, t)),
-                                                    (r.config = p.extend(r.config, t)),
-                                                    a && ((r.globals.lastXAxis = []), (r.globals.lastYAxis = []), (r.globals.initialConfig = p.extend({}, r.config)), (r.globals.initialSeries = JSON.parse(JSON.stringify(r.config.series))))),
-                                                n.update(t)
-                                            );
-                                        });
-                                },
-                            },
-                            {
-                                key: "updateSeries",
-                                value: function () {
-                                    var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [],
-                                        e = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1],
-                                        i = !(arguments.length > 2 && void 0 !== arguments[2]) || arguments[2];
-                                    return this.resetSeries(!1), this.revertDefaultAxisMinMax(), this._updateSeries(t, e, i);
-                                },
-                            },
-                            {
-                                key: "appendSeries",
-                                value: function (t) {
-                                    var e = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1],
-                                        i = !(arguments.length > 2 && void 0 !== arguments[2]) || arguments[2],
-                                        a = this.w.config.series.slice();
-                                    return a.push(t), this.resetSeries(!1), this.revertDefaultAxisMinMax(), this._updateSeries(a, e, i);
-                                },
-                            },
-                            {
-                                key: "_updateSeries",
-                                value: function (t, e) {
-                                    var i,
-                                        a = arguments.length > 2 && void 0 !== arguments[2] && arguments[2],
-                                        s = this.w;
-                                    return (
-                                        (this.w.globals.shouldAnimate = e),
-                                        (s.globals.dataChanged = !0),
-                                        s.globals.allSeriesCollapsed && (s.globals.allSeriesCollapsed = !1),
-                                        e && this.series.getPreviousPaths(),
-                                        s.globals.axisCharts
-                                            ? (0 ===
-                                                  (i = t.map(function (t, e) {
-                                                      return h({}, s.config.series[e], {
-                                                          name: t.name ? t.name : s.config.series[e] && s.config.series[e].name,
-                                                          type: t.type ? t.type : s.config.series[e] && s.config.series[e].type,
-                                                          data: t.data ? t.data : s.config.series[e] && s.config.series[e].data,
-                                                      });
-                                                  })).length && (i = [{ data: [] }]),
-                                              (s.config.series = i))
-                                            : (s.config.series = t.slice()),
-                                        a && ((s.globals.initialConfig.series = JSON.parse(JSON.stringify(s.config.series))), (s.globals.initialSeries = JSON.parse(JSON.stringify(s.config.series)))),
-                                        this.update()
-                                    );
-                                },
-                            },
-                            {
-                                key: "getSyncedCharts",
-                                value: function () {
-                                    var t = this.getGroupedCharts(),
-                                        e = [this];
-                                    return (
-                                        t.length &&
-                                            ((e = []),
-                                            t.forEach(function (t) {
-                                                e.push(t);
-                                            })),
-                                        e
-                                    );
-                                },
-                            },
-                            {
-                                key: "getGroupedCharts",
-                                value: function () {
-                                    var t = this;
-                                    return Apex._chartInstances
-                                        .filter(function (t) {
-                                            if (t.group) return !0;
-                                        })
-                                        .map(function (e) {
-                                            return t.w.config.chart.group === e.group ? e.chart : t;
-                                        });
-                                },
-                            },
-                            {
-                                key: "appendData",
-                                value: function (t) {
-                                    var e = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1],
-                                        i = this;
-                                    (i.w.globals.dataChanged = !0), i.series.getPreviousPaths();
-                                    for (var a = i.w.config.series.slice(), s = 0; s < a.length; s++) if (void 0 !== t[s]) for (var n = 0; n < t[s].data.length; n++) a[s].data.push(t[s].data[n]);
-                                    return (i.w.config.series = a), e && (i.w.globals.initialSeries = JSON.parse(JSON.stringify(i.w.config.series))), this.update();
-                                },
-                            },
-                            {
-                                key: "update",
-                                value: function (t) {
-                                    var e = this;
-                                    return new et(function (i, a) {
-                                        e.clear();
-                                        var s = e.create(e.w.config.series, t);
-                                        if (!s) return i(e);
-                                        e.mount(s)
-                                            .then(function () {
-                                                "function" == typeof e.w.config.chart.events.updated && e.w.config.chart.events.updated(e, e.w), e.fireEvent("updated", [e, e.w]), (e.w.globals.isDirty = !0), i(e);
-                                            })
-                                            .catch(function (t) {
-                                                a(t);
-                                            });
-                                    });
-                                },
-                            },
-                            {
-                                key: "forceXAxisUpdate",
-                                value: function (t) {
-                                    var e = this.w;
-                                    void 0 !== t.xaxis.min && ((e.config.xaxis.min = t.xaxis.min), (e.globals.lastXAxis.min = t.xaxis.min)),
-                                        void 0 !== t.xaxis.max && ((e.config.xaxis.max = t.xaxis.max), (e.globals.lastXAxis.max = t.xaxis.max));
-                                },
-                            },
-                            {
-                                key: "revertDefaultAxisMinMax",
-                                value: function () {
-                                    var t = this.w;
-                                    (t.config.xaxis.min = t.globals.lastXAxis.min),
-                                        (t.config.xaxis.max = t.globals.lastXAxis.max),
-                                        t.config.yaxis.map(function (e, i) {
-                                            t.globals.zoomed && void 0 !== t.globals.lastYAxis[i] && ((e.min = t.globals.lastYAxis[i].min), (e.max = t.globals.lastYAxis[i].max));
-                                        });
-                                },
-                            },
-                            {
-                                key: "clear",
-                                value: function () {
-                                    this.zoomPanSelection && this.zoomPanSelection.destroy(),
-                                        this.toolbar && this.toolbar.destroy(),
-                                        (this.animations = null),
-                                        (this.annotations = null),
-                                        (this.core = null),
-                                        (this.grid = null),
-                                        (this.series = null),
-                                        (this.responsive = null),
-                                        (this.theme = null),
-                                        (this.formatters = null),
-                                        (this.titleSubtitle = null),
-                                        (this.legend = null),
-                                        (this.dimensions = null),
-                                        (this.options = null),
-                                        (this.crosshairs = null),
-                                        (this.zoomPanSelection = null),
-                                        (this.toolbar = null),
-                                        (this.w.globals.tooltip = null),
-                                        this.clearDomElements();
-                                },
-                            },
-                            {
-                                key: "killSVG",
-                                value: function (t) {
-                                    return new et(function (e, i) {
-                                        t.each(function (t, e) {
-                                            this.removeClass("*"), this.off(), this.stop();
-                                        }, !0),
-                                            t.ungroup(),
-                                            t.clear(),
-                                            e("done");
-                                    });
-                                },
-                            },
-                            {
-                                key: "clearDomElements",
-                                value: function () {
-                                    var t = this;
-                                    this.eventList.forEach(function (e) {
-                                        document.removeEventListener(e, t.documentEvent);
-                                    });
-                                    var e = this.w.globals.dom;
-                                    if (null !== this.el) for (; this.el.firstChild; ) this.el.removeChild(this.el.firstChild);
-                                    this.killSVG(e.Paper),
-                                        e.Paper.remove(),
-                                        (e.elWrap = null),
-                                        (e.elGraphical = null),
-                                        (e.elLegendWrap = null),
-                                        (e.baseEl = null),
-                                        (e.elGridRect = null),
-                                        (e.elGridRectMask = null),
-                                        (e.elGridRectMarkerMask = null),
-                                        (e.elDefs = null);
-                                },
-                            },
-                            {
-                                key: "destroy",
-                                value: function () {
-                                    this.clear();
-                                    var t = this.w.config.chart.id;
-                                    t &&
-                                        Apex._chartInstances.forEach(function (e, i) {
-                                            e.id === t && Apex._chartInstances.splice(i, 1);
-                                        }),
-                                        window.removeEventListener("resize", this.windowResizeHandler),
-                                        window.removeResizeListener(this.el.parentNode, this.parentResizeCallback.bind(this));
-                                },
-                            },
-                            {
-                                key: "toggleSeries",
-                                value: function (t) {
-                                    var e = this.series.getSeriesByName(t),
-                                        i = parseInt(e.getAttribute("data:realIndex")),
-                                        a = e.classList.contains("apexcharts-series-collapsed");
-                                    this.legend.toggleDataSeries(i, a);
-                                },
-                            },
-                            {
-                                key: "resetSeries",
-                                value: function () {
-                                    var t = !(arguments.length > 0 && void 0 !== arguments[0]) || arguments[0];
-                                    this.series.resetSeries(t);
-                                },
-                            },
-                            {
-                                key: "setupEventHandlers",
-                                value: function () {
-                                    var t = this,
-                                        e = this.w,
-                                        i = this,
-                                        a = e.globals.dom.baseEl.querySelector(e.globals.chartClass);
-                                    (this.eventListHandlers = []),
-                                        this.eventList.forEach(function (t) {
-                                            a.addEventListener(
-                                                t,
-                                                function (t) {
-                                                    ("mousedown" === t.type && 1 === t.which) ||
-                                                        ((("mouseup" === t.type && 1 === t.which) || "touchend" === t.type) &&
-                                                            ("function" == typeof e.config.chart.events.click && e.config.chart.events.click(t, i, e), i.fireEvent("click", [t, i, e])));
-                                                },
-                                                { capture: !1, passive: !0 }
-                                            );
-                                        }),
-                                        this.eventList.forEach(function (e) {
-                                            document.addEventListener(e, t.documentEvent);
-                                        }),
-                                        this.core.setupBrushHandler();
-                                },
-                            },
-                            {
-                                key: "documentEvent",
-                                value: function (t) {
-                                    var e = this.w;
-                                    (e.globals.clientX = "touchmove" === t.type ? t.touches[0].clientX : t.clientX), (e.globals.clientY = "touchmove" === t.type ? t.touches[0].clientY : t.clientY);
-                                },
-                            },
-                            {
-                                key: "addXaxisAnnotation",
-                                value: function (t) {
-                                    var e = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1],
-                                        i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : void 0,
-                                        a = this;
-                                    i && (a = i), a.annotations.addXaxisAnnotationExternal(t, e, a);
-                                },
-                            },
-                            {
-                                key: "addYaxisAnnotation",
-                                value: function (t) {
-                                    var e = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1],
-                                        i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : void 0,
-                                        a = this;
-                                    i && (a = i), a.annotations.addYaxisAnnotationExternal(t, e, a);
-                                },
-                            },
-                            {
-                                key: "addPointAnnotation",
-                                value: function (t) {
-                                    var e = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1],
-                                        i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : void 0,
-                                        a = this;
-                                    i && (a = i), a.annotations.addPointAnnotationExternal(t, e, a);
-                                },
-                            },
-                            {
-                                key: "clearAnnotations",
-                                value: function () {
-                                    var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0,
-                                        e = this;
-                                    t && (e = t), e.annotations.clearAnnotations(e);
-                                },
-                            },
-                            {
-                                key: "addText",
-                                value: function (t) {
-                                    var e = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1],
-                                        i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : void 0,
-                                        a = this;
-                                    i && (a = i), a.annotations.addText(t, e, a);
-                                },
-                            },
-                            {
-                                key: "getChartArea",
-                                value: function () {
-                                    return this.w.globals.dom.baseEl.querySelector(".apexcharts-inner");
-                                },
-                            },
-                            {
-                                key: "getSeriesTotalXRange",
-                                value: function (t, e) {
-                                    return this.coreUtils.getSeriesTotalsXRange(t, e);
-                                },
-                            },
-                            {
-                                key: "getHighestValueInSeries",
-                                value: function () {
-                                    var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0;
-                                    return new $(this.ctx).getMinYMaxY(t).highestY;
-                                },
-                            },
-                            {
-                                key: "getLowestValueInSeries",
-                                value: function () {
-                                    var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0;
-                                    return new $(this.ctx).getMinYMaxY(t).lowestY;
-                                },
-                            },
-                            {
-                                key: "getSeriesTotal",
-                                value: function () {
-                                    return this.w.globals.seriesTotals;
-                                },
-                            },
-                            {
-                                key: "setLocale",
-                                value: function (t) {
-                                    this.setCurrentLocaleValues(t);
-                                },
-                            },
-                            {
-                                key: "toggleDataPointSelection",
-                                value: function (t, e) {
-                                    var i = this.w,
-                                        a = null;
-                                    (a = i.globals.axisCharts
-                                        ? i.globals.dom.Paper.select(
-                                              ".apexcharts-series[data\\:realIndex='"
-                                                  .concat(t, "'] path[j='")
-                                                  .concat(e, "'], .apexcharts-series[data\\:realIndex='")
-                                                  .concat(t, "'] circle[j='")
-                                                  .concat(e, "'], .apexcharts-series[data\\:realIndex='")
-                                                  .concat(t, "'] rect[j='")
-                                                  .concat(e, "']")
-                                          ).members[0]
-                                        : i.globals.dom.Paper.select(".apexcharts-series[data\\:realIndex='".concat(t, "']")).members[0])
-                                        ? new m(this.ctx).pathMouseDown(a, null)
-                                        : console.warn("toggleDataPointSelection: Element not found");
-                                    return a.node ? a.node : null;
-                                },
-                            },
-                            {
-                                key: "setCurrentLocaleValues",
-                                value: function (t) {
-                                    var e = this.w.config.chart.locales;
-                                    window.Apex.chart && window.Apex.chart.locales && window.Apex.chart.locales.length > 0 && (e = this.w.config.chart.locales.concat(window.Apex.chart.locales));
-                                    var i = e.filter(function (e) {
-                                        return e.name === t;
-                                    })[0];
-                                    if (!i) throw new Error("Wrong locale name provided. Please make sure you set the correct locale name in options");
-                                    var a = p.extend(b, i);
-                                    this.w.globals.locale = a.options;
-                                },
-                            },
-                            {
-                                key: "dataURI",
-                                value: function () {
-                                    return new ct(this.ctx).dataURI();
-                                },
-                            },
-                            {
-                                key: "paper",
-                                value: function () {
-                                    return this.w.globals.dom.Paper;
-                                },
-                            },
-                            {
-                                key: "parentResizeCallback",
-                                value: function () {
-                                    this.w.globals.animationEnded && this.windowResize();
-                                },
-                            },
-                            {
-                                key: "windowResize",
-                                value: function () {
-                                    var t = this;
-                                    clearTimeout(this.w.globals.resizeTimer),
-                                        (this.w.globals.resizeTimer = window.setTimeout(function () {
-                                            (t.w.globals.resized = !0), (t.w.globals.dataChanged = !1), t.update();
-                                        }, 150));
-                                },
-                            },
-                        ],
-                        [
-                            {
-                                key: "initOnLoad",
-                                value: function () {
-                                    for (var e = document.querySelectorAll("[data-apexcharts]"), i = 0; i < e.length; i++) {
-                                        new t(e[i], JSON.parse(e[i].getAttribute("data-options"))).render();
-                                    }
-                                },
-                            },
-                            {
-                                key: "exec",
-                                value: function (t, e) {
-                                    var i = this.getChartByID(t);
-                                    if (i) {
-                                        i.w.globals.isExecCalled = !0;
-                                        for (var a = arguments.length, s = new Array(a > 2 ? a - 2 : 0), n = 2; n < a; n++) s[n - 2] = arguments[n];
-                                        switch (e) {
-                                            case "updateOptions":
-                                                return i.updateOptions.apply(i, s);
-                                            case "updateSeries":
-                                                return i.updateSeries.apply(i, s);
-                                            case "appendData":
-                                                return i.appendData.apply(i, s);
-                                            case "appendSeries":
-                                                return i.appendSeries.apply(i, s);
-                                            case "toggleSeries":
-                                                return i.toggleSeries.apply(i, s);
-                                            case "dataURI":
-                                                return i.dataURI.apply(i, s);
-                                            case "addXaxisAnnotation":
-                                                return i.addXaxisAnnotation.apply(i, s);
-                                            case "addYaxisAnnotation":
-                                                return i.addYaxisAnnotation.apply(i, s);
-                                            case "addPointAnnotation":
-                                                return i.addPointAnnotation.apply(i, s);
-                                            case "addText":
-                                                return i.addText.apply(i, s);
-                                            case "clearAnnotations":
-                                                return i.clearAnnotations.apply(i, s);
-                                            case "paper":
-                                                return i.paper.apply(i, s);
-                                            case "destroy":
-                                                return i.destroy();
-                                        }
-                                    }
-                                },
-                            },
-                            {
-                                key: "merge",
-                                value: function (t, e) {
-                                    return p.extend(t, e);
-                                },
-                            },
-                            {
-                                key: "getChartByID",
-                                value: function (t) {
-                                    return Apex._chartInstances.filter(function (e) {
-                                        return e.id === t;
-                                    })[0].chart;
-                                },
-                            },
-                        ]
-                    ),
-                    t
-                );
-            })();
-            e.a = At;
-        }.call(this, i(101).setImmediate, i(104)(t)));
-    },
-    function (t, e, i) {
-        var a = i(9),
-            s = i(11),
-            n = i(17);
-        t.exports = a
-            ? function (t, e, i) {
-                  return s.f(t, e, n(1, i));
-              }
-            : function (t, e, i) {
-                  return (t[e] = i), t;
-              };
-    },
-    function (t, e, i) {
-        var a = i(7);
-        t.exports = function (t) {
-            if (!a(t)) throw TypeError(String(t) + " is not an object");
-            return t;
-        };
-    },
-    function (t, e) {
-        var i = {}.hasOwnProperty;
-        t.exports = function (t, e) {
-            return i.call(t, e);
-        };
-    },
-    function (t, e) {
-        t.exports = function (t) {
-            try {
-                return !!t();
-            } catch (t) {
-                return !0;
-            }
-        };
-    },
-    function (t, e) {
-        t.exports = function (t) {
-            return "object" == typeof t ? null !== t : "function" == typeof t;
-        };
-    },
-    function (t, e, i) {
-        var a = i(0),
-            s = i(30).f,
-            n = i(3),
-            r = i(15),
-            o = i(24),
-            l = i(64),
-            h = i(45);
-        t.exports = function (t, e) {
-            var i,
-                c,
-                d,
-                u,
-                f,
-                g = t.target,
-                p = t.global,
-                x = t.stat;
-            if ((i = p ? a : x ? a[g] || o(g, {}) : (a[g] || {}).prototype))
-                for (c in e) {
-                    if (((u = e[c]), (d = t.noTargetGet ? (f = s(i, c)) && f.value : i[c]), !h(p ? c : g + (x ? "." : "#") + c, t.forced) && void 0 !== d)) {
-                        if (typeof u == typeof d) continue;
-                        l(u, d);
-                    }
-                    (t.sham || (d && d.sham)) && n(u, "sham", !0), r(i, c, u, t);
-                }
-        };
-    },
-    function (t, e, i) {
-        var a = i(6);
-        t.exports = !a(function () {
-            return (
-                7 !=
-                Object.defineProperty({}, "a", {
-                    get: function () {
-                        return 7;
-                    },
-                }).a
-            );
-        });
-    },
-    function (t, e) {
-        t.exports = function (t) {
-            if ("function" != typeof t) throw TypeError(String(t) + " is not a function");
-            return t;
-        };
-    },
-    function (t, e, i) {
-        var a = i(9),
-            s = i(37),
-            n = i(4),
-            r = i(38),
-            o = Object.defineProperty;
-        e.f = a
-            ? o
-            : function (t, e, i) {
-                  if ((n(t), (e = r(e, !0)), n(i), s))
-                      try {
-                          return o(t, e, i);
-                      } catch (t) {}
-                  if ("get" in i || "set" in i) throw TypeError("Accessors not supported");
-                  return "value" in i && (t[e] = i.value), t;
-              };
-    },
-    function (t, e) {
-        var i = {}.toString;
-        t.exports = function (t) {
-            return i.call(t).slice(8, -1);
-        };
-    },
-    function (t, e) {
-        t.exports = {};
-    },
-    function (t, e, i) {
-        "use strict";
-        var a = i(10),
-            s = function (t) {
-                var e, i;
-                (this.promise = new t(function (t, a) {
-                    if (void 0 !== e || void 0 !== i) throw TypeError("Bad Promise constructor");
-                    (e = t), (i = a);
-                })),
-                    (this.resolve = a(e)),
-                    (this.reject = a(i));
-            };
-        t.exports.f = function (t) {
-            return new s(t);
-        };
-    },
-    function (t, e, i) {
-        var a = i(0),
-            s = i(16),
-            n = i(3),
-            r = i(5),
-            o = i(24),
-            l = i(39),
-            h = i(19),
-            c = h.get,
-            d = h.enforce,
-            u = String(l).split("toString");
-        s("inspectSource", function (t) {
-            return l.call(t);
-        }),
-            (t.exports = function (t, e, i, s) {
-                var l = !!s && !!s.unsafe,
-                    h = !!s && !!s.enumerable,
-                    c = !!s && !!s.noTargetGet;
-                "function" == typeof i && ("string" != typeof e || r(i, "name") || n(i, "name", e), (d(i).source = u.join("string" == typeof e ? e : ""))),
-                    t !== a ? (l ? !c && t[e] && (h = !0) : delete t[e], h ? (t[e] = i) : n(t, e, i)) : h ? (t[e] = i) : o(e, i);
-            })(Function.prototype, "toString", function () {
-                return ("function" == typeof this && c(this).source) || l.call(this);
-            });
-    },
-    function (t, e, i) {
-        var a = i(0),
-            s = i(24),
-            n = i(18),
-            r = a["__core-js_shared__"] || s("__core-js_shared__", {});
-        (t.exports = function (t, e) {
-            return r[t] || (r[t] = void 0 !== e ? e : {});
-        })("versions", []).push({ version: "3.1.3", mode: n ? "pure" : "global", copyright: "© 2019 Denis Pushkarev (zloirock.ru)" });
-    },
-    function (t, e) {
-        t.exports = function (t, e) {
-            return { enumerable: !(1 & t), configurable: !(2 & t), writable: !(4 & t), value: e };
-        };
-    },
-    function (t, e) {
-        t.exports = !1;
-    },
-    function (t, e, i) {
-        var a,
-            s,
-            n,
-            r = i(57),
-            o = i(0),
-            l = i(7),
-            h = i(3),
-            c = i(5),
-            d = i(26),
-            u = i(27),
-            f = o.WeakMap;
-        if (r) {
-            var g = new f(),
-                p = g.get,
-                x = g.has,
-                v = g.set;
-            (a = function (t, e) {
-                return v.call(g, t, e), e;
-            }),
-                (s = function (t) {
-                    return p.call(g, t) || {};
-                }),
-                (n = function (t) {
-                    return x.call(g, t);
-                });
-        } else {
-            var m = d("state");
-            (u[m] = !0),
-                (a = function (t, e) {
-                    return h(t, m, e), e;
-                }),
-                (s = function (t) {
-                    return c(t, m) ? t[m] : {};
-                }),
-                (n = function (t) {
-                    return c(t, m);
-                });
-        }
-        t.exports = {
-            set: a,
-            get: s,
-            has: n,
-            enforce: function (t) {
-                return n(t) ? s(t) : a(t, {});
-            },
-            getterFor: function (t) {
-                return function (e) {
-                    var i;
-                    if (!l(e) || (i = s(e)).type !== t) throw TypeError("Incompatible receiver, " + t + " required");
-                    return i;
-                };
-            },
-        };
-    },
-    function (t, e, i) {
-        var a = i(63),
-            s = i(29);
-        t.exports = function (t) {
-            return a(s(t));
-        };
-    },
-    function (t, e, i) {
-        var a = i(4),
-            s = i(84),
-            n = i(44),
-            r = i(49),
-            o = i(85),
-            l = i(86),
-            h = {};
-        (t.exports = function (t, e, i, c, d) {
-            var u,
-                f,
-                g,
-                p,
-                x,
-                v = r(e, i, c ? 2 : 1);
-            if (d) u = t;
-            else {
-                if ("function" != typeof (f = o(t))) throw TypeError("Target is not iterable");
-                if (s(f)) {
-                    for (g = 0, p = n(t.length); p > g; g++) if ((c ? v(a((x = t[g]))[0], x[1]) : v(t[g])) === h) return h;
-                    return;
-                }
-                u = f.call(t);
-            }
-            for (; !(x = u.next()).done; ) if (l(u, v, x.value, c) === h) return h;
-        }).BREAK = h;
-    },
-    function (t, e) {
-        t.exports = function (t) {
-            try {
-                return { error: !1, value: t() };
-            } catch (t) {
-                return { error: !0, value: t };
-            }
-        };
-    },
-    function (t, e) {
-        var i;
-        i = (function () {
-            return this;
-        })();
-        try {
-            i = i || new Function("return this")();
-        } catch (t) {
-            "object" == typeof window && (i = window);
-        }
-        t.exports = i;
-    },
-    function (t, e, i) {
-        var a = i(0),
-            s = i(3);
-        t.exports = function (t, e) {
-            try {
-                s(a, t, e);
-            } catch (i) {
-                a[t] = e;
-            }
-            return e;
-        };
-    },
-    function (t, e, i) {
-        var a = i(0),
-            s = i(7),
-            n = a.document,
-            r = s(n) && s(n.createElement);
-        t.exports = function (t) {
-            return r ? n.createElement(t) : {};
-        };
-    },
-    function (t, e, i) {
-        var a = i(16),
-            s = i(40),
-            n = a("keys");
-        t.exports = function (t) {
-            return n[t] || (n[t] = s(t));
-        };
-    },
-    function (t, e) {
-        t.exports = {};
-    },
-    function (t, e) {
-        var i = Math.ceil,
-            a = Math.floor;
-        t.exports = function (t) {
-            return isNaN((t = +t)) ? 0 : (t > 0 ? a : i)(t);
-        };
-    },
-    function (t, e) {
-        t.exports = function (t) {
-            if (null == t) throw TypeError("Can't call method on " + t);
-            return t;
-        };
-    },
-    function (t, e, i) {
-        var a = i(9),
-            s = i(62),
-            n = i(17),
-            r = i(20),
-            o = i(38),
-            l = i(5),
-            h = i(37),
-            c = Object.getOwnPropertyDescriptor;
-        e.f = a
-            ? c
-            : function (t, e) {
-                  if (((t = r(t)), (e = o(e, !0)), h))
-                      try {
-                          return c(t, e);
-                      } catch (t) {}
-                  if (l(t, e)) return n(!s.f.call(t, e), t[e]);
-              };
-    },
-    function (t, e) {
-        t.exports = ["constructor", "hasOwnProperty", "isPrototypeOf", "propertyIsEnumerable", "toLocaleString", "toString", "valueOf"];
-    },
-    function (t, e, i) {
-        var a = i(5),
-            s = i(71),
-            n = i(26),
-            r = i(72),
-            o = n("IE_PROTO"),
-            l = Object.prototype;
-        t.exports = r
-            ? Object.getPrototypeOf
-            : function (t) {
-                  return (t = s(t)), a(t, o) ? t[o] : "function" == typeof t.constructor && t instanceof t.constructor ? t.constructor.prototype : t instanceof Object ? l : null;
-              };
-    },
-    function (t, e, i) {
-        var a = i(4),
-            s = i(73),
-            n = i(31),
-            r = i(27),
-            o = i(47),
-            l = i(25),
-            h = i(26)("IE_PROTO"),
-            c = function () {},
-            d = function () {
-                var t,
-                    e = l("iframe"),
-                    i = n.length;
-                for (e.style.display = "none", o.appendChild(e), e.src = String("javascript:"), (t = e.contentWindow.document).open(), t.write("<script>document.F=Object</script>"), t.close(), d = t.F; i--; ) delete d.prototype[n[i]];
-                return d();
-            };
-        (t.exports =
-            Object.create ||
-            function (t, e) {
-                var i;
-                return null !== t ? ((c.prototype = a(t)), (i = new c()), (c.prototype = null), (i[h] = t)) : (i = d()), void 0 === e ? i : s(i, e);
-            }),
-            (r[h] = !0);
-    },
-    function (t, e, i) {
-        var a = i(11).f,
-            s = i(5),
-            n = i(1)("toStringTag");
-        t.exports = function (t, e, i) {
-            t && !s((t = i ? t : t.prototype), n) && a(t, n, { configurable: !0, value: e });
-        };
-    },
-    function (t, e, i) {
-        t.exports = i(0);
-    },
-    function (t, e, i) {
-        var a = i(35),
-            s = i(0),
-            n = function (t) {
-                return "function" == typeof t ? t : void 0;
-            };
-        t.exports = function (t, e) {
-            return arguments.length < 2 ? n(a[t]) || n(s[t]) : (a[t] && a[t][e]) || (s[t] && s[t][e]);
-        };
-    },
-    function (t, e, i) {
-        var a = i(9),
-            s = i(6),
-            n = i(25);
-        t.exports =
-            !a &&
-            !s(function () {
-                return (
-                    7 !=
-                    Object.defineProperty(n("div"), "a", {
-                        get: function () {
-                            return 7;
-                        },
-                    }).a
-                );
-            });
-    },
-    function (t, e, i) {
-        var a = i(7);
-        t.exports = function (t, e) {
-            if (!a(t)) return t;
-            var i, s;
-            if (e && "function" == typeof (i = t.toString) && !a((s = i.call(t)))) return s;
-            if ("function" == typeof (i = t.valueOf) && !a((s = i.call(t)))) return s;
-            if (!e && "function" == typeof (i = t.toString) && !a((s = i.call(t)))) return s;
-            throw TypeError("Can't convert object to primitive value");
-        };
-    },
-    function (t, e, i) {
-        var a = i(16);
-        t.exports = a("native-function-to-string", Function.toString);
-    },
-    function (t, e) {
-        var i = 0,
-            a = Math.random();
-        t.exports = function (t) {
-            return "Symbol(".concat(void 0 === t ? "" : t, ")_", (++i + a).toString(36));
-        };
-    },
-    function (t, e, i) {
-        var a = i(12),
-            s = i(1)("toStringTag"),
-            n =
-                "Arguments" ==
-                a(
-                    (function () {
-                        return arguments;
-                    })()
-                );
-        t.exports = function (t) {
-            var e, i, r;
-            return void 0 === t
-                ? "Undefined"
-                : null === t
-                ? "Null"
-                : "string" ==
-                  typeof (i = (function (t, e) {
-                      try {
-                          return t[e];
-                      } catch (t) {}
-                  })((e = Object(t)), s))
-                ? i
-                : n
-                ? a(e)
-                : "Object" == (r = a(e)) && "function" == typeof e.callee
-                ? "Arguments"
-                : r;
-        };
-    },
-    function (t, e, i) {
-        "use strict";
-        var a = i(8),
-            s = i(70),
-            n = i(32),
-            r = i(48),
-            o = i(34),
-            l = i(3),
-            h = i(15),
-            c = i(1),
-            d = i(18),
-            u = i(13),
-            f = i(46),
-            g = f.IteratorPrototype,
-            p = f.BUGGY_SAFARI_ITERATORS,
-            x = c("iterator"),
-            v = function () {
-                return this;
-            };
-        t.exports = function (t, e, i, c, f, m, b) {
-            s(i, e, c);
-            var y,
-                w,
-                k,
-                S = function (t) {
-                    if (t === f && P) return P;
-                    if (!p && t in L) return L[t];
-                    switch (t) {
-                        case "keys":
-                        case "values":
-                        case "entries":
-                            return function () {
-                                return new i(this, t);
-                            };
-                    }
-                    return function () {
-                        return new i(this);
-                    };
-                },
-                A = e + " Iterator",
-                C = !1,
-                L = t.prototype,
-                E = L[x] || L["@@iterator"] || (f && L[f]),
-                P = (!p && E) || S(f),
-                T = ("Array" == e && L.entries) || E;
-            if (
-                (T && ((y = n(T.call(new t()))), g !== Object.prototype && y.next && (d || n(y) === g || (r ? r(y, g) : "function" != typeof y[x] && l(y, x, v)), o(y, A, !0, !0), d && (u[A] = v))),
-                "values" == f &&
-                    E &&
-                    "values" !== E.name &&
-                    ((C = !0),
-                    (P = function () {
-                        return E.call(this);
-                    })),
-                (d && !b) || L[x] === P || l(L, x, P),
-                (u[e] = P),
-                f)
-            )
-                if (((w = { values: S("values"), keys: m ? P : S("keys"), entries: S("entries") }), b)) for (k in w) (!p && !C && k in L) || h(L, k, w[k]);
-                else a({ target: e, proto: !0, forced: p || C }, w);
-            return w;
-        };
-    },
-    function (t, e, i) {
-        var a = i(5),
-            s = i(20),
-            n = i(67),
-            r = i(27),
-            o = n(!1);
-        t.exports = function (t, e) {
-            var i,
-                n = s(t),
-                l = 0,
-                h = [];
-            for (i in n) !a(r, i) && a(n, i) && h.push(i);
-            for (; e.length > l; ) a(n, (i = e[l++])) && (~o(h, i) || h.push(i));
-            return h;
-        };
-    },
-    function (t, e, i) {
-        var a = i(28),
-            s = Math.min;
-        t.exports = function (t) {
-            return t > 0 ? s(a(t), 9007199254740991) : 0;
-        };
-    },
-    function (t, e, i) {
-        var a = i(6),
-            s = /#|\.prototype\./,
-            n = function (t, e) {
-                var i = o[r(t)];
-                return i == h || (i != l && ("function" == typeof e ? a(e) : !!e));
-            },
-            r = (n.normalize = function (t) {
-                return String(t).replace(s, ".").toLowerCase();
-            }),
-            o = (n.data = {}),
-            l = (n.NATIVE = "N"),
-            h = (n.POLYFILL = "P");
-        t.exports = n;
-    },
-    function (t, e, i) {
-        "use strict";
-        var a,
-            s,
-            n,
-            r = i(32),
-            o = i(3),
-            l = i(5),
-            h = i(1),
-            c = i(18),
-            d = h("iterator"),
-            u = !1;
-        [].keys && ("next" in (n = [].keys()) ? (s = r(r(n))) !== Object.prototype && (a = s) : (u = !0)),
-            null == a && (a = {}),
-            c ||
-                l(a, d) ||
-                o(a, d, function () {
-                    return this;
-                }),
-            (t.exports = { IteratorPrototype: a, BUGGY_SAFARI_ITERATORS: u });
-    },
-    function (t, e, i) {
-        var a = i(0).document;
-        t.exports = a && a.documentElement;
-    },
-    function (t, e, i) {
-        var a = i(75);
-        t.exports =
-            Object.setPrototypeOf ||
-            ("__proto__" in {}
-                ? (function () {
-                      var t,
-                          e = !1,
-                          i = {};
-                      try {
-                          (t = Object.getOwnPropertyDescriptor(Object.prototype, "__proto__").set).call(i, []), (e = i instanceof Array);
-                      } catch (t) {}
-                      return function (i, s) {
-                          return a(i, s), e ? t.call(i, s) : (i.__proto__ = s), i;
-                      };
-                  })()
-                : void 0);
-    },
-    function (t, e, i) {
-        var a = i(10);
-        t.exports = function (t, e, i) {
-            if ((a(t), void 0 === e)) return t;
-            switch (i) {
-                case 0:
-                    return function () {
-                        return t.call(e);
-                    };
-                case 1:
-                    return function (i) {
-                        return t.call(e, i);
-                    };
-                case 2:
-                    return function (i, a) {
-                        return t.call(e, i, a);
-                    };
-                case 3:
-                    return function (i, a, s) {
-                        return t.call(e, i, a, s);
-                    };
-            }
-            return function () {
-                return t.apply(e, arguments);
-            };
-        };
-    },
-    function (t, e, i) {
-        var a = i(4),
-            s = i(10),
-            n = i(1)("species");
-        t.exports = function (t, e) {
-            var i,
-                r = a(t).constructor;
-            return void 0 === r || null == (i = a(r)[n]) ? e : s(i);
-        };
-    },
-    function (t, e, i) {
-        var a,
-            s,
-            n,
-            r = i(0),
-            o = i(6),
-            l = i(12),
-            h = i(49),
-            c = i(47),
-            d = i(25),
-            u = r.location,
-            f = r.setImmediate,
-            g = r.clearImmediate,
-            p = r.process,
-            x = r.MessageChannel,
-            v = r.Dispatch,
-            m = 0,
-            b = {},
-            y = function (t) {
-                if (b.hasOwnProperty(t)) {
-                    var e = b[t];
-                    delete b[t], e();
-                }
-            },
-            w = function (t) {
-                return function () {
-                    y(t);
-                };
-            },
-            k = function (t) {
-                y(t.data);
-            },
-            S = function (t) {
-                r.postMessage(t + "", u.protocol + "//" + u.host);
-            };
-        (f && g) ||
-            ((f = function (t) {
-                for (var e = [], i = 1; arguments.length > i; ) e.push(arguments[i++]);
-                return (
-                    (b[++m] = function () {
-                        ("function" == typeof t ? t : Function(t)).apply(void 0, e);
-                    }),
-                    a(m),
-                    m
-                );
-            }),
-            (g = function (t) {
-                delete b[t];
-            }),
-            "process" == l(p)
-                ? (a = function (t) {
-                      p.nextTick(w(t));
-                  })
-                : v && v.now
-                ? (a = function (t) {
-                      v.now(w(t));
-                  })
-                : x
-                ? ((n = (s = new x()).port2), (s.port1.onmessage = k), (a = h(n.postMessage, n, 1)))
-                : !r.addEventListener || "function" != typeof postMessage || r.importScripts || o(S)
-                ? (a =
-                      "onreadystatechange" in d("script")
-                          ? function (t) {
-                                c.appendChild(d("script")).onreadystatechange = function () {
-                                    c.removeChild(this), y(t);
-                                };
-                            }
-                          : function (t) {
-                                setTimeout(w(t), 0);
-                            })
-                : ((a = S), r.addEventListener("message", k, !1))),
-            (t.exports = { set: f, clear: g });
-    },
-    function (t, e, i) {
-        var a = i(0).navigator;
-        t.exports = (a && a.userAgent) || "";
-    },
-    function (t, e, i) {
-        var a = i(4),
-            s = i(7),
-            n = i(14);
-        t.exports = function (t, e) {
-            if ((a(t), s(e) && e.constructor === t)) return e;
-            var i = n.f(t);
-            return (0, i.resolve)(e), i.promise;
-        };
-    },
-    function (t, e, i) {
-        (t.exports = i(55)), i(91), i(92), i(93), i(94);
-    },
-    function (t, e, i) {
-        i(56), i(60), i(76), i(80), i(90);
-        var a = i(35);
-        t.exports = a.Promise;
-    },
-    function (t, e, i) {
-        var a = i(15),
-            s = i(58),
-            n = Object.prototype;
-        s !== n.toString && a(n, "toString", s, { unsafe: !0 });
-    },
-    function (t, e, i) {
-        var a = i(0),
-            s = i(39),
-            n = a.WeakMap;
-        t.exports = "function" == typeof n && /native code/.test(s.call(n));
-    },
-    function (t, e, i) {
-        "use strict";
-        var a = i(41),
-            s = {};
-        (s[i(1)("toStringTag")] = "z"),
-            (t.exports =
-                "[object z]" !== String(s)
-                    ? function () {
-                          return "[object " + a(this) + "]";
-                      }
-                    : s.toString);
-    },
-    function (t, e, i) {
-        var a = i(6);
-        t.exports =
-            !!Object.getOwnPropertySymbols &&
-            !a(function () {
-                return !String(Symbol());
-            });
-    },
-    function (t, e, i) {
-        "use strict";
-        var a = i(61),
-            s = i(19),
-            n = i(42),
-            r = s.set,
-            o = s.getterFor("String Iterator");
-        n(
-            String,
-            "String",
-            function (t) {
-                r(this, { type: "String Iterator", string: String(t), index: 0 });
-            },
-            function () {
-                var t,
-                    e = o(this),
-                    i = e.string,
-                    s = e.index;
-                return s >= i.length ? { value: void 0, done: !0 } : ((t = a(i, s, !0)), (e.index += t.length), { value: t, done: !1 });
-            }
-        );
-    },
-    function (t, e, i) {
-        var a = i(28),
-            s = i(29);
-        t.exports = function (t, e, i) {
-            var n,
-                r,
-                o = String(s(t)),
-                l = a(e),
-                h = o.length;
-            return l < 0 || l >= h
-                ? i
-                    ? ""
-                    : void 0
-                : (n = o.charCodeAt(l)) < 55296 || n > 56319 || l + 1 === h || (r = o.charCodeAt(l + 1)) < 56320 || r > 57343
-                ? i
-                    ? o.charAt(l)
-                    : n
-                : i
-                ? o.slice(l, l + 2)
-                : r - 56320 + ((n - 55296) << 10) + 65536;
-        };
-    },
-    function (t, e, i) {
-        "use strict";
-        var a = {}.propertyIsEnumerable,
-            s = Object.getOwnPropertyDescriptor,
-            n = s && !a.call({ 1: 2 }, 1);
-        e.f = n
-            ? function (t) {
-                  var e = s(this, t);
-                  return !!e && e.enumerable;
-              }
-            : a;
-    },
-    function (t, e, i) {
-        var a = i(6),
-            s = i(12),
-            n = "".split;
-        t.exports = a(function () {
-            return !Object("z").propertyIsEnumerable(0);
-        })
-            ? function (t) {
-                  return "String" == s(t) ? n.call(t, "") : Object(t);
-              }
-            : Object;
-    },
-    function (t, e, i) {
-        var a = i(5),
-            s = i(65),
-            n = i(30),
-            r = i(11);
-        t.exports = function (t, e) {
-            for (var i = s(e), o = r.f, l = n.f, h = 0; h < i.length; h++) {
-                var c = i[h];
-                a(t, c) || o(t, c, l(e, c));
-            }
-        };
-    },
-    function (t, e, i) {
-        var a = i(0),
-            s = i(66),
-            n = i(69),
-            r = i(4),
-            o = a.Reflect;
-        t.exports =
-            (o && o.ownKeys) ||
-            function (t) {
-                var e = s.f(r(t)),
-                    i = n.f;
-                return i ? e.concat(i(t)) : e;
-            };
-    },
-    function (t, e, i) {
-        var a = i(43),
-            s = i(31).concat("length", "prototype");
-        e.f =
-            Object.getOwnPropertyNames ||
-            function (t) {
-                return a(t, s);
-            };
-    },
-    function (t, e, i) {
-        var a = i(20),
-            s = i(44),
-            n = i(68);
-        t.exports = function (t) {
-            return function (e, i, r) {
-                var o,
-                    l = a(e),
-                    h = s(l.length),
-                    c = n(r, h);
-                if (t && i != i) {
-                    for (; h > c; ) if ((o = l[c++]) != o) return !0;
-                } else for (; h > c; c++) if ((t || c in l) && l[c] === i) return t || c || 0;
-                return !t && -1;
-            };
-        };
-    },
-    function (t, e, i) {
-        var a = i(28),
-            s = Math.max,
-            n = Math.min;
-        t.exports = function (t, e) {
-            var i = a(t);
-            return i < 0 ? s(i + e, 0) : n(i, e);
-        };
-    },
-    function (t, e) {
-        e.f = Object.getOwnPropertySymbols;
-    },
-    function (t, e, i) {
-        "use strict";
-        var a = i(46).IteratorPrototype,
-            s = i(33),
-            n = i(17),
-            r = i(34),
-            o = i(13),
-            l = function () {
-                return this;
-            };
-        t.exports = function (t, e, i) {
-            var h = e + " Iterator";
-            return (t.prototype = s(a, { next: n(1, i) })), r(t, h, !1, !0), (o[h] = l), t;
-        };
-    },
-    function (t, e, i) {
-        var a = i(29);
-        t.exports = function (t) {
-            return Object(a(t));
-        };
-    },
-    function (t, e, i) {
-        var a = i(6);
-        t.exports = !a(function () {
-            function t() {}
-            return (t.prototype.constructor = null), Object.getPrototypeOf(new t()) !== t.prototype;
-        });
-    },
-    function (t, e, i) {
-        var a = i(9),
-            s = i(11),
-            n = i(4),
-            r = i(74);
-        t.exports = a
-            ? Object.defineProperties
-            : function (t, e) {
-                  n(t);
-                  for (var i, a = r(e), o = a.length, l = 0; o > l; ) s.f(t, (i = a[l++]), e[i]);
-                  return t;
-              };
-    },
-    function (t, e, i) {
-        var a = i(43),
-            s = i(31);
-        t.exports =
-            Object.keys ||
-            function (t) {
-                return a(t, s);
-            };
-    },
-    function (t, e, i) {
-        var a = i(7),
-            s = i(4);
-        t.exports = function (t, e) {
-            if ((s(t), !a(e) && null !== e)) throw TypeError("Can't set " + String(e) + " as a prototype");
-        };
-    },
-    function (t, e, i) {
-        var a = i(0),
-            s = i(77),
-            n = i(78),
-            r = i(3),
-            o = i(1),
-            l = o("iterator"),
-            h = o("toStringTag"),
-            c = n.values;
-        for (var d in s) {
-            var u = a[d],
-                f = u && u.prototype;
-            if (f) {
-                if (f[l] !== c)
-                    try {
-                        r(f, l, c);
-                    } catch (t) {
-                        f[l] = c;
-                    }
-                if ((f[h] || r(f, h, d), s[d]))
-                    for (var g in n)
-                        if (f[g] !== n[g])
-                            try {
-                                r(f, g, n[g]);
-                            } catch (t) {
-                                f[g] = n[g];
-                            }
-            }
-        }
-    },
-    function (t, e) {
-        t.exports = {
-            CSSRuleList: 0,
-            CSSStyleDeclaration: 0,
-            CSSValueList: 0,
-            ClientRectList: 0,
-            DOMRectList: 0,
-            DOMStringList: 0,
-            DOMTokenList: 1,
-            DataTransferItemList: 0,
-            FileList: 0,
-            HTMLAllCollection: 0,
-            HTMLCollection: 0,
-            HTMLFormElement: 0,
-            HTMLSelectElement: 0,
-            MediaList: 0,
-            MimeTypeArray: 0,
-            NamedNodeMap: 0,
-            NodeList: 1,
-            PaintRequestList: 0,
-            Plugin: 0,
-            PluginArray: 0,
-            SVGLengthList: 0,
-            SVGNumberList: 0,
-            SVGPathSegList: 0,
-            SVGPointList: 0,
-            SVGStringList: 0,
-            SVGTransformList: 0,
-            SourceBufferList: 0,
-            StyleSheetList: 0,
-            TextTrackCueList: 0,
-            TextTrackList: 0,
-            TouchList: 0,
-        };
-    },
-    function (t, e, i) {
-        "use strict";
-        var a = i(20),
-            s = i(79),
-            n = i(13),
-            r = i(19),
-            o = i(42),
-            l = r.set,
-            h = r.getterFor("Array Iterator");
-        (t.exports = o(
-            Array,
-            "Array",
-            function (t, e) {
-                l(this, { type: "Array Iterator", target: a(t), index: 0, kind: e });
-            },
-            function () {
-                var t = h(this),
-                    e = t.target,
-                    i = t.kind,
-                    a = t.index++;
-                return !e || a >= e.length ? ((t.target = void 0), { value: void 0, done: !0 }) : "keys" == i ? { value: a, done: !1 } : "values" == i ? { value: e[a], done: !1 } : { value: [a, e[a]], done: !1 };
-            },
-            "values"
-        )),
-            (n.Arguments = n.Array),
-            s("keys"),
-            s("values"),
-            s("entries");
-    },
-    function (t, e, i) {
-        var a = i(1),
-            s = i(33),
-            n = i(3),
-            r = a("unscopables"),
-            o = Array.prototype;
-        null == o[r] && n(o, r, s(null)),
-            (t.exports = function (t) {
-                o[r][t] = !0;
-            });
-    },
-    function (t, e, i) {
-        "use strict";
-        var a,
-            s,
-            n,
-            r = i(8),
-            o = i(18),
-            l = i(0),
-            h = i(35),
-            c = i(81),
-            d = i(34),
-            u = i(82),
-            f = i(7),
-            g = i(10),
-            p = i(83),
-            x = i(12),
-            v = i(21),
-            m = i(87),
-            b = i(50),
-            y = i(51).set,
-            w = i(88),
-            k = i(53),
-            S = i(89),
-            A = i(14),
-            C = i(22),
-            L = i(52),
-            E = i(19),
-            P = i(45),
-            T = i(1)("species"),
-            M = "Promise",
-            z = E.get,
-            I = E.set,
-            X = E.getterFor(M),
-            F = l.Promise,
-            Y = l.TypeError,
-            O = l.document,
-            R = l.process,
-            D = l.fetch,
-            N = R && R.versions,
-            H = (N && N.v8) || "",
-            _ = A.f,
-            W = _,
-            B = "process" == x(R),
-            V = !!(O && O.createEvent && l.dispatchEvent),
-            G = P(M, function () {
-                var t = F.resolve(1),
-                    e = function () {},
-                    i = ((t.constructor = {})[T] = function (t) {
-                        t(e, e);
-                    });
-                return !((B || "function" == typeof PromiseRejectionEvent) && (!o || t.finally) && t.then(e) instanceof i && 0 !== H.indexOf("6.6") && -1 === L.indexOf("Chrome/66"));
-            }),
-            j =
-                G ||
-                !m(function (t) {
-                    F.all(t).catch(function () {});
-                }),
-            U = function (t) {
-                var e;
-                return !(!f(t) || "function" != typeof (e = t.then)) && e;
-            },
-            q = function (t, e, i) {
-                if (!e.notified) {
-                    e.notified = !0;
-                    var a = e.reactions;
-                    w(function () {
-                        for (
-                            var s = e.value,
-                                n = 1 == e.state,
-                                r = 0,
-                                o = function (i) {
-                                    var a,
-                                        r,
-                                        o,
-                                        l = n ? i.ok : i.fail,
-                                        h = i.resolve,
-                                        c = i.reject,
-                                        d = i.domain;
-                                    try {
-                                        l
-                                            ? (n || (2 === e.rejection && Q(t, e), (e.rejection = 1)),
-                                              !0 === l ? (a = s) : (d && d.enter(), (a = l(s)), d && (d.exit(), (o = !0))),
-                                              a === i.promise ? c(Y("Promise-chain cycle")) : (r = U(a)) ? r.call(a, h, c) : h(a))
-                                            : c(s);
-                                    } catch (t) {
-                                        d && !o && d.exit(), c(t);
-                                    }
-                                };
-                            a.length > r;
-
-                        )
-                            o(a[r++]);
-                        (e.reactions = []), (e.notified = !1), i && !e.rejection && $(t, e);
-                    });
-                }
-            },
-            Z = function (t, e, i) {
-                var a, s;
-                V ? (((a = O.createEvent("Event")).promise = e), (a.reason = i), a.initEvent(t, !1, !0), l.dispatchEvent(a)) : (a = { promise: e, reason: i }),
-                    (s = l["on" + t]) ? s(a) : "unhandledrejection" === t && S("Unhandled promise rejection", i);
-            },
-            $ = function (t, e) {
-                y.call(l, function () {
-                    var i,
-                        a = e.value;
-                    if (
-                        J(e) &&
-                        ((i = C(function () {
-                            B ? R.emit("unhandledRejection", a, t) : Z("unhandledrejection", t, a);
-                        })),
-                        (e.rejection = B || J(e) ? 2 : 1),
-                        i.error)
-                    )
-                        throw i.value;
-                });
-            },
-            J = function (t) {
-                return 1 !== t.rejection && !t.parent;
-            },
-            Q = function (t, e) {
-                y.call(l, function () {
-                    B ? R.emit("rejectionHandled", t) : Z("rejectionhandled", t, e.value);
-                });
-            },
-            K = function (t, e, i, a) {
-                return function (s) {
-                    t(e, i, s, a);
-                };
-            },
-            tt = function (t, e, i, a) {
-                e.done || ((e.done = !0), a && (e = a), (e.value = i), (e.state = 2), q(t, e, !0));
-            },
-            et = function (t, e, i, a) {
-                if (!e.done) {
-                    (e.done = !0), a && (e = a);
-                    try {
-                        if (t === i) throw Y("Promise can't be resolved itself");
-                        var s = U(i);
-                        s
-                            ? w(function () {
-                                  var a = { done: !1 };
-                                  try {
-                                      s.call(i, K(et, t, a, e), K(tt, t, a, e));
-                                  } catch (i) {
-                                      tt(t, a, i, e);
-                                  }
-                              })
-                            : ((e.value = i), (e.state = 1), q(t, e, !1));
-                    } catch (i) {
-                        tt(t, { done: !1 }, i, e);
-                    }
-                }
-            };
-        G &&
-            ((F = function (t) {
-                p(this, F, M), g(t), a.call(this);
-                var e = z(this);
-                try {
-                    t(K(et, this, e), K(tt, this, e));
-                } catch (t) {
-                    tt(this, e, t);
-                }
-            }),
-            ((a = function (t) {
-                I(this, { type: M, done: !1, notified: !1, parent: !1, reactions: [], rejection: !1, state: 0, value: void 0 });
-            }).prototype = c(F.prototype, {
-                then: function (t, e) {
-                    var i = X(this),
-                        a = _(b(this, F));
-                    return (a.ok = "function" != typeof t || t), (a.fail = "function" == typeof e && e), (a.domain = B ? R.domain : void 0), (i.parent = !0), i.reactions.push(a), 0 != i.state && q(this, i, !1), a.promise;
-                },
-                catch: function (t) {
-                    return this.then(void 0, t);
-                },
-            })),
-            (s = function () {
-                var t = new a(),
-                    e = z(t);
-                (this.promise = t), (this.resolve = K(et, t, e)), (this.reject = K(tt, t, e));
-            }),
-            (A.f = _ = function (t) {
-                return t === F || t === n ? new s(t) : W(t);
-            }),
-            o ||
-                "function" != typeof D ||
-                r(
-                    { global: !0, enumerable: !0, forced: !0 },
-                    {
-                        fetch: function (t) {
-                            return k(F, D.apply(l, arguments));
-                        },
-                    }
-                )),
-            r({ global: !0, wrap: !0, forced: G }, { Promise: F }),
-            d(F, M, !1, !0),
-            u(M),
-            (n = h.Promise),
-            r(
-                { target: M, stat: !0, forced: G },
-                {
-                    reject: function (t) {
-                        var e = _(this);
-                        return e.reject.call(void 0, t), e.promise;
-                    },
-                }
-            ),
-            r(
-                { target: M, stat: !0, forced: o || G },
-                {
-                    resolve: function (t) {
-                        return k(o && this === n ? F : this, t);
-                    },
-                }
-            ),
-            r(
-                { target: M, stat: !0, forced: j },
-                {
-                    all: function (t) {
-                        var e = this,
-                            i = _(e),
-                            a = i.resolve,
-                            s = i.reject,
-                            n = C(function () {
-                                var i = g(e.resolve),
-                                    n = [],
-                                    r = 0,
-                                    o = 1;
-                                v(t, function (t) {
-                                    var l = r++,
-                                        h = !1;
-                                    n.push(void 0),
-                                        o++,
-                                        i.call(e, t).then(function (t) {
-                                            h || ((h = !0), (n[l] = t), --o || a(n));
-                                        }, s);
-                                }),
-                                    --o || a(n);
-                            });
-                        return n.error && s(n.value), i.promise;
-                    },
-                    race: function (t) {
-                        var e = this,
-                            i = _(e),
-                            a = i.reject,
-                            s = C(function () {
-                                var s = g(e.resolve);
-                                v(t, function (t) {
-                                    s.call(e, t).then(i.resolve, a);
-                                });
-                            });
-                        return s.error && a(s.value), i.promise;
-                    },
-                }
-            );
-    },
-    function (t, e, i) {
-        var a = i(15);
-        t.exports = function (t, e, i) {
-            for (var s in e) a(t, s, e[s], i);
-            return t;
-        };
-    },
-    function (t, e, i) {
-        "use strict";
-        var a = i(36),
-            s = i(11),
-            n = i(1),
-            r = i(9),
-            o = n("species");
-        t.exports = function (t) {
-            var e = a(t),
-                i = s.f;
-            r &&
-                e &&
-                !e[o] &&
-                i(e, o, {
-                    configurable: !0,
-                    get: function () {
-                        return this;
-                    },
-                });
-        };
-    },
-    function (t, e) {
-        t.exports = function (t, e, i) {
-            if (!(t instanceof e)) throw TypeError("Incorrect " + (i ? i + " " : "") + "invocation");
-            return t;
-        };
-    },
-    function (t, e, i) {
-        var a = i(1),
-            s = i(13),
-            n = a("iterator"),
-            r = Array.prototype;
-        t.exports = function (t) {
-            return void 0 !== t && (s.Array === t || r[n] === t);
-        };
-    },
-    function (t, e, i) {
-        var a = i(41),
-            s = i(13),
-            n = i(1)("iterator");
-        t.exports = function (t) {
-            if (null != t) return t[n] || t["@@iterator"] || s[a(t)];
-        };
-    },
-    function (t, e, i) {
-        var a = i(4);
-        t.exports = function (t, e, i, s) {
-            try {
-                return s ? e(a(i)[0], i[1]) : e(i);
-            } catch (e) {
-                var n = t.return;
-                throw (void 0 !== n && a(n.call(t)), e);
-            }
-        };
-    },
-    function (t, e, i) {
-        var a = i(1)("iterator"),
-            s = !1;
-        try {
-            var n = 0,
-                r = {
-                    next: function () {
-                        return { done: !!n++ };
-                    },
-                    return: function () {
-                        s = !0;
-                    },
-                };
-            (r[a] = function () {
-                return this;
-            }),
-                Array.from(r, function () {
-                    throw 2;
-                });
-        } catch (t) {}
-        t.exports = function (t, e) {
-            if (!e && !s) return !1;
-            var i = !1;
-            try {
-                var n = {};
-                (n[a] = function () {
-                    return {
-                        next: function () {
-                            return { done: (i = !0) };
-                        },
-                    };
-                }),
-                    t(n);
-            } catch (t) {}
-            return i;
-        };
-    },
-    function (t, e, i) {
-        var a,
-            s,
-            n,
-            r,
-            o,
-            l,
-            h,
-            c = i(0),
-            d = i(30).f,
-            u = i(12),
-            f = i(51).set,
-            g = i(52),
-            p = c.MutationObserver || c.WebKitMutationObserver,
-            x = c.process,
-            v = c.Promise,
-            m = "process" == u(x),
-            b = d(c, "queueMicrotask"),
-            y = b && b.value;
-        y ||
-            ((a = function () {
-                var t, e;
-                for (m && (t = x.domain) && t.exit(); s; ) {
-                    (e = s.fn), (s = s.next);
-                    try {
-                        e();
-                    } catch (t) {
-                        throw (s ? r() : (n = void 0), t);
-                    }
-                }
-                (n = void 0), t && t.enter();
-            }),
-            m
-                ? (r = function () {
-                      x.nextTick(a);
-                  })
-                : p && !/(iphone|ipod|ipad).*applewebkit/i.test(g)
-                ? ((o = !0),
-                  (l = document.createTextNode("")),
-                  new p(a).observe(l, { characterData: !0 }),
-                  (r = function () {
-                      l.data = o = !o;
-                  }))
-                : v && v.resolve
-                ? ((h = v.resolve(void 0)),
-                  (r = function () {
-                      h.then(a);
-                  }))
-                : (r = function () {
-                      f.call(c, a);
-                  })),
-            (t.exports =
-                y ||
-                function (t) {
-                    var e = { fn: t, next: void 0 };
-                    n && (n.next = e), s || ((s = e), r()), (n = e);
-                });
-    },
-    function (t, e, i) {
-        var a = i(0);
-        t.exports = function (t, e) {
-            var i = a.console;
-            i && i.error && (1 === arguments.length ? i.error(t) : i.error(t, e));
-        };
-    },
-    function (t, e, i) {
-        "use strict";
-        var a = i(8),
-            s = i(36),
-            n = i(50),
-            r = i(53);
-        a(
-            { target: "Promise", proto: !0, real: !0 },
-            {
-                finally: function (t) {
-                    var e = n(this, s("Promise")),
-                        i = "function" == typeof t;
-                    return this.then(
-                        i
-                            ? function (i) {
-                                  return r(e, t()).then(function () {
-                                      return i;
-                                  });
-                              }
-                            : t,
-                        i
-                            ? function (i) {
-                                  return r(e, t()).then(function () {
-                                      throw i;
-                                  });
-                              }
-                            : t
-                    );
-                },
-            }
-        );
-    },
-    function (t, e, i) {
-        var a = i(8),
-            s = i(32),
-            n = i(48),
-            r = i(33),
-            o = i(17),
-            l = i(21),
-            h = i(3),
-            c = function (t, e) {
-                var i = this;
-                if (!(i instanceof c)) return new c(t, e);
-                n && (i = n(new Error(e), s(i)));
-                var a = [];
-                return l(t, a.push, a), (i.errors = a), void 0 !== e && h(i, "message", String(e)), i;
-            };
-        (c.prototype = r(Error.prototype, { constructor: o(5, c), name: o(5, "AggregateError") })), a({ global: !0 }, { AggregateError: c });
-    },
-    function (t, e, i) {
-        "use strict";
-        var a = i(8),
-            s = i(10),
-            n = i(14),
-            r = i(22),
-            o = i(21);
-        a(
-            { target: "Promise", stat: !0 },
-            {
-                allSettled: function (t) {
-                    var e = this,
-                        i = n.f(e),
-                        a = i.resolve,
-                        l = i.reject,
-                        h = r(function () {
-                            var i = s(e.resolve),
-                                n = [],
-                                r = 0,
-                                l = 1;
-                            o(t, function (t) {
-                                var s = r++,
-                                    o = !1;
-                                n.push(void 0),
-                                    l++,
-                                    i.call(e, t).then(
-                                        function (t) {
-                                            o || ((o = !0), (n[s] = { status: "fulfilled", value: t }), --l || a(n));
-                                        },
-                                        function (t) {
-                                            o || ((o = !0), (n[s] = { status: "rejected", reason: t }), --l || a(n));
-                                        }
-                                    );
-                            }),
-                                --l || a(n);
-                        });
-                    return h.error && l(h.value), i.promise;
-                },
-            }
-        );
-    },
-    function (t, e, i) {
-        "use strict";
-        var a = i(8),
-            s = i(14),
-            n = i(22);
-        a(
-            { target: "Promise", stat: !0 },
-            {
-                try: function (t) {
-                    var e = s.f(this),
-                        i = n(t);
-                    return (i.error ? e.reject : e.resolve)(i.value), e.promise;
-                },
-            }
-        );
-    },
-    function (t, e, i) {
-        "use strict";
-        var a = i(8),
-            s = i(10),
-            n = i(36),
-            r = i(14),
-            o = i(22),
-            l = i(21);
-        a(
-            { target: "Promise", stat: !0 },
-            {
-                any: function (t) {
-                    var e = this,
-                        i = r.f(e),
-                        a = i.resolve,
-                        h = i.reject,
-                        c = o(function () {
-                            var i = s(e.resolve),
-                                r = [],
-                                o = 0,
-                                c = 1,
-                                d = !1;
-                            l(t, function (t) {
-                                var s = o++,
-                                    l = !1;
-                                r.push(void 0),
-                                    c++,
-                                    i.call(e, t).then(
-                                        function (t) {
-                                            l || d || ((d = !0), a(t));
-                                        },
-                                        function (t) {
-                                            l || d || ((l = !0), (r[s] = t), --c || h(new (n("AggregateError"))(r, "No one promise resolved")));
-                                        }
-                                    );
-                            }),
-                                --c || h(new (n("AggregateError"))(r, "No one promise resolved"));
-                        });
-                    return c.error && h(c.value), i.promise;
-                },
-            }
-        );
-    },
-    function (t, e, i) {
-        var a = (function (t) {
-            "use strict";
-            var e,
-                i = Object.prototype,
-                a = i.hasOwnProperty,
-                s = "function" == typeof Symbol ? Symbol : {},
-                n = s.iterator || "@@iterator",
-                r = s.asyncIterator || "@@asyncIterator",
-                o = s.toStringTag || "@@toStringTag";
-            function l(t, e, i, a) {
-                var s = e && e.prototype instanceof p ? e : p,
-                    n = Object.create(s.prototype),
-                    r = new E(a || []);
-                return (
-                    (n._invoke = (function (t, e, i) {
-                        var a = c;
-                        return function (s, n) {
-                            if (a === u) throw new Error("Generator is already running");
-                            if (a === f) {
-                                if ("throw" === s) throw n;
-                                return T();
-                            }
-                            for (i.method = s, i.arg = n; ; ) {
-                                var r = i.delegate;
-                                if (r) {
-                                    var o = A(r, i);
-                                    if (o) {
-                                        if (o === g) continue;
-                                        return o;
-                                    }
-                                }
-                                if ("next" === i.method) i.sent = i._sent = i.arg;
-                                else if ("throw" === i.method) {
-                                    if (a === c) throw ((a = f), i.arg);
-                                    i.dispatchException(i.arg);
-                                } else "return" === i.method && i.abrupt("return", i.arg);
-                                a = u;
-                                var l = h(t, e, i);
-                                if ("normal" === l.type) {
-                                    if (((a = i.done ? f : d), l.arg === g)) continue;
-                                    return { value: l.arg, done: i.done };
-                                }
-                                "throw" === l.type && ((a = f), (i.method = "throw"), (i.arg = l.arg));
-                            }
-                        };
-                    })(t, i, r)),
-                    n
-                );
-            }
-            function h(t, e, i) {
-                try {
-                    return { type: "normal", arg: t.call(e, i) };
-                } catch (t) {
-                    return { type: "throw", arg: t };
-                }
-            }
-            t.wrap = l;
-            var c = "suspendedStart",
-                d = "suspendedYield",
-                u = "executing",
-                f = "completed",
-                g = {};
-            function p() {}
-            function x() {}
-            function v() {}
-            var m = {};
-            m[n] = function () {
-                return this;
-            };
-            var b = Object.getPrototypeOf,
-                y = b && b(b(P([])));
-            y && y !== i && a.call(y, n) && (m = y);
-            var w = (v.prototype = p.prototype = Object.create(m));
-            function k(t) {
-                ["next", "throw", "return"].forEach(function (e) {
-                    t[e] = function (t) {
-                        return this._invoke(e, t);
-                    };
-                });
-            }
-            function S(t) {
-                var e;
-                this._invoke = function (i, s) {
-                    function n() {
-                        return new Promise(function (e, n) {
-                            !(function e(i, s, n, r) {
-                                var o = h(t[i], t, s);
-                                if ("throw" !== o.type) {
-                                    var l = o.arg,
-                                        c = l.value;
-                                    return c && "object" == typeof c && a.call(c, "__await")
-                                        ? Promise.resolve(c.__await).then(
-                                              function (t) {
-                                                  e("next", t, n, r);
-                                              },
-                                              function (t) {
-                                                  e("throw", t, n, r);
-                                              }
-                                          )
-                                        : Promise.resolve(c).then(
-                                              function (t) {
-                                                  (l.value = t), n(l);
-                                              },
-                                              function (t) {
-                                                  return e("throw", t, n, r);
-                                              }
-                                          );
-                                }
-                                r(o.arg);
-                            })(i, s, e, n);
-                        });
-                    }
-                    return (e = e ? e.then(n, n) : n());
-                };
-            }
-            function A(t, i) {
-                var a = t.iterator[i.method];
-                if (a === e) {
-                    if (((i.delegate = null), "throw" === i.method)) {
-                        if (t.iterator.return && ((i.method = "return"), (i.arg = e), A(t, i), "throw" === i.method)) return g;
-                        (i.method = "throw"), (i.arg = new TypeError("The iterator does not provide a 'throw' method"));
-                    }
-                    return g;
-                }
-                var s = h(a, t.iterator, i.arg);
-                if ("throw" === s.type) return (i.method = "throw"), (i.arg = s.arg), (i.delegate = null), g;
-                var n = s.arg;
-                return n
-                    ? n.done
-                        ? ((i[t.resultName] = n.value), (i.next = t.nextLoc), "return" !== i.method && ((i.method = "next"), (i.arg = e)), (i.delegate = null), g)
-                        : n
-                    : ((i.method = "throw"), (i.arg = new TypeError("iterator result is not an object")), (i.delegate = null), g);
-            }
-            function C(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 L(t) {
-                var e = t.completion || {};
-                (e.type = "normal"), delete e.arg, (t.completion = e);
-            }
-            function E(t) {
-                (this.tryEntries = [{ tryLoc: "root" }]), t.forEach(C, this), this.reset(!0);
-            }
-            function P(t) {
-                if (t) {
-                    var i = t[n];
-                    if (i) return i.call(t);
-                    if ("function" == typeof t.next) return t;
-                    if (!isNaN(t.length)) {
-                        var s = -1,
-                            r = function i() {
-                                for (; ++s < t.length; ) if (a.call(t, s)) return (i.value = t[s]), (i.done = !1), i;
-                                return (i.value = e), (i.done = !0), i;
-                            };
-                        return (r.next = r);
-                    }
-                }
-                return { next: T };
-            }
-            function T() {
-                return { value: e, done: !0 };
-            }
-            return (
-                (x.prototype = w.constructor = v),
-                (v.constructor = x),
-                (v[o] = x.displayName = "GeneratorFunction"),
-                (t.isGeneratorFunction = function (t) {
-                    var e = "function" == typeof t && t.constructor;
-                    return !!e && (e === x || "GeneratorFunction" === (e.displayName || e.name));
-                }),
-                (t.mark = function (t) {
-                    return Object.setPrototypeOf ? Object.setPrototypeOf(t, v) : ((t.__proto__ = v), o in t || (t[o] = "GeneratorFunction")), (t.prototype = Object.create(w)), t;
-                }),
-                (t.awrap = function (t) {
-                    return { __await: t };
-                }),
-                k(S.prototype),
-                (S.prototype[r] = function () {
-                    return this;
-                }),
-                (t.AsyncIterator = S),
-                (t.async = function (e, i, a, s) {
-                    var n = new S(l(e, i, a, s));
-                    return t.isGeneratorFunction(i)
-                        ? n
-                        : n.next().then(function (t) {
-                              return t.done ? t.value : n.next();
-                          });
-                }),
-                k(w),
-                (w[o] = "Generator"),
-                (w[n] = function () {
-                    return this;
-                }),
-                (w.toString = function () {
-                    return "[object Generator]";
-                }),
-                (t.keys = function (t) {
-                    var e = [];
-                    for (var i in t) e.push(i);
-                    return (
-                        e.reverse(),
-                        function i() {
-                            for (; e.length; ) {
-                                var a = e.pop();
-                                if (a in t) return (i.value = a), (i.done = !1), i;
-                            }
-                            return (i.done = !0), i;
-                        }
-                    );
-                }),
-                (t.values = P),
-                (E.prototype = {
-                    constructor: E,
-                    reset: function (t) {
-                        if (((this.prev = 0), (this.next = 0), (this.sent = this._sent = e), (this.done = !1), (this.delegate = null), (this.method = "next"), (this.arg = e), this.tryEntries.forEach(L), !t))
-                            for (var i in this) "t" === i.charAt(0) && a.call(this, i) && !isNaN(+i.slice(1)) && (this[i] = e);
-                    },
-                    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 i = this;
-                        function s(a, s) {
-                            return (o.type = "throw"), (o.arg = t), (i.next = a), s && ((i.method = "next"), (i.arg = e)), !!s;
-                        }
-                        for (var n = this.tryEntries.length - 1; n >= 0; --n) {
-                            var r = this.tryEntries[n],
-                                o = r.completion;
-                            if ("root" === r.tryLoc) return s("end");
-                            if (r.tryLoc <= this.prev) {
-                                var l = a.call(r, "catchLoc"),
-                                    h = a.call(r, "finallyLoc");
-                                if (l && h) {
-                                    if (this.prev < r.catchLoc) return s(r.catchLoc, !0);
-                                    if (this.prev < r.finallyLoc) return s(r.finallyLoc);
-                                } else if (l) {
-                                    if (this.prev < r.catchLoc) return s(r.catchLoc, !0);
-                                } else {
-                                    if (!h) throw new Error("try statement without catch or finally");
-                                    if (this.prev < r.finallyLoc) return s(r.finallyLoc);
-                                }
-                            }
-                        }
-                    },
-                    abrupt: function (t, e) {
-                        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-                            var s = this.tryEntries[i];
-                            if (s.tryLoc <= this.prev && a.call(s, "finallyLoc") && this.prev < s.finallyLoc) {
-                                var n = s;
-                                break;
-                            }
-                        }
-                        n && ("break" === t || "continue" === t) && n.tryLoc <= e && e <= n.finallyLoc && (n = null);
-                        var r = n ? n.completion : {};
-                        return (r.type = t), (r.arg = e), n ? ((this.method = "next"), (this.next = n.finallyLoc), g) : this.complete(r);
-                    },
-                    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),
-                            g
-                        );
-                    },
-                    finish: function (t) {
-                        for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-                            var i = this.tryEntries[e];
-                            if (i.finallyLoc === t) return this.complete(i.completion, i.afterLoc), L(i), g;
-                        }
-                    },
-                    catch: function (t) {
-                        for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-                            var i = this.tryEntries[e];
-                            if (i.tryLoc === t) {
-                                var a = i.completion;
-                                if ("throw" === a.type) {
-                                    var s = a.arg;
-                                    L(i);
-                                }
-                                return s;
-                            }
-                        }
-                        throw new Error("illegal catch attempt");
-                    },
-                    delegateYield: function (t, i, a) {
-                        return (this.delegate = { iterator: P(t), resultName: i, nextLoc: a }), "next" === this.method && (this.arg = e), g;
-                    },
-                }),
-                t
-            );
-        })(t.exports);
-        try {
-            regeneratorRuntime = a;
-        } catch (t) {
-            Function("r", "regeneratorRuntime = r")(a);
-        }
-    },
-    function (t, e, i) {
-        var a = i(97);
-        "string" == typeof a && (a = [[t.i, a, ""]]);
-        var s = { hmr: !0, transform: void 0, insertInto: void 0 };
-        i(99)(a, s);
-        a.locals && (t.exports = a.locals);
-    },
-    function (t, e, i) {
-        (t.exports = i(98)(!1)).push([
-            t.i,
-            ".apexcharts-zoom-icon {\r\n  display: none;\r\n}\r\n.footer {\r\n  margin-top: -20px;\r\n  font-size: 12px;\r\n  padding-right: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  font-family: monospace;\r\n}\r\n.image {\r\n  width: 30px;\r\n}\r\n.arrow_box {\r\n  padding: 10px;\r\n  text-align: center;\r\n  font-family: Helvetica, Arial, sans-serif;\r\n}\r\n.tooltip-weights {\r\n  border-top: 1px solid rgba(255, 255, 255, 0.2);\r\n  padding: 5px;\r\n  display: block;\r\n  font-size: 12px;\r\n}\r\n.pc_negative {\r\n  color: red;\r\n  font-weight: bold;\r\n}\r\n.pc_positive {\r\n  color: green;\r\n  font-weight: bold;\r\n}\r\n.tooltip-heatmap-date {\r\n  font-size: 11px;\r\n  color: #777;\r\n}\r\n.tooltip-heatmap-price {\r\n  color: #000;\r\n  margin-right: 5px;\r\n}\r\n.cryptochart-container {\r\n  position: relative;\r\n  min-height: 300px;\r\n  transition: min-height 0.3s ease-in-out;\r\n}\r\n.cryptochart_loading {\r\n  margin: 0;\r\n  position: absolute;\r\n  top: 50%;\r\n  -ms-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n  text-align: center;\r\n  width: 100%;\r\n}\r\n.cryptochart_loading svg {\r\n  width: 7%;\r\n  min-width: 40px;\r\n  margin: auto;\r\n  height: auto;\r\n}\r\n",
-            "",
-        ]);
-    },
-    function (t, e, i) {
-        "use strict";
-        t.exports = function (t) {
-            var e = [];
-            return (
-                (e.toString = function () {
-                    return this.map(function (e) {
-                        var i = (function (t, e) {
-                            var i = t[1] || "",
-                                a = t[3];
-                            if (!a) return i;
-                            if (e && "function" == typeof btoa) {
-                                var s = ((r = a), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(r)))) + " */"),
-                                    n = a.sources.map(function (t) {
-                                        return "/*# sourceURL=" + a.sourceRoot + t + " */";
-                                    });
-                                return [i].concat(n).concat([s]).join("\n");
-                            }
-                            var r;
-                            return [i].join("\n");
-                        })(e, t);
-                        return e[2] ? "@media " + e[2] + "{" + i + "}" : i;
-                    }).join("");
-                }),
-                (e.i = function (t, i) {
-                    "string" == typeof t && (t = [[null, t, ""]]);
-                    for (var a = {}, s = 0; s < this.length; s++) {
-                        var n = this[s][0];
-                        null != n && (a[n] = !0);
-                    }
-                    for (s = 0; s < t.length; s++) {
-                        var r = t[s];
-                        (null != r[0] && a[r[0]]) || (i && !r[2] ? (r[2] = i) : i && (r[2] = "(" + r[2] + ") and (" + i + ")"), e.push(r));
-                    }
-                }),
-                e
-            );
-        };
-    },
-    function (t, e, i) {
-        var a,
-            s,
-            n = {},
-            r =
-                ((a = function () {
-                    return window && document && document.all && !window.atob;
-                }),
-                function () {
-                    return void 0 === s && (s = a.apply(this, arguments)), s;
-                }),
-            o = (function (t) {
-                var e = {};
-                return function (t, i) {
-                    if ("function" == typeof t) return t();
-                    if (void 0 === e[t]) {
-                        var a = function (t, e) {
-                            return e ? e.querySelector(t) : document.querySelector(t);
-                        }.call(this, t, i);
-                        if (window.HTMLIFrameElement && a instanceof window.HTMLIFrameElement)
-                            try {
-                                a = a.contentDocument.head;
-                            } catch (t) {
-                                a = null;
-                            }
-                        e[t] = a;
-                    }
-                    return e[t];
-                };
-            })(),
-            l = null,
-            h = 0,
-            c = [],
-            d = i(100);
-        function u(t, e) {
-            for (var i = 0; i < t.length; i++) {
-                var a = t[i],
-                    s = n[a.id];
-                if (s) {
-                    s.refs++;
-                    for (var r = 0; r < s.parts.length; r++) s.parts[r](a.parts[r]);
-                    for (; r < a.parts.length; r++) s.parts.push(m(a.parts[r], e));
-                } else {
-                    var o = [];
-                    for (r = 0; r < a.parts.length; r++) o.push(m(a.parts[r], e));
-                    n[a.id] = { id: a.id, refs: 1, parts: o };
-                }
-            }
-        }
-        function f(t, e) {
-            for (var i = [], a = {}, s = 0; s < t.length; s++) {
-                var n = t[s],
-                    r = e.base ? n[0] + e.base : n[0],
-                    o = { css: n[1], media: n[2], sourceMap: n[3] };
-                a[r] ? a[r].parts.push(o) : i.push((a[r] = { id: r, parts: [o] }));
-            }
-            return i;
-        }
-        function g(t, e) {
-            var i = o(t.insertInto);
-            if (!i) throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");
-            var a = c[c.length - 1];
-            if ("top" === t.insertAt) a ? (a.nextSibling ? i.insertBefore(e, a.nextSibling) : i.appendChild(e)) : i.insertBefore(e, i.firstChild), c.push(e);
-            else if ("bottom" === t.insertAt) i.appendChild(e);
-            else {
-                if ("object" != typeof t.insertAt || !t.insertAt.before)
-                    throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");
-                var s = o(t.insertAt.before, i);
-                i.insertBefore(e, s);
-            }
-        }
-        function p(t) {
-            if (null === t.parentNode) return !1;
-            t.parentNode.removeChild(t);
-            var e = c.indexOf(t);
-            e >= 0 && c.splice(e, 1);
-        }
-        function x(t) {
-            var e = document.createElement("style");
-            if ((void 0 === t.attrs.type && (t.attrs.type = "text/css"), void 0 === t.attrs.nonce)) {
-                var a = (function () {
-                    0;
-                    return i.nc;
-                })();
-                a && (t.attrs.nonce = a);
-            }
-            return v(e, t.attrs), g(t, e), e;
-        }
-        function v(t, e) {
-            Object.keys(e).forEach(function (i) {
-                t.setAttribute(i, e[i]);
-            });
-        }
-        function m(t, e) {
-            var i, a, s, n;
-            if (e.transform && t.css) {
-                if (!(n = "function" == typeof e.transform ? e.transform(t.css) : e.transform.default(t.css))) return function () {};
-                t.css = n;
-            }
-            if (e.singleton) {
-                var r = h++;
-                (i = l || (l = x(e))), (a = w.bind(null, i, r, !1)), (s = w.bind(null, i, r, !0));
-            } else
-                t.sourceMap && "function" == typeof URL && "function" == typeof URL.createObjectURL && "function" == typeof URL.revokeObjectURL && "function" == typeof Blob && "function" == typeof btoa
-                    ? ((i = (function (t) {
-                          var e = document.createElement("link");
-                          return void 0 === t.attrs.type && (t.attrs.type = "text/css"), (t.attrs.rel = "stylesheet"), v(e, t.attrs), g(t, e), e;
-                      })(e)),
-                      (a = function (t, e, i) {
-                          var a = i.css,
-                              s = i.sourceMap,
-                              n = void 0 === e.convertToAbsoluteUrls && s;
-                          (e.convertToAbsoluteUrls || n) && (a = d(a));
-                          s && (a += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(s)))) + " */");
-                          var r = new Blob([a], { type: "text/css" }),
-                              o = t.href;
-                          (t.href = URL.createObjectURL(r)), o && URL.revokeObjectURL(o);
-                      }.bind(null, i, e)),
-                      (s = function () {
-                          p(i), i.href && URL.revokeObjectURL(i.href);
-                      }))
-                    : ((i = x(e)),
-                      (a = function (t, e) {
-                          var i = e.css,
-                              a = e.media;
-                          a && t.setAttribute("media", a);
-                          if (t.styleSheet) t.styleSheet.cssText = i;
-                          else {
-                              for (; t.firstChild; ) t.removeChild(t.firstChild);
-                              t.appendChild(document.createTextNode(i));
-                          }
-                      }.bind(null, i)),
-                      (s = function () {
-                          p(i);
-                      }));
-            return (
-                a(t),
-                function (e) {
-                    if (e) {
-                        if (e.css === t.css && e.media === t.media && e.sourceMap === t.sourceMap) return;
-                        a((t = e));
-                    } else s();
-                }
-            );
-        }
-        t.exports = function (t, e) {
-            if ("undefined" != typeof DEBUG && DEBUG && "object" != typeof document) throw new Error("The style-loader cannot be used in a non-browser environment");
-            ((e = e || {}).attrs = "object" == typeof e.attrs ? e.attrs : {}), e.singleton || "boolean" == typeof e.singleton || (e.singleton = r()), e.insertInto || (e.insertInto = "head"), e.insertAt || (e.insertAt = "bottom");
-            var i = f(t, e);
-            return (
-                u(i, e),
-                function (t) {
-                    for (var a = [], s = 0; s < i.length; s++) {
-                        var r = i[s];
-                        (o = n[r.id]).refs--, a.push(o);
-                    }
-                    t && u(f(t, e), e);
-                    for (s = 0; s < a.length; s++) {
-                        var o;
-                        if (0 === (o = a[s]).refs) {
-                            for (var l = 0; l < o.parts.length; l++) o.parts[l]();
-                            delete n[o.id];
-                        }
-                    }
-                }
-            );
-        };
-        var b,
-            y =
-                ((b = []),
-                function (t, e) {
-                    return (b[t] = e), b.filter(Boolean).join("\n");
-                });
-        function w(t, e, i, a) {
-            var s = i ? "" : a.css;
-            if (t.styleSheet) t.styleSheet.cssText = y(e, s);
-            else {
-                var n = document.createTextNode(s),
-                    r = t.childNodes;
-                r[e] && t.removeChild(r[e]), r.length ? t.insertBefore(n, r[e]) : t.appendChild(n);
-            }
-        }
-    },
-    function (t, e) {
-        t.exports = function (t) {
-            var e = "undefined" != typeof window && window.location;
-            if (!e) throw new Error("fixUrls requires window.location");
-            if (!t || "string" != typeof t) return t;
-            var i = e.protocol + "//" + e.host,
-                a = i + e.pathname.replace(/\/[^\/]*$/, "/");
-            return t.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi, function (t, e) {
-                var s,
-                    n = e
-                        .trim()
-                        .replace(/^"(.*)"$/, function (t, e) {
-                            return e;
-                        })
-                        .replace(/^'(.*)'$/, function (t, e) {
-                            return e;
-                        });
-                return /^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(n) ? t : ((s = 0 === n.indexOf("//") ? n : 0 === n.indexOf("/") ? i + n : a + n.replace(/^\.\//, "")), "url(" + JSON.stringify(s) + ")");
-            });
-        };
-    },
-    function (t, e, i) {
-        (function (t) {
-            var a = (void 0 !== t && t) || ("undefined" != typeof self && self) || window,
-                s = Function.prototype.apply;
-            function n(t, e) {
-                (this._id = t), (this._clearFn = e);
-            }
-            (e.setTimeout = function () {
-                return new n(s.call(setTimeout, a, arguments), clearTimeout);
-            }),
-                (e.setInterval = function () {
-                    return new n(s.call(setInterval, a, arguments), clearInterval);
-                }),
-                (e.clearTimeout = e.clearInterval = function (t) {
-                    t && t.close();
-                }),
-                (n.prototype.unref = n.prototype.ref = function () {}),
-                (n.prototype.close = function () {
-                    this._clearFn.call(a, this._id);
-                }),
-                (e.enroll = function (t, e) {
-                    clearTimeout(t._idleTimeoutId), (t._idleTimeout = e);
-                }),
-                (e.unenroll = function (t) {
-                    clearTimeout(t._idleTimeoutId), (t._idleTimeout = -1);
-                }),
-                (e._unrefActive = e.active = function (t) {
-                    clearTimeout(t._idleTimeoutId);
-                    var e = t._idleTimeout;
-                    e >= 0 &&
-                        (t._idleTimeoutId = setTimeout(function () {
-                            t._onTimeout && t._onTimeout();
-                        }, e));
-                }),
-                i(102),
-                (e.setImmediate = ("undefined" != typeof self && self.setImmediate) || (void 0 !== t && t.setImmediate) || (this && this.setImmediate)),
-                (e.clearImmediate = ("undefined" != typeof self && self.clearImmediate) || (void 0 !== t && t.clearImmediate) || (this && this.clearImmediate));
-        }.call(this, i(23)));
-    },
-    function (t, e, i) {
-        (function (t, e) {
-            !(function (t, i) {
-                "use strict";
-                if (!t.setImmediate) {
-                    var a,
-                        s,
-                        n,
-                        r,
-                        o,
-                        l = 1,
-                        h = {},
-                        c = !1,
-                        d = t.document,
-                        u = Object.getPrototypeOf && Object.getPrototypeOf(t);
-                    (u = u && u.setTimeout ? u : t),
-                        "[object process]" === {}.toString.call(t.process)
-                            ? (a = function (t) {
-                                  e.nextTick(function () {
-                                      g(t);
-                                  });
-                              })
-                            : !(function () {
-                                  if (t.postMessage && !t.importScripts) {
-                                      var e = !0,
-                                          i = t.onmessage;
-                                      return (
-                                          (t.onmessage = function () {
-                                              e = !1;
-                                          }),
-                                          t.postMessage("", "*"),
-                                          (t.onmessage = i),
-                                          e
-                                      );
-                                  }
-                              })()
-                            ? t.MessageChannel
-                                ? (((n = new MessageChannel()).port1.onmessage = function (t) {
-                                      g(t.data);
-                                  }),
-                                  (a = function (t) {
-                                      n.port2.postMessage(t);
-                                  }))
-                                : d && "onreadystatechange" in d.createElement("script")
-                                ? ((s = d.documentElement),
-                                  (a = function (t) {
-                                      var e = d.createElement("script");
-                                      (e.onreadystatechange = function () {
-                                          g(t), (e.onreadystatechange = null), s.removeChild(e), (e = null);
-                                      }),
-                                          s.appendChild(e);
-                                  }))
-                                : (a = function (t) {
-                                      setTimeout(g, 0, t);
-                                  })
-                            : ((r = "setImmediate$" + Math.random() + "$"),
-                              (o = function (e) {
-                                  e.source === t && "string" == typeof e.data && 0 === e.data.indexOf(r) && g(+e.data.slice(r.length));
-                              }),
-                              t.addEventListener ? t.addEventListener("message", o, !1) : t.attachEvent("onmessage", o),
-                              (a = function (e) {
-                                  t.postMessage(r + e, "*");
-                              })),
-                        (u.setImmediate = function (t) {
-                            "function" != typeof t && (t = new Function("" + t));
-                            for (var e = new Array(arguments.length - 1), i = 0; i < e.length; i++) e[i] = arguments[i + 1];
-                            var s = { callback: t, args: e };
-                            return (h[l] = s), a(l), l++;
-                        }),
-                        (u.clearImmediate = f);
-                }
-                function f(t) {
-                    delete h[t];
-                }
-                function g(t) {
-                    if (c) setTimeout(g, 0, t);
-                    else {
-                        var e = h[t];
-                        if (e) {
-                            c = !0;
-                            try {
-                                !(function (t) {
-                                    var e = t.callback,
-                                        a = t.args;
-                                    switch (a.length) {
-                                        case 0:
-                                            e();
-                                            break;
-                                        case 1:
-                                            e(a[0]);
-                                            break;
-                                        case 2:
-                                            e(a[0], a[1]);
-                                            break;
-                                        case 3:
-                                            e(a[0], a[1], a[2]);
-                                            break;
-                                        default:
-                                            e.apply(i, a);
-                                    }
-                                })(e);
-                            } finally {
-                                f(t), (c = !1);
-                            }
-                        }
-                    }
-                }
-            })("undefined" == typeof self ? (void 0 === t ? this : t) : self);
-        }.call(this, i(23), i(103)));
-    },
-    function (t, e) {
-        var i,
-            a,
-            s = (t.exports = {});
-        function n() {
-            throw new Error("setTimeout has not been defined");
-        }
-        function r() {
-            throw new Error("clearTimeout has not been defined");
-        }
-        function o(t) {
-            if (i === setTimeout) return setTimeout(t, 0);
-            if ((i === n || !i) && setTimeout) return (i = setTimeout), setTimeout(t, 0);
-            try {
-                return i(t, 0);
-            } catch (e) {
-                try {
-                    return i.call(null, t, 0);
-                } catch (e) {
-                    return i.call(this, t, 0);
-                }
-            }
-        }
-        !(function () {
-            try {
-                i = "function" == typeof setTimeout ? setTimeout : n;
-            } catch (t) {
-                i = n;
-            }
-            try {
-                a = "function" == typeof clearTimeout ? clearTimeout : r;
-            } catch (t) {
-                a = r;
-            }
-        })();
-        var l,
-            h = [],
-            c = !1,
-            d = -1;
-        function u() {
-            c && l && ((c = !1), l.length ? (h = l.concat(h)) : (d = -1), h.length && f());
-        }
-        function f() {
-            if (!c) {
-                var t = o(u);
-                c = !0;
-                for (var e = h.length; e; ) {
-                    for (l = h, h = []; ++d < e; ) l && l[d].run();
-                    (d = -1), (e = h.length);
-                }
-                (l = null),
-                    (c = !1),
-                    (function (t) {
-                        if (a === clearTimeout) return clearTimeout(t);
-                        if ((a === r || !a) && clearTimeout) return (a = clearTimeout), clearTimeout(t);
-                        try {
-                            a(t);
-                        } catch (e) {
-                            try {
-                                return a.call(null, t);
-                            } catch (e) {
-                                return a.call(this, t);
-                            }
-                        }
-                    })(t);
-            }
-        }
-        function g(t, e) {
-            (this.fun = t), (this.array = e);
-        }
-        function p() {}
-        (s.nextTick = function (t) {
-            var e = new Array(arguments.length - 1);
-            if (arguments.length > 1) for (var i = 1; i < arguments.length; i++) e[i - 1] = arguments[i];
-            h.push(new g(t, e)), 1 !== h.length || c || o(f);
-        }),
-            (g.prototype.run = function () {
-                this.fun.apply(null, this.array);
-            }),
-            (s.title = "browser"),
-            (s.browser = !0),
-            (s.env = {}),
-            (s.argv = []),
-            (s.version = ""),
-            (s.versions = {}),
-            (s.on = p),
-            (s.addListener = p),
-            (s.once = p),
-            (s.off = p),
-            (s.removeListener = p),
-            (s.removeAllListeners = p),
-            (s.emit = p),
-            (s.prependListener = p),
-            (s.prependOnceListener = p),
-            (s.listeners = function (t) {
-                return [];
-            }),
-            (s.binding = function (t) {
-                throw new Error("process.binding is not supported");
-            }),
-            (s.cwd = function () {
-                return "/";
-            }),
-            (s.chdir = function (t) {
-                throw new Error("process.chdir is not supported");
-            }),
-            (s.umask = function () {
-                return 0;
-            });
-    },
-    function (t, e) {
-        t.exports = function (t) {
-            if (!t.webpackPolyfill) {
-                var e = Object.create(t);
-                e.children || (e.children = []),
-                    Object.defineProperty(e, "loaded", {
-                        enumerable: !0,
-                        get: function () {
-                            return e.l;
-                        },
-                    }),
-                    Object.defineProperty(e, "id", {
-                        enumerable: !0,
-                        get: function () {
-                            return e.i;
-                        },
-                    }),
-                    Object.defineProperty(e, "exports", { enumerable: !0 }),
-                    (e.webpackPolyfill = 1);
-            }
-            return e;
-        };
-    },
-    function (t, e) {
-        (function (e) {
-            t.exports = e;
-        }.call(this, {}));
-    },
-    function (t, e, i) {
-        "use strict";
-        i.r(e);
-        i(54), i(95), i(96);
-        function a(t, e, i) {
-            return e in t ? Object.defineProperty(t, e, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : (t[e] = i), t;
-        }
-        function s(t) {
-            return (s =
-                "function" == typeof Symbol && "symbol" == typeof Symbol.iterator
-                    ? function (t) {
-                          return typeof t;
-                      }
-                    : function (t) {
-                          return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-                      })(t);
-        }
-        function n(t) {
-            return t && "object" === s(t) && !Array.isArray(t);
-        }
-        function r(t) {
-            for (var e = arguments.length, i = new Array(e > 1 ? e - 1 : 0), s = 1; s < e; s++) i[s - 1] = arguments[s];
-            if (!i.length) return t;
-            var o = i.shift();
-            if (n(t) && n(o)) for (var l in o) n(o[l]) ? (t[l] || Object.assign(t, a({}, l, {})), r(t[l], o[l])) : Object.assign(t, a({}, l, o[l]));
-            return r.apply(void 0, [t].concat(i));
-        }
-        function o(t, e, i) {
-            var a = null;
-            e && (a = [].concat.apply([], e));
-            var s = Math.max.apply(
-                    Math,
-                    i.map(function (t) {
-                        return t.max;
-                    })
-                ),
-                n = Math.min.apply(
-                    Math,
-                    i.map(function (t) {
-                        return t.min;
-                    })
-                ),
-                o = 0,
-                l = 0;
-            n < 0 && (o = Math.ceil(n) - 1), s > 0 && (l = Math.ceil(s) + 1);
-            var h = {
-                chart: { id: t.chart_id, height: 500, type: "area", toolbar: { show: !1 } },
-                colors: ["#4CAF50", "#2196F3", "#FF5722", "#607D8B", "#E91E63", "#673AB7", "#00BCD4", "#FF9800", "#009688", "#8BC34A", "#F44336", "#3F51B5", "#FFEB3B", "#9C27B0", "#FFC107", "#795548", "#CDDC39", "#03A9F4", "#9E9E9E"],
-                annotations: {
-                    position: "back",
-                    yaxis: [{ y: 0, y2: o, borderColor: "red", fillColor: "red", opacity: 0.15, label: { borderWidth: 0, style: { fontSize: "1px", color: "#333", background: "transparent", cssClass: "hidden" }, text: "." } }],
-                },
-                legend: { position: "top" },
-                dataLabels: { enabled: !1 },
-                stroke: { curve: "smooth", width: 2 },
-                series: i,
-                grid: { yaxis: { lines: { show: !1 } }, xaxis: { lines: { show: !1 } } },
-                yaxis: {
-                    min: o,
-                    max: l,
-                    labels: {
-                        style: { color: "#555555", fontSize: "12px" },
-                        formatter: function (t) {
-                            return t.toFixed(2) + "%";
-                        },
-                    },
-                    axisTicks: { show: !0, color: "#ccc" },
-                    axisBorder: { show: !0, color: "#ccc" },
-                },
-                xaxis: {
-                    type: "category",
-                    axisTicks: { show: !0, color: "#ccc" },
-                    axisBorder: { show: !0, color: "#ccc" },
-                    labels: {
-                        style: { colors: "#555555", fontSize: "12px" },
-                        formatter: function (t, e, i) {
-                            return new Date(e).toLocaleDateString("en-GB", { month: "short", day: "2-digit" });
-                        },
-                    },
-                    tooltip: { enabled: !1 },
-                },
-                tooltip: {
-                    shared: !0,
-                    x: {
-                        formatter: function (t, e) {
-                            e.series, e.seriesIndex, e.dataPointIndex, e.w;
-                            return new Date(t).toLocaleDateString("en-GB", { year: "numeric", month: "short", day: "2-digit" });
-                        },
-                    },
-                    y: {
-                        formatter: function (t, e) {
-                            var i = e.seriesIndex,
-                                a = e.dataPointIndex;
-                            if (e.w.config.series[i].data[a]) return e.w.config.series[i].data[a].y.toFixed(2) + "%" + " / $" + e.w.config.series[i].data[a].price.toFixed(2);
-                        },
-                    },
-                },
-            };
-            return t.options && (t.options.theme && delete h.colors, r(h, t.options), !0 === t.options.title && (h.title = { text: "ROI of " + a + " over time" })), h;
-        }
-        var l = i(2);
-        function h(t, e, i, a, s, n, r) {
-            try {
-                var o = t[n](r),
-                    l = o.value;
-            } catch (t) {
-                return void i(t);
-            }
-            o.done ? e(l) : Promise.resolve(l).then(a, s);
-        }
-        function c(t, e, i) {
-            return d.apply(this, arguments);
-        }
-        function d() {
-            var t;
-            return (
-                (t = regeneratorRuntime.mark(function t(e, i, a) {
-                    var s, n, r, o, l, h, c, d, u;
-                    return regeneratorRuntime.wrap(function (t) {
-                        for (;;)
-                            switch ((t.prev = t.next)) {
-                                case 0:
-                                    (n = function (t) {
-                                        var e = [];
-                                        return (
-                                            t.forEach(function (t) {
-                                                var i = {};
-                                                (i.x = t.time), (i.y = t.close), e.push(i);
-                                            }),
-                                            e
-                                        );
-                                    }),
-                                        (s = []),
-                                        (r = 30),
-                                        a.last_days && (r = a.last_days),
-                                        (o = 0);
-                                case 5:
-                                    if (!(o < e.length)) {
-                                        t.next = 22;
-                                        break;
-                                    }
-                                    return (
-                                        (l = {}),
-                                        (h = "https://min-api.cryptocompare.com/data/histoday?fsym=" + e[o] + "&tsym=USD&limit=" + Number(r)),
-                                        i && (h = h + "&api_key=" + i),
-                                        (t.next = 11),
-                                        fetch(h).catch(function (t) {
-                                            return console.error("Error:", t);
-                                        })
-                                    );
-                                case 11:
-                                    return (c = t.sent), (t.next = 14), c.json();
-                                case 14:
-                                    (d = t.sent), (u = d.Data.slice(1)), (l.name = e[o].toString()), (l.data = n(u)), s.push(l);
-                                case 19:
-                                    o++, (t.next = 5);
-                                    break;
-                                case 22:
-                                    return t.abrupt("return", s);
-                                case 23:
-                                case "end":
-                                    return t.stop();
-                            }
-                    }, t);
-                })),
-                (d = function () {
-                    var e = this,
-                        i = arguments;
-                    return new Promise(function (a, s) {
-                        var n = t.apply(e, i);
-                        function r(t) {
-                            h(n, a, s, r, o, "next", t);
-                        }
-                        function o(t) {
-                            h(n, a, s, r, o, "throw", t);
-                        }
-                        r(void 0);
-                    });
-                }).apply(this, arguments)
-            );
-        }
-        function u(t, e, i, a, s, n, r) {
-            try {
-                var o = t[n](r),
-                    l = o.value;
-            } catch (t) {
-                return void i(t);
-            }
-            o.done ? e(l) : Promise.resolve(l).then(a, s);
-        }
-        function f(t, e) {
-            return g.apply(this, arguments);
-        }
-        function g() {
-            var t;
-            return (
-                (t = regeneratorRuntime.mark(function t(e, i) {
-                    var a, s, n, r, o, l, h, c, d, u, f, g;
-                    return regeneratorRuntime.wrap(function (t) {
-                        for (;;)
-                            switch ((t.prev = t.next)) {
-                                case 0:
-                                    (g = function (t) {
-                                        var e = [];
-                                        return (
-                                            t.values.forEach(function (t) {
-                                                f(Number(t.x)) && e.push(t);
-                                            }),
-                                            e
-                                        );
-                                    }),
-                                        (f = function (t) {
-                                            var e = new Date(1e3 * t).toISOString(),
-                                                i = new Date(e).setUTCHours(0, 0, 0, 0),
-                                                a = !1;
-                                            return t === Math.round(i / 1e3) && (a = !0), a;
-                                        }),
-                                        (a = []),
-                                        (s = Math.round(new Date().getTime() / 1e3) - 2592e3),
-                                        (n = Math.round(new Date().getTime() / 1e3)),
-                                        i.from && (s = i.from),
-                                        i.to && (n = i.to),
-                                        i.last_days && ((r = 86400 * i.last_days), (s = n - r)),
-                                        (o = 0);
-                                case 9:
-                                    if (!(o < e.length)) {
-                                        t.next = 28;
-                                        break;
-                                    }
-                                    return (
-                                        (t.next = 12),
-                                        fetch("https://api.iconomi.com/v1/daa/" + e[o] + "/pricehistory?from=" + s + "&to=" + n).catch(function (t) {
-                                            return console.error("Error:", t);
-                                        })
-                                    );
-                                case 12:
-                                    return (l = t.sent), (t.next = 15), l.json();
-                                case 15:
-                                    return (
-                                        (h = t.sent),
-                                        (c = g(h)),
-                                        (t.next = 19),
-                                        fetch("https://api.iconomi.com/v1/daa/" + e[o] + "/price").catch(function (t) {
-                                            return console.error("Error:", t);
-                                        })
-                                    );
-                                case 19:
-                                    return (d = t.sent), (t.next = 22), d.json();
-                                case 22:
-                                    (u = t.sent), (c[c.length - 1].y = u.price.toString()), a.push({ name: e[o], data: c });
-                                case 25:
-                                    o++, (t.next = 9);
-                                    break;
-                                case 28:
-                                    return t.abrupt("return", a);
-                                case 29:
-                                case "end":
-                                    return t.stop();
-                            }
-                    }, t);
-                })),
-                (g = function () {
-                    var e = this,
-                        i = arguments;
-                    return new Promise(function (a, s) {
-                        var n = t.apply(e, i);
-                        function r(t) {
-                            u(n, a, s, r, o, "next", t);
-                        }
-                        function o(t) {
-                            u(n, a, s, r, o, "throw", t);
-                        }
-                        r(void 0);
-                    });
-                }).apply(this, arguments)
-            );
-        }
-        function p(t) {
-            return (
-                (function (t) {
-                    if (Array.isArray(t)) {
-                        for (var e = 0, i = new Array(t.length); e < t.length; e++) i[e] = t[e];
-                        return i;
-                    }
-                })(t) ||
-                (function (t) {
-                    if (Symbol.iterator in Object(t) || "[object Arguments]" === Object.prototype.toString.call(t)) return Array.from(t);
-                })(t) ||
-                (function () {
-                    throw new TypeError("Invalid attempt to spread non-iterable instance");
-                })()
-            );
-        }
-        function x(t, e, i, a, s, n, r) {
-            try {
-                var o = t[n](r),
-                    l = o.value;
-            } catch (t) {
-                return void i(t);
-            }
-            o.done ? e(l) : Promise.resolve(l).then(a, s);
-        }
-        function v(t, e, i, a, s) {
-            return m.apply(this, arguments);
-        }
-        function m() {
-            var t;
-            return (
-                (t = regeneratorRuntime.mark(function t(e, i, a, s, n) {
-                    var r, o, l;
-                    return regeneratorRuntime.wrap(function (t) {
-                        for (;;)
-                            switch ((t.prev = t.next)) {
-                                case 0:
-                                    if (((r = null), (o = null), !e)) {
-                                        t.next = 6;
-                                        break;
-                                    }
-                                    return (t.next = 5), f(e, n);
-                                case 5:
-                                    r = t.sent;
-                                case 6:
-                                    if (!i) {
-                                        t.next = 10;
-                                        break;
-                                    }
-                                    return (t.next = 9), c(i, a, n);
-                                case 9:
-                                    o = t.sent;
-                                case 10:
-                                    return (
-                                        (l = []),
-                                        (e || i) &&
-                                            Promise.all([r, o]).then(function (t) {
-                                                var e = t[0],
-                                                    i = t[1],
-                                                    a = null;
-                                                e && i ? (a = [].concat(p(e), p(i))) : e ? ((a = p(e)), console.log(e)) : ((a = p(i)), console.log(i)), l.push(a);
-                                            }),
-                                        t.abrupt("return", l)
-                                    );
-                                case 13:
-                                case "end":
-                                    return t.stop();
-                            }
-                    }, t);
-                })),
-                (m = function () {
-                    var e = this,
-                        i = arguments;
-                    return new Promise(function (a, s) {
-                        var n = t.apply(e, i);
-                        function r(t) {
-                            x(n, a, s, r, o, "next", t);
-                        }
-                        function o(t) {
-                            x(n, a, s, r, o, "throw", t);
-                        }
-                        r(void 0);
-                    });
-                }).apply(this, arguments)
-            );
-        }
-        function b(t, e, i, a, s, n, r) {
-            try {
-                var o = t[n](r),
-                    l = o.value;
-            } catch (t) {
-                return void i(t);
-            }
-            o.done ? e(l) : Promise.resolve(l).then(a, s);
-        }
-        function y(t, e, i, a, s) {
-            return w.apply(this, arguments);
-        }
-        function w() {
-            var t;
-            return (
-                (t = regeneratorRuntime.mark(function t(e, i, a, s, n) {
-                    var r, o, l, h;
-                    return regeneratorRuntime.wrap(function (t) {
-                        for (;;)
-                            switch ((t.prev = t.next)) {
-                                case 0:
-                                    return (
-                                        (r = function (t, e) {
-                                            return 0 !== e ? (0 !== t ? ((e - t) / t) * 100 : 100 * e) : 100 * -t;
-                                        }),
-                                        (t.next = 3),
-                                        v(e, i, a, s, n)
-                                    );
-                                case 3:
-                                    return (o = t.sent), (t.next = 6), o;
-                                case 6:
-                                    return (
-                                        (l = t.sent),
-                                        (h = []),
-                                        s &&
-                                            (l.length > 0
-                                                ? s.forEach(function (t) {
-                                                      l[0].push(t);
-                                                  })
-                                                : (l.push([]),
-                                                  s.forEach(function (t) {
-                                                      l[0].push(t);
-                                                  }))),
-                                        l[0].forEach(function (t) {
-                                            var e = [],
-                                                i = t.data,
-                                                a = 0,
-                                                s = 0;
-                                            i.forEach(function (t) {
-                                                var n = t.y,
-                                                    o = i[0].y,
-                                                    l = 1e3 * t.x,
-                                                    h = r(o, n);
-                                                h <= a && (a = h), h >= s && (s = h), e.push({ x: Number(l), y: Number(h.toFixed(2)), price: Number(n) });
-                                            }),
-                                                h.push({ name: t.name, data: e, min: Number(a.toFixed(2)), max: Number(s.toFixed(2)) });
-                                        }),
-                                        t.abrupt("return", h)
-                                    );
-                                case 11:
-                                case "end":
-                                    return t.stop();
-                            }
-                    }, t);
-                })),
-                (w = function () {
-                    var e = this,
-                        i = arguments;
-                    return new Promise(function (a, s) {
-                        var n = t.apply(e, i);
-                        function r(t) {
-                            b(n, a, s, r, o, "next", t);
-                        }
-                        function o(t) {
-                            b(n, a, s, r, o, "throw", t);
-                        }
-                        r(void 0);
-                    });
-                }).apply(this, arguments)
-            );
-        }
-        function k(t) {
-            var e,
-                i = null;
-            return (
-                t && (i = t),
-                '<svg\n    viewBox="0 0 105 140"\n    xmlns="http://www.w3.org/2000/svg"\n  ><defs>\n      <linearGradient id="grad2" x1="0%" y1="0%" x2="0%" y2="100%">\n        <stop offset="0%" style="stop-color:#1EC198;stop-opacity:1" />\n        <stop offset="100%" style="stop-color:#265CDD;stop-opacity:1" />\n      </linearGradient>\n    </defs>\n  '.concat(
-                    ((e = ""),
-                    [
-                        { x: 0, y: 50, height: 40, dur: 0 },
-                        { x: 30, y: 40, height: 60, dur: 0.1 },
-                        { x: 60, y: 30, height: 80, dur: 0.2 },
-                        { x: 90, y: 20, height: 100, dur: 0.3 },
-                    ].forEach(function (t, a) {
-                        var s;
-                        e += '<rect width="15" x="'
-                            .concat(t.x, '" height="')
-                            .concat(t.height, '" y="')
-                            .concat(t.y, '" rx="3" fill="')
-                            .concat(
-                                (function (t) {
-                                    var e = "url(#grad2)";
-                                    return i && (e = i[t]), e;
-                                })(a),
-                                '" id="bar'
-                            )
-                            .concat(a, '">')
-                            .concat(
-                                ((s = t.dur),
-                                '<animate\n        attributeName="height"\n        begin="'
-                                    .concat(
-                                        s,
-                                        's"\n        dur="1s"\n        values="120;110;100;90;80;70;60;50;40;140;120"\n        calcMode="linear"\n        repeatCount="indefinite"\n      />\n      <animate\n        attributeName="y"\n        begin="'
-                                    )
-                                    .concat(s, 's"\n        dur="1s"\n        values="10;15;20;25;30;35;40;45;50;0;10"\n        calcMode="linear"\n        repeatCount="indefinite"\n      />')),
-                                "</rect>"
-                            );
-                    }),
-                    e),
-                    "\n  </svg>"
-                )
-            );
-        }
-        function S(t, e) {
-            var i = k();
-            e.loading_indicator.colors && (i = k(e.loading_indicator.colors));
-            var a = "<div class='".concat(t, ' cryptochart_loading\' title="loading chart...">').concat(i, "</div>");
-            document.querySelectorAll("#" + t)[0].classList.add("cryptochart-container"), (document.querySelectorAll("#" + t)[0].innerHTML = a);
-        }
-        function A(t, e) {
-            var i = e / 1e3;
-            (t.style.transition = "opacity " + i + "s ease"),
-                (t.style.opacity = 0),
-                setTimeout(function () {
-                    t.parentNode.removeChild(t);
-                }, e);
-        }
-        function C(t, e, i, a, s, n, r) {
-            try {
-                var o = t[n](r),
-                    l = o.value;
-            } catch (t) {
-                return void i(t);
-            }
-            o.done ? e(l) : Promise.resolve(l).then(a, s);
-        }
-        function L() {
-            var t;
-            return (
-                (t = regeneratorRuntime.mark(function t(e) {
-                    var i, a, s, n, r, h, c, d;
-                    return regeneratorRuntime.wrap(function (t) {
-                        for (;;)
-                            switch ((t.prev = t.next)) {
-                                case 0:
-                                    return (
-                                        (i = null),
-                                        (a = null),
-                                        (s = []),
-                                        (n = null),
-                                        (r = null),
-                                        (h = null),
-                                        e.chart_id && (h = e.chart_id),
-                                        e.iconomi_tickers && ((i = e.iconomi_tickers), s.push(i)),
-                                        e.cryptocompare_tickers && ((a = e.cryptocompare_tickers), s.push(a)),
-                                        e.cryptocompare_api_key && (n = e.cryptocompare_api_key),
-                                        e.custom_data &&
-                                            ((r = e.custom_data),
-                                            (c = []),
-                                            r.forEach(function (t) {
-                                                c.push(t.name);
-                                            }),
-                                            s.push(c)),
-                                        e.loading_indicator && S(h, e),
-                                        (t.next = 14),
-                                        y(i, a, n, r, e)
-                                    );
-                                case 14:
-                                    (d = t.sent), new l.a(document.querySelector("#" + h), o(e, s, d)).render(), e.loading_indicator && A(document.querySelector(".".concat(h, ".cryptochart_loading")), 2e3);
-                                case 18:
-                                case "end":
-                                    return t.stop();
-                            }
-                    }, t);
-                })),
-                (L = function () {
-                    var e = this,
-                        i = arguments;
-                    return new Promise(function (a, s) {
-                        var n = t.apply(e, i);
-                        function r(t) {
-                            C(n, a, s, r, o, "next", t);
-                        }
-                        function o(t) {
-                            C(n, a, s, r, o, "throw", t);
-                        }
-                        r(void 0);
-                    });
-                }).apply(this, arguments)
-            );
-        }
-        function E(t, e, i) {
-            var a = null;
-            e && (a = [].concat.apply([], e));
-            var s = i[0],
-                n = -1,
-                o = 1;
-            function l(t) {
-                return ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"][t];
-            }
-            s.min && s.max && (s.min < n && (n = Math.round(s.min)), s.max > o && (o = Math.round(s.max)));
-            var h = (function (t) {
-                    var e = t.reduce(function (t, e) {
-                            var i = new Date(e.x).getDay();
-                            return t[i] || (t[i] = []), t[i].push(e), t;
-                        }, {}),
-                        i = [];
-                    Object.keys(e).forEach(function (t) {
-                        i.push(e[t].length);
-                    });
-                    var a = new Date(s.data[0].x).getUTCDay();
-                    return (
-                        Object.keys(e).forEach(function (t) {
-                            if (t < a) {
-                                var i = e[t][0].x - 6048e5;
-                                e[t].unshift({ x: i, y: null });
-                            }
-                        }),
-                        Object.keys(e)
-                            .map(function (t) {
-                                return { name: ((i = t), ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"][i]), data: e[t] };
-                                var i;
-                            })
-                            .reverse()
-                    );
-                })(s.data),
-                c = {
-                    chart: { id: t.chart_id, height: 200, animations: { enabled: !0 }, type: "heatmap", zoom: { enabled: !1 }, toolbar: { tools: { download: !1, zoomin: !1, zoomout: !1, pan: !1, selection: !1, reset: 0 } } },
-                    legend: { position: "top", markers: { radius: 0, offsetY: 0 }, onItemClick: { toggleDataSeries: !0 } },
-                    dataLabels: { enabled: !1 },
-                    series: h,
-                    grid: { position: "back", yaxis: { lines: { show: !1 } } },
-                    yaxis: {
-                        show: !0,
-                        labels: {
-                            formatter: function (t, e) {
-                                if (e % 2 != 0) return t;
-                            },
-                            style: { color: "#555555", fontSize: "11px" },
-                        },
-                    },
-                    xaxis: {
-                        type: "category",
-                        labels: {
-                            show: !0,
-                            offsetY: -4,
-                            style: { colors: "#555555", fontSize: "11px" },
-                            showDuplicates: !0,
-                            formatter: function (t, e, i) {
-                                return l(new Date(e).getMonth()) + " " + new Date(e).getUTCFullYear().toString().substr(-2);
-                            },
-                        },
-                        axisTicks: { show: !1 },
-                        axisBorder: { show: !1 },
-                        tooltip: {
-                            enabled: !1,
-                            formatter: function (t) {
-                                return l(new Date(t).getMonth());
-                            },
-                        },
-                    },
-                    stroke: { width: 0 },
-                    tooltip: {
-                        custom: function (t) {
-                            var e = t.series,
-                                i = t.seriesIndex,
-                                a = t.dataPointIndex,
-                                s = t.w;
-                            if (!s.config.series[i].data[a].y) return null;
-                            var n = new Date(s.config.series[i].data[a].x),
-                                r = "$" + s.config.series[i].data[a].price.toFixed(2),
-                                o = n.toLocaleDateString("en-GB", { weekday: "short", year: "numeric", month: "short", day: "numeric" }),
-                                l = "+" + s.config.series[i].data[a].change + "%",
-                                h = "pc_positive";
-                            return (
-                                e[i][a] < 0 && ((l = s.config.series[i].data[a].change + "%"), (h = "pc_negative")),
-                                "<div class=\"arrow_box\"><span class='tooltip-heatmap-price'>" + r + "</span><span class=" + h + ">" + l + "</span><br><span class='tooltip-heatmap-date'>" + o + "</span></span></div>"
-                            );
-                        },
-                    },
-                    plotOptions: {
-                        heatmap: {
-                            reverseNegativeShade: !0,
-                            radius: 0,
-                            shadeIntensity: 0.5,
-                            enableShades: !0,
-                            colorScale: {
-                                ranges: [
-                                    { from: 1e3 * n, to: -1e3, color: "#FF0000", name: "< -1%" },
-                                    { from: -1e3, to: 1e3, color: "#cccccc", name: "-1% to 1%" },
-                                    { from: 1e3, to: 1e3 * o, color: "#00A100", name: ">1%" },
-                                ],
-                                max: 1e3 * o,
-                                min: 1e3 * n,
-                            },
-                        },
-                    },
-                };
-            return t.options && (t.options.theme && delete c.colors, r(c, t.options), !0 === t.options.title && (c.title = { text: "Daily % change of " + a + " over time" })), c;
-        }
-        function P(t, e, i, a, s, n, r) {
-            try {
-                var o = t[n](r),
-                    l = o.value;
-            } catch (t) {
-                return void i(t);
-            }
-            o.done ? e(l) : Promise.resolve(l).then(a, s);
-        }
-        function T(t, e, i, a, s) {
-            return M.apply(this, arguments);
-        }
-        function M() {
-            var t;
-            return (
-                (t = regeneratorRuntime.mark(function t(e, i, a, s, n) {
-                    var r, o, l;
-                    return regeneratorRuntime.wrap(function (t) {
-                        for (;;)
-                            switch ((t.prev = t.next)) {
-                                case 0:
-                                    return (t.next = 2), v(e, i, a, s, n);
-                                case 2:
-                                    return (r = t.sent), (t.next = 5), r;
-                                case 5:
-                                    return (
-                                        (o = t.sent),
-                                        (l = []),
-                                        s &&
-                                            (o.length > 0
-                                                ? s.forEach(function (t) {
-                                                      o[0].push(t);
-                                                  })
-                                                : (o.push([]),
-                                                  s.forEach(function (t) {
-                                                      o[0].push(t);
-                                                  }))),
-                                        o[0].forEach(function (t) {
-                                            var e = [],
-                                                i = t.data,
-                                                a = 0,
-                                                s = 0;
-                                            i.forEach(function (t, n) {
-                                                var r = t.y,
-                                                    o = 0;
-                                                o = n > 0 ? i[n - 1].y : t.y;
-                                                var l = 1e3 * t.x,
-                                                    h = 100 * (1 - o / r);
-                                                h <= a && (a = h - 4), h >= s && (s = h + 4), e.push({ x: Number(l), change: Number(h.toFixed(2)), y: Math.floor(1e3 * h), price: Number(r) });
-                                            }),
-                                                l.push({ name: t.name, data: e, min: Number(a.toFixed(2)), max: Number(s.toFixed(2)) });
-                                        }),
-                                        t.abrupt("return", l)
-                                    );
-                                case 10:
-                                case "end":
-                                    return t.stop();
-                            }
-                    }, t);
-                })),
-                (M = function () {
-                    var e = this,
-                        i = arguments;
-                    return new Promise(function (a, s) {
-                        var n = t.apply(e, i);
-                        function r(t) {
-                            P(n, a, s, r, o, "next", t);
-                        }
-                        function o(t) {
-                            P(n, a, s, r, o, "throw", t);
-                        }
-                        r(void 0);
-                    });
-                }).apply(this, arguments)
-            );
-        }
-        function z(t, e, i, a, s, n, r) {
-            try {
-                var o = t[n](r),
-                    l = o.value;
-            } catch (t) {
-                return void i(t);
-            }
-            o.done ? e(l) : Promise.resolve(l).then(a, s);
-        }
-        function I() {
-            var t;
-            return (
-                (t = regeneratorRuntime.mark(function t(e) {
-                    var i, a, s, n, r, o, h, c;
-                    return regeneratorRuntime.wrap(function (t) {
-                        for (;;)
-                            switch ((t.prev = t.next)) {
-                                case 0:
-                                    return (
-                                        (i = null),
-                                        (a = null),
-                                        (s = []),
-                                        (n = null),
-                                        (r = null),
-                                        (o = null),
-                                        e.chart_id && (o = e.chart_id),
-                                        e.iconomi_tickers && ((i = e.iconomi_tickers), s.push(i)),
-                                        e.cryptocompare_tickers && ((a = e.cryptocompare_tickers), s.push(a)),
-                                        e.cryptocompare_api_key && (n = e.cryptocompare_api_key),
-                                        e.custom_data &&
-                                            ((r = e.custom_data),
-                                            (h = []),
-                                            r.forEach(function (t) {
-                                                h.push(t.name);
-                                            }),
-                                            s.push(h)),
-                                        e.loading_indicator && S(o, e),
-                                        (t.next = 14),
-                                        T(i, a, n, r, e)
-                                    );
-                                case 14:
-                                    (c = t.sent), new l.a(document.querySelector("#" + o), E(e, s, c)).render(), e.loading_indicator && A(document.querySelector(".".concat(o, ".cryptochart_loading")), 2e3);
-                                case 18:
-                                case "end":
-                                    return t.stop();
-                            }
-                    }, t);
-                })),
-                (I = function () {
-                    var e = this,
-                        i = arguments;
-                    return new Promise(function (a, s) {
-                        var n = t.apply(e, i);
-                        function r(t) {
-                            z(n, a, s, r, o, "next", t);
-                        }
-                        function o(t) {
-                            z(n, a, s, r, o, "throw", t);
-                        }
-                        r(void 0);
-                    });
-                }).apply(this, arguments)
-            );
-        }
-        function X(t, e, i) {
-            var a = null;
-            e && (a = [].concat.apply([], e));
-            var s = {
-                chart: { id: t.chart_id, sparkline: { enabled: !0 }, type: "area", toolbar: { tools: { download: !1, zoomin: !1, zoomout: !1, pan: !1, selection: !1, reset: 0 } } },
-                colors: ["#4CAF50", "#2196F3", "#FF5722", "#607D8B", "#E91E63", "#673AB7", "#00BCD4", "#FF9800", "#009688", "#8BC34A", "#F44336", "#3F51B5", "#FFEB3B", "#9C27B0", "#FFC107", "#795548", "#CDDC39", "#03A9F4", "#9E9E9E"],
-                legend: { show: !1 },
-                dataLabels: { enabled: !1 },
-                stroke: { curve: "smooth", width: 2 },
-                series: i,
-                grid: { yaxis: { lines: { show: !1 } }, xaxis: { lines: { show: !1 } } },
-                yaxis: { axisTicks: { show: !1 }, axisBorder: { show: !1 } },
-                xaxis: { format: "dd MMM yyyy", type: "datetime", axisTicks: { show: !1 }, axisBorder: { show: !1 }, tooltip: { enabled: !1 }, crosshairs: { show: !1 } },
-                tooltip: {
-                    shared: !0,
-                    x: { format: "dd MMM yyyy" },
-                    y: {
-                        formatter: function (t, e) {
-                            var i = e.seriesIndex,
-                                a = e.dataPointIndex;
-                            if (e.w.config.series[i].data[a]) return "$" + Number(e.w.config.series[i].data[a].y).toFixed(2);
-                        },
-                    },
-                },
-            };
-            if (t.tooltip && "priceonly" === t.tooltip) {
-                var n = {
-                    custom: function (t) {
-                        var e = t.series,
-                            i = t.seriesIndex,
-                            a = t.dataPointIndex;
-                        t.w;
-                        return '<div class="arrow_box"><span>$' + Number(e[i][a]) + "</span></div>";
-                    },
-                };
-                s.tooltip = n;
-            }
-            return (
-                !0 === t.axes &&
-                    ((s.chart.sparkline = !1),
-                    (s.yaxis = {
-                        labels: {
-                            style: { color: "#555555", fontSize: "12px" },
-                            formatter: function (t) {
-                                return "$" + t.toFixed(2);
-                            },
-                        },
-                        axisTicks: { show: !0, color: "#ccc" },
-                        axisBorder: { show: !0, color: "#ccc" },
-                    }),
-                    (s.xaxis = {
-                        type: "category",
-                        axisTicks: { show: !0, color: "#ccc" },
-                        axisBorder: { show: !0, color: "#ccc" },
-                        labels: {
-                            style: { colors: "#555555", fontSize: "12px" },
-                            formatter: function (t, e, i) {
-                                return new Date(e).toLocaleDateString("en-GB", { month: "short", day: "2-digit" });
-                            },
-                        },
-                        tooltip: { enabled: !1 },
-                    }),
-                    (s.tooltip = {
-                        x: {
-                            formatter: function (t, e) {
-                                e.series, e.seriesIndex, e.dataPointIndex, e.w;
-                                return new Date(t).toLocaleDateString("en-GB", { year: "numeric", month: "short", day: "2-digit" });
-                            },
-                        },
-                    })),
-                t.options && (t.options.theme && delete s.colors, r(s, t.options), !0 === t.options.title && (s.title = { text: a + " price over time" })),
-                s
-            );
-        }
-        function F(t, e, i, a, s, n, r) {
-            try {
-                var o = t[n](r),
-                    l = o.value;
-            } catch (t) {
-                return void i(t);
-            }
-            o.done ? e(l) : Promise.resolve(l).then(a, s);
-        }
-        function Y(t, e, i, a, s) {
-            return O.apply(this, arguments);
-        }
-        function O() {
-            var t;
-            return (
-                (t = regeneratorRuntime.mark(function t(e, i, a, s, n) {
-                    var r, o, l;
-                    return regeneratorRuntime.wrap(function (t) {
-                        for (;;)
-                            switch ((t.prev = t.next)) {
-                                case 0:
-                                    return (t.next = 2), v(e, i, a, s, n);
-                                case 2:
-                                    return (r = t.sent), (t.next = 5), r;
-                                case 5:
-                                    return (
-                                        (o = t.sent),
-                                        (l = []),
-                                        s &&
-                                            (o.length > 0
-                                                ? s.forEach(function (t) {
-                                                      o[0].push(t);
-                                                  })
-                                                : (o.push([]),
-                                                  s.forEach(function (t) {
-                                                      o[0].push(t);
-                                                  }))),
-                                        o[0].forEach(function (t) {
-                                            var e = [],
-                                                i = t.data,
-                                                a = 0,
-                                                s = 0;
-                                            i.forEach(function (t) {
-                                                var n = t.y,
-                                                    r = i[0].y,
-                                                    o = 1e3 * t.x,
-                                                    l = 100 * (1 - r / n);
-                                                l <= a && (a = l), l >= s && (s = l), e.push({ x: Number(o), y: Number(n).toFixed(2), change: Number(l) });
-                                            }),
-                                                l.push({ name: t.name, data: e, min: Number(a.toFixed(2)), max: Number(s.toFixed(2)) });
-                                        }),
-                                        t.abrupt("return", l)
-                                    );
-                                case 10:
-                                case "end":
-                                    return t.stop();
-                            }
-                    }, t);
-                })),
-                (O = function () {
-                    var e = this,
-                        i = arguments;
-                    return new Promise(function (a, s) {
-                        var n = t.apply(e, i);
-                        function r(t) {
-                            F(n, a, s, r, o, "next", t);
-                        }
-                        function o(t) {
-                            F(n, a, s, r, o, "throw", t);
-                        }
-                        r(void 0);
-                    });
-                }).apply(this, arguments)
-            );
-        }
-        function R(t, e, i, a, s, n, r) {
-            try {
-                var o = t[n](r),
-                    l = o.value;
-            } catch (t) {
-                return void i(t);
-            }
-            o.done ? e(l) : Promise.resolve(l).then(a, s);
-        }
-        function D() {
-            var t;
-            return (
-                (t = regeneratorRuntime.mark(function t(e) {
-                    var i, a, s, n, r, o, h, c;
-                    return regeneratorRuntime.wrap(function (t) {
-                        for (;;)
-                            switch ((t.prev = t.next)) {
-                                case 0:
-                                    return (
-                                        (i = null),
-                                        (a = null),
-                                        (s = []),
-                                        (n = null),
-                                        (r = null),
-                                        (o = null),
-                                        e.chart_id && (o = e.chart_id),
-                                        e.iconomi_tickers && ((i = e.iconomi_tickers), s.push(i)),
-                                        e.cryptocompare_tickers && ((a = e.cryptocompare_tickers), s.push(a)),
-                                        e.cryptocompare_api_key && (n = e.cryptocompare_api_key),
-                                        e.custom_data &&
-                                            ((r = e.custom_data),
-                                            (h = []),
-                                            r.forEach(function (t) {
-                                                h.push(t.name);
-                                            }),
-                                            s.push(h)),
-                                        e.loading_indicator && S(o, e),
-                                        (t.next = 14),
-                                        Y(i, a, n, r, e)
-                                    );
-                                case 14:
-                                    (c = t.sent), new l.a(document.querySelector("#" + o), X(e, s, c)).render(), e.loading_indicator && A(document.querySelector(".".concat(o, ".cryptochart_loading")), 2e3);
-                                case 18:
-                                case "end":
-                                    return t.stop();
-                            }
-                    }, t);
-                })),
-                (D = function () {
-                    var e = this,
-                        i = arguments;
-                    return new Promise(function (a, s) {
-                        var n = t.apply(e, i);
-                        function r(t) {
-                            R(n, a, s, r, o, "next", t);
-                        }
-                        function o(t) {
-                            R(n, a, s, r, o, "throw", t);
-                        }
-                        r(void 0);
-                    });
-                }).apply(this, arguments)
-            );
-        }
-        function N(t, e, i) {
-            var a = null;
-            e && (a = [].concat.apply([], e));
-            var s = i[0].series,
-                n = i[0].rebalanced,
-                o = i[0].labels,
-                l = i[0].tickers,
-                h = {
-                    plotOptions: {
-                        pie: {
-                            donut: {
-                                labels: {
-                                    show: !0,
-                                    name: { show: !0, color: "#000000", offsetY: -15 },
-                                    value: {
-                                        show: !0,
-                                        color: "#000000",
-                                        offsetY: -5,
-                                        formatter: function (t, e) {
-                                            e.seriesIndex;
-                                            return (100 * t).toFixed(2) + "%";
-                                        },
-                                    },
-                                    total: {
-                                        show: !0,
-                                        label: "Total " + a + " Assets:",
-                                        formatter: function (t) {
-                                            return s.length;
-                                        },
-                                    },
-                                },
-                            },
-                        },
-                    },
-                    chart: { id: t.chart_id, type: "donut" },
-                    series: s,
-                    labels: o,
-                    legend: { position: "right", offsetY: 25, horizontalAlign: "left" },
-                    dataLabels: {
-                        enabled: !0,
-                        formatter: function (t, e) {
-                            var i = e.seriesIndex;
-                            e.dataPointIndex, e.w;
-                            return l[i];
-                        },
-                        dropShadow: { enabled: !0 },
-                    },
-                    tooltip: {
-                        custom: function (t) {
-                            var e = t.series,
-                                i = t.seriesIndex;
-                            t.dataPointIndex, t.w;
-                            return '<div class="arrow_box"><span>' + o[i] + " (" + l[i] + ")<br><span class='tooltip-weights'> Current: " + (100 * e[i]).toFixed(2) + "%<br> Target: " + (100 * n[i]).toFixed(2) + "%</span></span></div>";
-                        },
-                    },
-                    colors: ["#4CAF50", "#2196F3", "#FF5722", "#607D8B", "#E91E63", "#673AB7", "#00BCD4", "#FF9800", "#009688", "#8BC34A", "#F44336", "#3F51B5", "#FFEB3B", "#9C27B0", "#FFC107", "#795548", "#CDDC39", "#03A9F4", "#9E9E9E"],
-                };
-            return t.options && (t.options.theme && delete h.colors, r(h, t.options), !0 === t.options.title && (h.title = { text: a + " Crypto Fund Breakdown" })), h;
-        }
-        function H(t, e, i, a, s, n, r) {
-            try {
-                var o = t[n](r),
-                    l = o.value;
-            } catch (t) {
-                return void i(t);
-            }
-            o.done ? e(l) : Promise.resolve(l).then(a, s);
-        }
-        function _(t) {
-            return W.apply(this, arguments);
-        }
-        function W() {
-            var t;
-            return (
-                (t = regeneratorRuntime.mark(function t(e) {
-                    var i, a, s, n;
-                    return regeneratorRuntime.wrap(function (t) {
-                        for (;;)
-                            switch ((t.prev = t.next)) {
-                                case 0:
-                                    (i = []), (a = 0);
-                                case 2:
-                                    if (!(a < e.length)) {
-                                        t.next = 13;
-                                        break;
-                                    }
-                                    return (
-                                        (t.next = 5),
-                                        fetch("https://api.iconomi.com/v1/daa/" + e[a] + "/structure").catch(function (t) {
-                                            return console.error("Error:", t);
-                                        })
-                                    );
-                                case 5:
-                                    return (s = t.sent), (t.next = 8), s.json();
-                                case 8:
-                                    (n = t.sent), i.push({ name: e[a], data: n.values });
-                                case 10:
-                                    a++, (t.next = 2);
-                                    break;
-                                case 13:
-                                    return t.abrupt("return", i);
-                                case 14:
-                                case "end":
-                                    return t.stop();
-                            }
-                    }, t);
-                })),
-                (W = function () {
-                    var e = this,
-                        i = arguments;
-                    return new Promise(function (a, s) {
-                        var n = t.apply(e, i);
-                        function r(t) {
-                            H(n, a, s, r, o, "next", t);
-                        }
-                        function o(t) {
-                            H(n, a, s, r, o, "throw", t);
-                        }
-                        r(void 0);
-                    });
-                }).apply(this, arguments)
-            );
-        }
-        function B(t, e, i, a, s, n, r) {
-            try {
-                var o = t[n](r),
-                    l = o.value;
-            } catch (t) {
-                return void i(t);
-            }
-            o.done ? e(l) : Promise.resolve(l).then(a, s);
-        }
-        function V(t, e) {
-            return G.apply(this, arguments);
-        }
-        function G() {
-            var t;
-            return (
-                (t = regeneratorRuntime.mark(function t(e, i) {
-                    var a, s, n;
-                    return regeneratorRuntime.wrap(function (t) {
-                        for (;;)
-                            switch ((t.prev = t.next)) {
-                                case 0:
-                                    return (t.next = 2), _(e);
-                                case 2:
-                                    return (a = t.sent), (t.next = 5), a;
-                                case 5:
-                                    return (
-                                        (s = t.sent),
-                                        (n = []),
-                                        s.forEach(function (t) {
-                                            var e = [],
-                                                i = [],
-                                                a = [],
-                                                s = [];
-                                            t.data.forEach(function (t) {
-                                                i.push(t.targetWeight), s.push(t.rebalancedWeight), e.push(t.assetName), a.push(t.assetTicker);
-                                            }),
-                                                n.push({ series: i, labels: e, tickers: a, rebalanced: s });
-                                        }),
-                                        t.abrupt("return", n)
-                                    );
-                                case 9:
-                                case "end":
-                                    return t.stop();
-                            }
-                    }, t);
-                })),
-                (G = function () {
-                    var e = this,
-                        i = arguments;
-                    return new Promise(function (a, s) {
-                        var n = t.apply(e, i);
-                        function r(t) {
-                            B(n, a, s, r, o, "next", t);
-                        }
-                        function o(t) {
-                            B(n, a, s, r, o, "throw", t);
-                        }
-                        r(void 0);
-                    });
-                }).apply(this, arguments)
-            );
-        }
-        function j(t, e, i, a, s, n, r) {
-            try {
-                var o = t[n](r),
-                    l = o.value;
-            } catch (t) {
-                return void i(t);
-            }
-            o.done ? e(l) : Promise.resolve(l).then(a, s);
-        }
-        function U() {
-            var t;
-            return (
-                (t = regeneratorRuntime.mark(function t(e) {
-                    var i, a, s, n, r, o;
-                    return regeneratorRuntime.wrap(function (t) {
-                        for (;;)
-                            switch ((t.prev = t.next)) {
-                                case 0:
-                                    return (
-                                        (i = null),
-                                        (a = []),
-                                        (s = null),
-                                        (n = null),
-                                        e.chart_id && (n = e.chart_id),
-                                        e.iconomi_tickers && ((i = e.iconomi_tickers), a.push(i)),
-                                        e.custom_data &&
-                                            ((s = e.custom_data),
-                                            (r = []),
-                                            s.forEach(function (t) {
-                                                r.push(t.name);
-                                            }),
-                                            a.push(r)),
-                                        e.loading_indicator && S(n, e),
-                                        (t.next = 10),
-                                        V(i, s)
-                                    );
-                                case 10:
-                                    (o = t.sent), new l.a(document.querySelector("#" + n), N(e, a, o)).render(), e.loading_indicator && A(document.querySelector(".".concat(n, ".cryptochart_loading")), 2e3);
-                                case 14:
-                                case "end":
-                                    return t.stop();
-                            }
-                    }, t);
-                })),
-                (U = function () {
-                    var e = this,
-                        i = arguments;
-                    return new Promise(function (a, s) {
-                        var n = t.apply(e, i);
-                        function r(t) {
-                            j(n, a, s, r, o, "next", t);
-                        }
-                        function o(t) {
-                            j(n, a, s, r, o, "throw", t);
-                        }
-                        r(void 0);
-                    });
-                }).apply(this, arguments)
-            );
-        }
-        function q(t, e, i) {
-            var a = null;
-            e && (a = [].concat.apply([], e));
-            var s = i[0].rebalanced_coin_weights,
-                n = i[0].current_coin_weights,
-                o = i[0].coin_names,
-                l = {
-                    plotOptions: { bar: { horizontal: !0, columnWidth: "70%", barHeight: "70%" } },
-                    yaxis: { show: !0 },
-                    xaxis: {
-                        labels: {
-                            show: !0,
-                            formatter: function (t, e, i) {
-                                return t + "%";
-                            },
-                        },
-                        tickAmount: 5,
-                        max: 100,
-                        axisTicks: { show: !0 },
-                        axisBorder: { show: !0 },
-                    },
-                    chart: { id: t.chart_id, type: "bar", stacked: !0, stackType: "100%", toolbar: { show: !1 } },
-                    grid: { yaxis: { lines: { show: !1 } } },
-                    series: s,
-                    labels: t.iconomi_tickers,
-                    legend: { position: "top", horizontalAlign: "left", onItemClick: { toggleDataSeries: !1 } },
-                    dataLabels: {
-                        enabled: !0,
-                        formatter: function (t, e) {
-                            var i = e.seriesIndex;
-                            e.dataPointIndex, e.w;
-                            return n[i].name;
-                        },
-                        dropShadow: { enabled: !0 },
-                    },
-                    tooltip: {
-                        custom: function (t) {
-                            var e = t.series,
-                                i = t.seriesIndex,
-                                a = t.dataPointIndex,
-                                s = (t.w, e[i][a]),
-                                r = n[i].data[a],
-                                l = o.find(function (t) {
-                                    return t.cointicker === n[i].name;
-                                });
-                            return '<div class="arrow_box"><span>' + l.name + " (" + l.cointicker + ")<br><span class='tooltip-weights'> Current: " + (100 * r).toFixed(2) + "%<br> Target: " + (100 * s).toFixed(2) + "%</span></span></div>";
-                        },
-                    },
-                    colors: ["#4CAF50", "#2196F3", "#FF5722", "#607D8B", "#E91E63", "#673AB7", "#00BCD4", "#FF9800", "#009688", "#8BC34A", "#F44336", "#3F51B5", "#FFEB3B", "#9C27B0", "#FFC107", "#795548", "#CDDC39", "#03A9F4", "#9E9E9E"],
-                    fill: { opacity: 1, type: "gradient", gradient: { shade: "dark", type: "vertical", shadeIntensity: 0.35, gradientToColors: void 0, inverseColors: !1, opacityFrom: 0.95, opacityTo: 0.95, stops: [95, 0, 100] } },
-                };
-            return t.options && (t.options.theme && delete l.colors, r(l, t.options), !0 === t.options.title && (l.title = { text: a.join(", ") + " Crypto Funds" })), l;
-        }
-        function Z(t, e, i, a, s, n, r) {
-            try {
-                var o = t[n](r),
-                    l = o.value;
-            } catch (t) {
-                return void i(t);
-            }
-            o.done ? e(l) : Promise.resolve(l).then(a, s);
-        }
-        function $(t, e) {
-            return J.apply(this, arguments);
-        }
-        function J() {
-            var t;
-            return (
-                (t = regeneratorRuntime.mark(function t(e, i) {
-                    var a, s, n, r, o, l, h, c, d;
-                    return regeneratorRuntime.wrap(function (t) {
-                        for (;;)
-                            switch ((t.prev = t.next)) {
-                                case 0:
-                                    return (
-                                        (d = function (t) {
-                                            var e = [];
-                                            return (
-                                                Object.keys(t).forEach(function (i, a) {
-                                                    var s = {};
-                                                    (s.name = i), (s.data = t[i]), e.push(s);
-                                                }),
-                                                e
-                                            );
-                                        }),
-                                        (t.next = 3),
-                                        _(e)
-                                    );
-                                case 3:
-                                    return (a = t.sent), (t.next = 6), a;
-                                case 6:
-                                    return (
-                                        (s = t.sent),
-                                        (n = []),
-                                        (r = []),
-                                        (o = []),
-                                        s.forEach(function (t) {
-                                            var e = [];
-                                            t.data.forEach(function (i) {
-                                                e.push({ portfolio: t.name, assetName: i.assetName, assetTicker: i.assetTicker, rebalanced: i.rebalancedWeight, weight: i.targetWeight }),
-                                                    o.push({ name: i.assetName, cointicker: i.assetTicker });
-                                            }),
-                                                n.push(e);
-                                        }),
-                                        n.forEach(function (t, e) {
-                                            o.forEach(function (i) {
-                                                if (
-                                                    !t.some(function (t) {
-                                                        return t.assetTicker === i.cointicker;
-                                                    })
-                                                ) {
-                                                    var a = { portfolio: t[0].portfolio, assetName: i.cointicker, assetTicker: i.cointicker, rebalanced: 0, weight: 0 };
-                                                    n[e].push(a);
-                                                }
-                                            });
-                                        }),
-                                        (l = n.flat()),
-                                        (h = []),
-                                        (c = []),
-                                        Object.keys(l).forEach(function (t, e) {
-                                            var i = l[t],
-                                                a = i.assetTicker,
-                                                s = i.assetTicker;
-                                            (h[a] = h[a] || []), h[a].push(i.rebalanced), (c[s] = c[s] || []), c[s].push(i.weight);
-                                        }),
-                                        r.push({ rebalanced_coin_weights: d(h), current_coin_weights: d(c), coin_names: o }),
-                                        t.abrupt("return", r)
-                                    );
-                                case 18:
-                                case "end":
-                                    return t.stop();
-                            }
-                    }, t);
-                })),
-                (J = function () {
-                    var e = this,
-                        i = arguments;
-                    return new Promise(function (a, s) {
-                        var n = t.apply(e, i);
-                        function r(t) {
-                            Z(n, a, s, r, o, "next", t);
-                        }
-                        function o(t) {
-                            Z(n, a, s, r, o, "throw", t);
-                        }
-                        r(void 0);
-                    });
-                }).apply(this, arguments)
-            );
-        }
-        function Q(t, e, i, a, s, n, r) {
-            try {
-                var o = t[n](r),
-                    l = o.value;
-            } catch (t) {
-                return void i(t);
-            }
-            o.done ? e(l) : Promise.resolve(l).then(a, s);
-        }
-        function K() {
-            var t;
-            return (
-                (t = regeneratorRuntime.mark(function t(e) {
-                    var i, a, s, n, r, o;
-                    return regeneratorRuntime.wrap(function (t) {
-                        for (;;)
-                            switch ((t.prev = t.next)) {
-                                case 0:
-                                    return (
-                                        (i = null),
-                                        (a = []),
-                                        (s = null),
-                                        (n = null),
-                                        e.chart_id && (n = e.chart_id),
-                                        e.iconomi_tickers && ((i = e.iconomi_tickers), a.push(i)),
-                                        e.custom_data &&
-                                            ((s = e.custom_data),
-                                            (r = []),
-                                            s.forEach(function (t) {
-                                                r.push(t.name);
-                                            }),
-                                            a.push(r)),
-                                        e.loading_indicator && S(n, e),
-                                        (t.next = 10),
-                                        $(i, s)
-                                    );
-                                case 10:
-                                    (o = t.sent), new l.a(document.querySelector("#" + n), q(e, a, o)).render(), e.loading_indicator && A(document.querySelector(".".concat(n, ".cryptochart_loading")), 2e3);
-                                case 14:
-                                case "end":
-                                    return t.stop();
-                            }
-                    }, t);
-                })),
-                (K = function () {
-                    var e = this,
-                        i = arguments;
-                    return new Promise(function (a, s) {
-                        var n = t.apply(e, i);
-                        function r(t) {
-                            Q(n, a, s, r, o, "next", t);
-                        }
-                        function o(t) {
-                            Q(n, a, s, r, o, "throw", t);
-                        }
-                        r(void 0);
-                    });
-                }).apply(this, arguments)
-            );
-        }
-        function tt(t) {
-            !(function (t) {
-                L.apply(this, arguments);
-            })(t);
-        }
-        function et(t) {
-            !(function (t) {
-                I.apply(this, arguments);
-            })(t);
-        }
-        function it(t) {
-            !(function (t) {
-                D.apply(this, arguments);
-            })(t);
-        }
-        function at(t) {
-            !(function (t) {
-                U.apply(this, arguments);
-            })(t);
-        }
-        function st(t) {
-            !(function (t) {
-                K.apply(this, arguments);
-            })(t);
-        }
-        i.d(e, "roiComparison", function () {
-            return tt;
-        }),
-            i.d(e, "priceHeatmap", function () {
-                return et;
-            }),
-            i.d(e, "priceHistory", function () {
-                return it;
-            }),
-            i.d(e, "cryptoFundPie", function () {
-                return at;
-            }),
-            i.d(e, "cryptoFundBar", function () {
-                return st;
-            });
-    },
-]);
diff --git a/basicswap/static/js/coin_icons.js b/basicswap/static/js/coin_icons.js
new file mode 100644
index 0000000..52f21ed
--- /dev/null
+++ b/basicswap/static/js/coin_icons.js
@@ -0,0 +1,70 @@
+// Define a cache object to store selected option data
+const selectCache = {};
+
+// Function to update the cache with the selected option data for a given select element
+function updateSelectCache(select) {
+  const selectedOption = select.options[select.selectedIndex];
+  const image = selectedOption.getAttribute('data-image');
+  const name = selectedOption.textContent.trim();
+  selectCache[select.id] = { image, name };
+}
+
+// Function to set the selected option and associated image and name for a given select element
+
+
+function setSelectData(select) {
+  const selectedOption = select.options[select.selectedIndex];
+  const image = selectedOption.getAttribute('data-image') || 'https://dummyimage.com/20x20/000/fff'; // set a default image URL
+  const name = selectedOption.textContent.trim();
+  if (image) {
+    select.style.backgroundImage = `url(${image})`;
+    select.nextElementSibling.querySelector('.select-image').src = image;
+  } else {
+    select.style.backgroundImage = '';
+    select.nextElementSibling.querySelector('.select-image').src = '';
+  }
+  select.nextElementSibling.querySelector('.select-name').textContent = name;
+  updateSelectCache(select);
+}
+
+
+// Function to get the selected option data from cache for a given select element
+function getSelectData(select) {
+  return selectCache[select.id] || {};
+}
+
+// Update all custom select elements on the page
+const selects = document.querySelectorAll('.custom-select .select');
+selects.forEach((select) => {
+  // Set the initial select data based on the cached data (if available) or the selected option (if any)
+  const cachedData = getSelectData(select);
+  if (cachedData.image) {
+    select.style.backgroundImage = `url(${cachedData.image})`;
+    select.nextElementSibling.querySelector('.select-image').src = cachedData.image;
+  }
+  if (cachedData.name) {
+    select.nextElementSibling.querySelector('.select-name').textContent = cachedData.name;
+  }
+  if (select.selectedIndex >= 0) {
+    setSelectData(select);
+  }
+
+  // Add event listener to update select data when an option is selected
+  select.addEventListener('change', () => {
+    setSelectData(select);
+  });
+});
+
+// Hide the select image and name on page load
+const selectIcons = document.querySelectorAll('.custom-select .select-icon');
+const selectImages = document.querySelectorAll('.custom-select .select-image');
+const selectNames = document.querySelectorAll('.custom-select .select-name');
+selectIcons.forEach((icon) => {
+  icon.style.display = 'none';
+});
+selectImages.forEach((image) => {
+  image.style.display = 'none';
+});
+selectNames.forEach((name) => {
+  name.style.display = 'none';
+});
diff --git a/basicswap/static/js/coin_icons_2.js b/basicswap/static/js/coin_icons_2.js
new file mode 100644
index 0000000..32b59fe
--- /dev/null
+++ b/basicswap/static/js/coin_icons_2.js
@@ -0,0 +1,56 @@
+// Define the function for setting up the custom select element
+function setupCustomSelect(select) {
+  const options = select.querySelectorAll('option');
+  const selectIcon = select.parentElement.querySelector('.select-icon');
+  const selectImage = select.parentElement.querySelector('.select-image');
+
+  // Set the background image for each option that has a data-image attribute
+  options.forEach(option => {
+    const image = option.getAttribute('data-image');
+    if (image) {
+      option.style.backgroundImage = `url(${image})`;
+    }
+  });
+
+  // Set the selected option based on the stored value
+  const storedValue = localStorage.getItem(select.name);
+  if (storedValue) {
+    const selectedOption = select.querySelector(`option[value="${storedValue}"]`);
+    if (selectedOption) {
+      select.value = storedValue;
+      const image = selectedOption.getAttribute('data-image');
+      if (image) {
+        select.style.backgroundImage = `url(${image})`;
+        selectImage.src = image;
+      }
+    }
+  }
+
+  // Update the select element and image when the user makes a selection
+  select.addEventListener('change', () => {
+    const selectedOption = select.options[select.selectedIndex];
+    const image = selectedOption.getAttribute('data-image');
+    if (image) {
+      select.style.backgroundImage = `url(${image})`;
+      selectImage.src = image;
+    } else {
+      select.style.backgroundImage = '';
+      selectImage.src = '';
+    }
+
+    // Save the selected value to localStorage
+    localStorage.setItem(select.name, select.value);
+  });
+
+  // Hide the select icon and image on page load
+  selectIcon.style.display = 'none';
+  selectImage.style.display = 'none';
+}
+
+// Call the setupCustomSelect function for each custom select element
+const customSelects = document.querySelectorAll('.custom-select select');
+customSelects.forEach(select => {
+  setupCustomSelect(select);
+});
+
+
diff --git a/basicswap/static/js/libs/dd.min.js b/basicswap/static/js/libs/dd.min.js
deleted file mode 100644
index 0dcd3c2..0000000
--- a/basicswap/static/js/libs/dd.min.js
+++ /dev/null
@@ -1,1015 +0,0 @@
-/*! For license information please see dd.min.js.LICENSE.txt */
-(() => {
-    "use strict";
-    let e = null;
-    class t {
-        constructor(e, t) {
-            this.ele = e, this._settings = {
-                byJson: {
-                    data: null,
-                    selectedIndex: 0,
-                    name: null,
-                    size: 0,
-                    multiple: !1,
-                    width: 250
-                },
-                mainCss: "ms-dd",
-                rowHeight: null,
-                visibleRows: null,
-                showIcon: !0,
-                zIndex: 9999,
-                event: "click",
-                style: "",
-                childWidth: null,
-                childHeight: null,
-                enableCheckbox: !1,
-                checkboxNameSuffix: "_mscheck",
-                showPlusItemCounter: !0,
-                enableAutoFilter: !1,
-                showFilterAlways: !1,
-                showListCounter: !1,
-                imagePosition: "left",
-                errorMessage: "Please select an item from this list",
-                on: {
-                    create: null,
-                    open: null,
-                    close: null,
-                    add: null,
-                    remove: null,
-                    change: null,
-                    blur: null,
-                    click: null,
-                    dblclick: null,
-                    mousemove: null,
-                    mouseover: null,
-                    mouseout: null,
-                    focus: null,
-                    mousedown: null,
-                    mouseup: null
-                },
-                ...t
-            }, this._css = {}, this._onDocumentClick = null, this._onDocumentKeyDown = null, this._onDocumentKeyUp = null, this._isOpen = !1, this._DOWN_ARROW = 40, this._UP_ARROW = 38, this._LEFT_ARROW = 37, this._RIGHT_ARROW = 39, this._ESCAPE = 27, this._ENTER = 13, this._ALPHABETS_START = 47, this._SHIFT = 16, this._CONTROL = 17, this._MAC_CONTROL = 91, this._BACKSPACE = 8, this._DELETE = 46, this._SPACE = 32, this._shiftHolded = !1, this._controlHolded = !1, this._isFirstTime = !0, this._cacheEle = {}, this._isMouseDown = !1, this._itemsArr = [], this._css = {
-                dd: this._settings.mainCss + " ms-pr ms-effect",
-                wrapperDisabled: "disabled",
-                headerA: "ms-list-option option-selected ",
-                header: "ms-dd-header ",
-                headerMiddleContent: "ms-header-middle-content ",
-                arrow: "ms-dd-arrow",
-                arrowDown: "ms-dd-pointer-down",
-                arrowUp: "ms-dd-pointer-up",
-                headerCounter: "ms-header-counter",
-                listOfItems: "ms-options ",
-                itemContent: "ms-dd-option-content",
-                item: "ms-list-option ",
-                itemSpan: "ms-middle",
-                itemSpanOpt: "ms-optgroup-padding",
-                itemLabel: "ms-dd-label",
-                itemImage: "ms-dd-option-image",
-                itemDesc: "ms-dd-desc",
-                itemSelected: "option-selected",
-                itemDisabled: "disabled",
-                itemEnabled: "enabled",
-                optgroup: "ms-optgroup",
-                listCounter: "ms-list-counter",
-                valueInput: "ms-value-input",
-                checkbox: "ms-checkbox",
-                imageRight: "ico-align-right"
-            }, this._wrapper = {}, this._createByJson(), this._checkDataSettings(), this._isList = this.ele.size > 1, this._isMultiple = this.ele.multiple, this._enableCheckbox = this._settings.enableCheckbox, (this._isList || "true" === this._enableCheckbox.toString()) && (this._isMultiple = this.ele.multiple = !0), this._isFilterApplied = !1, this._nexPrevCounter = 0, this._init()
-        }
-        _init() {
-            this._makeLayout(), this._updateUiAndValueByIndex(this.selectedIndex), this.ele.size > 1 && (this._makeUiAsList(!0, this.ele.size), this._scrollToItem()), null !== this._settings.childWidth && (this._wrapper.listOfItems.style.width = this._settings.childWidth), this._showHideOriginal(!1), "true" === this._settings.showFilterAlways.toString() && (this._settings.enableAutoFilter = !0, this._showHideFilterBox(!0)), this.ele.autofocus ? (this._wrapper.holder.focus(), this._wrapper.filterInput.focus()) : this._wrapper.filterInput.blur(), this.updateUiAndValue(), this._fireLocalEventIfExist("create"), this._fireEventIfExist("onCreate")
-        }
-        _showHideOriginal(e = !0) {
-            e ? this._show(this.ele) : this._hide(this.ele)
-        }
-        _checkDataSettings() {
-            let e = this._getDataSet(this.ele),
-                t = this._settings;
-            t.mainCss = e?.mainCss || t.mainCss, t.showIcon = e?.showIcon || t.showIcon, t.event = e?.event || t.event, t.childWidth = e?.childWidth || t.childWidth, t.childHeight = e?.childHeight || t.childHeight, t.enableCheckbox = e?.enableCheckbox || t.enableCheckbox, t.checkboxNameSuffix = e?.checkboxNameSuffix || t.checkboxNameSuffix, t.enableAutoFilter = e?.enableAutoFilter || t.enableAutoFilter, t.visibleRows = e?.visibleRows || t.visibleRows, t.showPlusItemCounter = e?.showPlusItemCounter || t.showPlusItemCounter, t.errorMessage = e?.errorMessage || t.errorMessage, t.showFilterAlways = e?.showFilterAlways || t.showFilterAlways, t.showListCounter = e?.showListCounter || t.showListCounter, t.imagePosition = e?.imagePosition || t.imagePosition, this._settings = {
-                ...this._settings,
-                ...t
-            }
-        }
-        setSettingAttribute(e, t) {
-            this._settings[e] = t
-        }
-        _createByJson() {
-            if (this._settings.byJson.data) try {
-                let e = this._settings.byJson,
-                    t = {};
-                t.name = e.name || this.ele.id || "", e.size > 0 && (t.size = e.size), e.multiple && (t.multiple = e.multiple);
-                let s = this._createEle("select", t),
-                    i = e.data.length;
-                for (let t = 0; t < i; t++) {
-                    let i = e.data[t],
-                        l = new Option(i.text, i.value);
-                    i.disabled && (l.disabled = !0);
-                    for (let e in i)
-                        if (i.hasOwnProperty(e) && "text" !== e.toLowerCase()) {
-                            let t = `data-${e}`;
-                            t = t.replace(/([A-Z])/g, "-$1").toLowerCase(), l.setAttribute(t, i[e])
-                        } s.options[t] = l
-                }
-                this.ele.appendChild(s), s.selectedIndex = e.selectedIndex, e.width && (this.ele.style.width = e.width + "px"), this.ele = s
-            } catch (e) {
-                throw "There is an error in json data."
-            }
-        }
-        _scrollToItem(e, t = "smooth") {
-            (e = e || this.uiData.ui) && (e = e.length > 1 ? e[0] : e, this._scrollToIfNeeded(e))
-        }
-        _showHideFilterBox(e = !0) {
-            e ? (this._show(this._wrapper.filterHolder), this._wrapper.filterInput.focus(), "false" === this._settings.showFilterAlways.toString() && this._hide(this._wrapper.headerA)) : (this._wrapper.filterInput.value = "", this._hide(this._wrapper.filterHolder), this._show(this._wrapper.headerA))
-        }
-        _applyFilters(e) {
-            let t = this._wrapper.filterInput.value;
-            if (0 === t.length) this._show(this._wrapper.headerA), this._makeChildren(), this._isFilterApplied = !1;
-            else {
-                "false" === this._settings.showFilterAlways.toString() && this._hide(this._wrapper.headerA), this._isOpen || this.open(null);
-                let e = [...this.options].filter((function(e) {
-                    return "OPTGROUP" !== e.nodeName && !1 === e.disabled && e.text.toLowerCase().indexOf(t.toLowerCase()) >= 0
-                }));
-                this._makeChildren(e), this._isFilterApplied = !0, this._nexPrevCounter = -1, this._scrollToIfNeeded(null, 0)
-            }
-        }
-        _makeFilterBox() {
-            let e = this._createEle("div", {
-                    className: "ms-filter-box"
-                }),
-                t = this._createEle("input", {
-                    type: "text"
-                });
-            return e.appendChild(t), this._wrapper.filterInput = t, this._wrapper.filterHolder = e, this._bindEvents(t, "input", (e => {
-                this._applyFilters(e)
-            })), e
-        }
-        _makeHeader() {
-            let e = this._css,
-                t = this._createEle("div", {
-                    className: e.header
-                }),
-                s = this._createEle("a", {
-                    className: e.headerA
-                }),
-                i = this._createEle("span", {
-                    className: e.headerMiddleContent
-                }),
-                l = this._createEle("span", {
-                    className: e.arrow + " " + e.arrowDown
-                });
-            return s.appendChild(l), s.appendChild(i), t.appendChild(s), this._wrapper.header = t, this._wrapper.headerA = s, this._wrapper.headerContent = i, this._wrapper.arrow = l, "left" !== this._settings.imagePosition && s.classList.add(e.imageRight), this._bindEvents(t, this._settings.event, (e => {
-                this.open(e)
-            })), t
-        }
-        _makeChildren(e = null) {
-            let t, s = this._css,
-                i = "true" === this._enableCheckbox.toString(),
-                l = this,
-                n = function(e, t) {
-                    let n = {};
-                    return n = l._parseOption(e), {
-                        opt: n,
-                        itemObj: {
-                            label: {
-                                text: n.text,
-                                css: s.itemLabel
-                            },
-                            img: {
-                                src: n.image,
-                                css: s.itemImage
-                            },
-                            desc: {
-                                text: n.description,
-                                css: s.itemDesc
-                            },
-                            isDisabled: e.disabled || !1,
-                            isSelected: e.selected || !1,
-                            isCheckbox: i,
-                            value: n.value,
-                            title: n.title,
-                            imageCss: `${n.imageCss} ${n.className}`,
-                            counter: t + 1,
-                            isOptGroup: "OPTGROUP" === e.nodeName,
-                            innerSpanCss: s.itemContent
-                        }
-                    }
-                },
-                r = function(e, t) {
-                    t.isDisabled || (l._bindEvents(e, "mouseup", (e => {
-                        l._isMouseDown = !1, i && "INPUT" === e.target.nodeName || l._isList || l.close(e)
-                    })), l._bindEvents(e, "mousedown", (t => {
-                        if (l._isMouseDown = !0, i && "INPUT" === t.target.nodeName) l._setSelectedByItemToggle(e._refCheckbox, e);
-                        else if (l._shiftHolded && l._isMultiple) {
-                            let t = l.selectedIndex,
-                                s = e.index;
-                            l._setSelectedByIndexFromTo(t, s)
-                        } else l._controlHolded && l._isMultiple ? l._setSelectedByItem(e, !1, !1) : l._setSelectedByItem(e)
-                    })), l._bindEvents(e, "mouseover", (t => {
-                        l._isMouseDown && l._isMultiple && l._setSelectedByItem(e, !1, !1)
-                    })))
-                };
-            this._wrapper.listOfItems ? t = this._wrapper.listOfItems : (t = this._createEle("ul", {
-                className: s.listOfItems,
-                zIndex: this._settings.zIndex
-            }), this._wrapper.listOfItems = t), t.innerHTML = "";
-            let a = null === e ? this.ele.children : e,
-                h = a.length;
-            for (let e = 0; e < h; e++) {
-                let i = a[e],
-                    l = n(i, e),
-                    h = l.opt,
-                    d = l.itemObj,
-                    o = this._createRow(d);
-                if ("" !== h.className && (o.className = o.className + " " + h.className), "" !== h.internalStyle && (o.style = h.internalStyle), o.index = h.index, o.setAttribute("data-ms-index", h.index), d.isOptGroup) {
-                    let e = i.children,
-                        t = e.length,
-                        l = this._createEle("ul");
-                    for (let i = 0; i < t; i++) {
-                        let t = n(e[i], i),
-                            a = t.opt,
-                            h = t.itemObj,
-                            d = this._createRow(h);
-                        "" !== a.className && (d.className = d.className + " " + a.className), "" !== a.internalStyle && (d.style = a.internalStyle), d.index = a.index, d.setAttribute("data-ms-index", a.index), h.isSelected && this._setSelectedByItem(d, !0), r(d, h), "left" !== this._settings.imagePosition && d.classList.add(s.imageRight), l.appendChild(d)
-                    }
-                    o.appendChild(l)
-                }
-                d.isOptGroup || r(o, d), "left" !== this._settings.imagePosition && o.classList.add(s.imageRight), t.appendChild(o), d.isSelected && this._setSelectedByItem(o, !0)
-            }
-            return null !== this._settings.childHeight && (t.style.maxHeight = this._settings.childHeight + "px"), t
-        }
-        _makeLayout() {
-            this.ele.tabIndex = -1;
-            let t = this._css,
-                s = this._createEle("div", {
-                    tabIndex: 0,
-                    className: t.dd
-                }),
-                i = this.ele.name,
-                l = this.ele.required,
-                n = this._createEle("input", {
-                    tabIndex: -1,
-                    name: i,
-                    type: "text",
-                    className: this._css.valueInput,
-                    required: l
-                });
-            s.appendChild(n), this.ele.required = !1, this.ele.name = "";
-            let r = this._createEle("div", {
-                className: "more",
-                style: "display:none"
-            });
-            s.appendChild(r), this._wrapper.valueBox = n, this._wrapper.moreValueBox = r;
-            let a = this._makeHeader(),
-                h = this._makeFilterBox();
-            a.appendChild(h), this._showHideFilterBox(!1);
-            let d = this._makeChildren();
-            s.appendChild(a), s.appendChild(d), this._wrapper.holder = s, this._insertAfter(s, this.ele), this._hide(d), this.disabled && s.classList.add(t.wrapperDisabled);
-            let o = this._getInternalStyle(this.ele);
-            s.setAttribute("style", o), null !== this._settings.byJson.data && s.setAttribute("style", `width:${this._settings.byJson.width}px`);
-            let u = this._createEle("div", {
-                style: "clear:both"
-            });
-            s.appendChild(u), this._bindEvents(this._wrapper.holder, "focus", (t => {
-                this._isList ? this._bindDocumentEvents(null, !1, !0) : (e && (e.close(null), e = null), this._bindDocumentEvents(null, !0, !0), e = this), this._fireLocalEventIfExist("focus"), this._fireEventIfExist("focus")
-            })), this._bindEvents(this._wrapper.holder, "blur", (e => {
-                this._isList && this._unbindDocumentEvents(), this._fireLocalEventIfExist("blur"), this._fireEventIfExist("blur")
-            })), this._bindEvents(this._wrapper.holder, "dblclick", (e => {
-                this._fireLocalEventIfExist("blur"), this._fireEventIfExist("blur")
-            })), this._bindEvents(n, "invalid", (e => {
-                e.target.setCustomValidity(""), e.target.validity.valid || e.target.setCustomValidity(this._settings.errorMessage)
-            })), this._bindEvents(n, "input", (e => {
-                e.target.setCustomValidity("")
-            }));
-            let _ = ["click", "dblclick", "mousemove", "mouseover", "mouseout", "mousedown", "mouseup"];
-            for (let e = 0, t = _.length; e < t; e++) {
-                let t = _[e];
-                this._bindEvents(this._wrapper.holder, t, (e => {
-                    this._fireLocalEventIfExist(t), this._fireEventIfExist(t)
-                }))
-            }
-            return s
-        }
-        _createRow(e) {
-            let t = e.isOptGroup ? this._css.optgroup : this._css.item,
-                s = this._createEle("li", {
-                    className: t
-                });
-            if (e.isCheckbox && !e.isOptGroup) {
-                let t = this._createEle("input", {
-                    tabIndex: -1,
-                    className: this._css.checkbox,
-                    type: "checkbox",
-                    disabled: e.isDisabled,
-                    checked: !1,
-                    value: e.value,
-                    name: this._wrapper.valueBox.name + this._settings.checkboxNameSuffix + "[]"
-                });
-                s.appendChild(t), s._refCheckbox = t
-            }
-            let i = e.isOptGroup ? " " + this._css.itemSpanOpt : "",
-                l = this._createEle("span", {
-                    className: this._css.itemSpan + i
-                }),
-                n = "true" === this._settings.showListCounter.toString() ? `<span class='${this._css.listCounter}'>${e.counter}</span> ${e.label.text}` : e.label.text,
-                r = this._createEle("span", {
-                    className: e.label.css
-                }, n),
-                a = this._createEle("span", {
-                    className: e.innerSpanCss
-                });
-            if (a.appendChild(r), null !== e.img.src) {
-                let t = this._createEle("img", {
-                    className: e.img.css,
-                    src: e.img.src
-                });
-                l.appendChild(t)
-            }
-            if (null === e.img.src && "" !== e.imageCss.replace(/\s/g, "")) {
-                let t = this._createEle("span", {
-                    className: e.img.css + " " + e.imageCss
-                }, "&nbsp;");
-                l.appendChild(t)
-            }
-            if (null !== e.desc.text) {
-                let t = this._createEle("span", {
-                    className: e.desc.css
-                }, e.desc.text);
-                a.appendChild(t)
-            }
-            return l.appendChild(a), s.appendChild(l), e.isDisabled ? s.classList.add(this._css.itemDisabled) : e.isOptGroup || s.classList.add(this._css.itemEnabled), "" !== e.title && (s.title = e.title), s
-        }
-        _parseOption(e) {
-            let t, s, i, l = null,
-                n = "",
-                r = "",
-                a = "",
-                h = "",
-                d = "",
-                o = "",
-                u = -1;
-            if (void 0 !== e) {
-                let _ = e.nodeName,
-                    p = e.dataset;
-                "OPTGROUP" === _ ? h = e.label : (h = e.text, a = e.value || h), u = e.index, t = e.selected, s = e.disabled, d = e.className || "", n = p.title || "", r = p.description || "", l = p.image || l, o = p.imageCss || "", i = this._getInternalStyle(e)
-            }
-            return {
-                image: l,
-                title: n,
-                description: r,
-                value: a,
-                text: h,
-                className: d,
-                imageCss: o,
-                index: u,
-                selected: t,
-                disabled: s,
-                internalStyle: i
-            }
-        }
-        _removeOldSelected() {
-            let e = this._getAllEle("ul li." + this._css.itemSelected, this._wrapper.holder);
-            for (let t = 0; t < e.length; t++) e[t].classList.remove(this._css.itemSelected), this._isMultiple && "true" === this._enableCheckbox.toString() && (e[t]._refCheckbox.checked = !1)
-        }
-        _setSelectedByIndexFromTo(e, t) {
-            let s = Math.min(e, t),
-                i = Math.max(e, t),
-                l = this.optionsUI;
-            for (let e = s; e <= i; e++) this._setSelectedByItem(l[e], !1, !1)
-        }
-        _setSelectedByItemToggle(e, t) {
-            let s = !e.checked,
-                i = t.index;
-            s ? (t.classList.add(this._css.itemSelected), this.ele.options[i].selected = !0) : (t.classList.remove(this._css.itemSelected), this.ele.options[i].selected = !1), this.updateUiAndValue()
-        }
-        _setSelectedByItem(e, t = !1, s = !0) {
-            if (t && e) e.classList.add(this._css.itemSelected);
-            else {
-                let t = e.index;
-                !0 === s ? (this._removeOldSelected(), this.ele.selectedIndex = t) : this.ele.options[t].selected = !0, e?.classList?.add(this._css.itemSelected), this.updateUiAndValue()
-            }
-            "true" === this._enableCheckbox.toString() && e?._refCheckbox && (e._refCheckbox.checked = !0), !1 === this._isFirstTime && (this._fireLocalEventIfExist("change"), this._fireEventIfExist("change")), this._isFirstTime = !1
-        }
-        _setSelectedByOptionItem(e, t = !1) {
-            let s = e.index,
-                i = this._getDataAndUI(s);
-            this._setSelectedByItem(i.ui, t)
-        }
-        _updateHeaderUI(e = null, t = null) {
-            let s = null === e ? this.uiData : e,
-                i = this._isArray(s.index) ? s.ui[0].innerHTML : null;
-            this._wrapper.headerContent.innerHTML = null !== t ? t : i || s?.ui?.innerHTML || "&nbsp;";
-            let l = this._getEle("." + this._css.itemLabel, this._wrapper.headerContent);
-            if ("true" === this._settings.showPlusItemCounter.toString() && null !== s.ui && s.ui.length > 1 && (l.innerHTML = l.innerHTML + `<span class="${this._css.headerCounter}">&nbsp; (+${s.ui.length-1})</span>`), "false" === this._settings.showIcon.toString()) {
-                let e = this._getEle("img", this._wrapper.headerContent);
-                e && this._hide(e)
-            }
-            this._setTitleMinHeight(!1)
-        }
-        _findElementByIndexProp(e) {
-            let t = this._getAllEle(`ul li.${this._css.item}`, this._wrapper.holder),
-                s = t.length;
-            for (let i = 0; i < s; i++)
-                if (t[i].index === e) return t[i];
-            return null
-        }
-        _getDataAndUI(e = null) {
-            let t, s, i, l = this.ele,
-                n = null,
-                r = -1,
-                a = this,
-                h = !1,
-                d = function(e) {
-                    let t = l.options[e],
-                        s = e;
-                    return {
-                        option: t,
-                        data: a._parseOption(t),
-                        index: s,
-                        ui: a._findElementByIndexProp(s)
-                    }
-                };
-            if (null !== e) i = d(e), n = i.option, t = i.data, r = i.index, s = i.ui;
-            else if (s = this._getAllEle("ul li." + this._css.itemSelected, this._wrapper.holder), s.length > 1) {
-                let e = [],
-                    l = [],
-                    a = [],
-                    o = [];
-                for (let t = 0; t < s.length; t++) i = d(s[t].index), e.push(i.data), l.push(i.option), a.push(i.index), o.push(i.ui);
-                t = e, n = l, r = a, s = o, h = !0
-            } else i = d(s[0]?.index || this.selectedIndex), n = i.option || null, t = i.data || null, r = i.index || -1, s = i.ui || null;
-            return {
-                data: t,
-                ui: s,
-                index: r,
-                option: n,
-                isArray: h
-            }
-        }
-        _isArray = function(e) {
-            return "[object Array]" === Object.prototype.toString.call(e)
-        };
-        updateUiAndValue(e = null) {
-            let t = null === e ? this.uiData : e;
-            this._updateHeaderUI(t);
-            let s = this._wrapper.valueBox;
-            if (s.value = this.ele.value, this._isMultiple && "[]" === s.name.substr(s.name.length - 2, s.name.length)) {
-                this._wrapper.moreValueBox.innerHTML = "";
-                for (let e = 1; e < t.data.length; e++) {
-                    let i = this._createEle("input", {
-                        type: "hidden",
-                        name: s.name,
-                        value: t.data[e].value
-                    });
-                    this._wrapper.moreValueBox.appendChild(i)
-                }
-            }
-        }
-        _updateUiAndValueByIndex(e) {
-            let t = this._getDataAndUI(e);
-            this.updateUiAndValue(t)
-        }
-        _createEle(e, t, s) {
-            let i = document.createElement(e);
-            if (t)
-                for (let e in t) "style" === e ? i.style.cssText = t[e] : i[e] = t[e];
-            return s && (i.innerHTML = s), i
-        }
-        _getEle(e, t = null) {
-            return null === t ? document.querySelector(e) : t.querySelector(e)
-        }
-        _getAllEle(e, t = null) {
-            return null === t ? document.querySelectorAll(e) : t.querySelectorAll(e)
-        }
-        _getInternalStyle(e) {
-            return void 0 === e.style ? "" : e.style.cssText
-        }
-        _toggleShow(e) {
-            e.style.display = "none" === e.style.display || "" === e.style.display ? "inherit" : "none"
-        }
-        _show(e, t = "block") {
-            e.style.display = t
-        }
-        _hide(e) {
-            e.style.display = "none"
-        }
-        _insertAfter(e, t) {
-            return t.parentNode.insertBefore(e, t.nextSibling)
-        }
-        _insertBefore(e, t) {
-            return t.insertBefore(e, t)
-        }
-        _getIndex(e) {
-            return [...this._getAllEle("ul li", this._wrapper.holder)].indexOf(e)
-        }
-        _getProp(e, t) {
-            let s = {};
-            for (let i = 0; i < e.attributes.length; i++) {
-                let l = e.attributes[i].nodeName,
-                    n = e.attributes[i].nodeValue;
-                if (t === l) return n;
-                s[l] = n
-            }
-            return void 0 === t ? s : null
-        }
-        _getDataSet(e, t = null) {
-            return null === t ? e.dataset : e.dataset[t] || null
-        }
-        _bindEvents(e, t, s) {
-            e.addEventListener(t, s)
-        }
-        _unbindEvents(e, t, s) {
-            e.removeEventListener(t, s)
-        }
-        _adjustChildHeight(e = null) {
-            if (null !== (e = null === e ? parseInt(this._settings.visibleRows) : e)) {
-                let t = this._getEle("li[data-ms-index='0']", this._wrapper.listOfItems),
-                    s = null !== this._settings.rowHeight ? this._settings.rowHeight : t.clientHeight;
-                this._wrapper.listOfItems.style.height = e * s + "px"
-            }
-        }
-        _setTitleMinHeight(e = !0) {
-            let t = 0;
-            if (!0 === e) {
-                let e = this._getAllEle("li", this._wrapper.listOfItems),
-                    s = e.length;
-                for (let i = 0; i < s; i++) {
-                    let s = e[i];
-                    t = s.clientHeight > t ? s.clientHeight : t
-                }
-            } else t = this._wrapper.headerA.clientHeight;
-            this._wrapper.header.style.minHeight = t + "px"
-        }
-        _makeUiAsList(e, t) {
-            !0 === e ? (this._hide(this._wrapper.header), this.open(null, !0), this._adjustChildHeight(t), this._wrapper.listOfItems.style.position = "relative", this._wrapper.listOfItems.style.display = "inline-block", this._wrapper.listOfItems.style.zIndex = 0, this._wrapper.holder.style.zIndex = 0, this._isList = !0) : (this._show(this._wrapper.header), this._wrapper.listOfItems.style.height = null, this._wrapper.listOfItems.style.position = "absolute", this._wrapper.listOfItems.style.zIndex = this._settings.zIndex, this._wrapper.holder.style.zIndex = 0, this._isList = !1, this.close(null))
-        }
-        _bindDocumentEvents(e, t = !0, s = !0) {
-            this._unbindDocumentEvents(), this._onDocumentClick = e => {
-                let t = this._wrapper.listOfItems.getBoundingClientRect(),
-                    s = this._wrapper.header.getBoundingClientRect(),
-                    i = t.left + t.width,
-                    l = s.top + t.height + s.height;
-                (e.clientX < t.left || e.clientX > i || e.clientY < s.y || e.clientY > l) && this.close(e)
-            }, this._onDocumentKeyDown = e => {
-                switch (e.keyCode) {
-                    case this._DOWN_ARROW:
-                    case this._RIGHT_ARROW:
-                        e.preventDefault(), e.stopPropagation(), this._show(this._wrapper.listOfItems), this._isOpen = !0, this.next();
-                        break;
-                    case this._UP_ARROW:
-                    case this._LEFT_ARROW:
-                        e.preventDefault(), e.stopPropagation(), this.previous();
-                        break;
-                    case this._ESCAPE:
-                    case this._ENTER:
-                        e.preventDefault(), e.stopPropagation(), this.close(null);
-                        break;
-                    case this._SHIFT:
-                        this._shiftHolded = !0;
-                        break;
-                    case this._CONTROL:
-                    case this._MAC_CONTROL:
-                        this._controlHolded = !0;
-                        break;
-                    case this._SPACE:
-                        this._show(this._wrapper.listOfItems), this._isOpen = !0;
-                        break;
-                    default:
-                        e.keyCode >= this._ALPHABETS_START && !1 === this._isList && "true" === this._settings.enableAutoFilter.toString() && this._showHideFilterBox(!0), this._shiftHolded = !1, this._controlHolded = !1
-                }
-            }, this._onDocumentKeyUp = e => {
-                this._shiftHolded = !1, this._controlHolded = !1
-            }, !0 === t && this._bindEvents(document, "mouseup", this._onDocumentClick), !0 === s && (this._bindEvents(document, "keydown", this._onDocumentKeyDown), this._bindEvents(document, "keyup", this._onDocumentKeyUp))
-        }
-        _unbindDocumentEvents() {
-            null !== this._onDocumentClick && this._unbindEvents(document, "mouseup", this._onDocumentClick), null !== this._onDocumentKeyDown && this._unbindEvents(document, "keydown", this._onDocumentKeyDown), null !== this._onDocumentKeyUp && this._unbindEvents(document, "keyup", this._onDocumentKeyUp), this._onDocumentClick = null, this._onDocumentKeyDown = null, this._onDocumentKeyUp = null
-        }
-        _scrollToIfNeeded(e = null, t = null, s = "next") {
-            let i = this._wrapper.listOfItems;
-            if (i.getBoundingClientRect(), null === e && null !== t && (i.scrollTop = t), e = void 0 !== e ? e : this._getEle("li." + this._css.itemSelected)) {
-                let t = e.offsetTop,
-                    l = i.clientHeight,
-                    n = e.clientHeight;
-                t + n - i.scrollTop > l && "next" === s ? i.scrollTop = t + n - l : t - i.scrollTop < 0 && "previous" === s && (i.scrollTop = t)
-            }
-        }
-        _fireLocalEventIfExist(e, t = null) {
-            if ("function" == typeof this._settings.on[e]) {
-                let s = null === t ? this._getDataAndUI() : t,
-                    i = this._settings.on[e];
-                try {
-                    i(s)
-                } catch (e) {
-                    console.error(e.message)
-                }
-            }
-        }
-        _fireEventIfExist(e) {
-            if (this.ele.dataset[e]) {
-                let t = new Function(this.ele.dataset[e]);
-                try {
-                    t()
-                } catch (e) {
-                    console.error(e.message)
-                }
-            }
-            if (this._has_handler(e).hasEvent) {
-                if (this._has_handler(e).byElement) try {
-                    this.ele[e]()
-                } catch (t) {
-                    try {
-                        this.ele["on" + e]()
-                    } catch (e) {}
-                } else if (this._has_handler(e).byJQuery) switch (e) {
-                    case "keydown":
-                    case "keyup":
-                        break;
-                    default:
-                        try {
-                            "undefined" != typeof jQuery && jQuery(this.ele).triggerHandler(e)
-                        } catch (e) {}
-                }
-                return !1
-            }
-        }
-        _has_handler(e) {
-            let t = {
-                byElement: !1,
-                local: !1,
-                byJQuery: !1,
-                hasEvent: !1
-            };
-            null !== this._settings.on[e] && (t.hasEvent = !0, t.local = !0);
-            try {
-                null !== this._getProp(this.ele, "on" + e) && (t.hasEvent = !0, t.byElement = !0)
-            } catch (e) {}
-            if ("undefined" != typeof jQuery) {
-                let s, i = jQuery(this.ele);
-                s = "function" == typeof jQuery?._data ? jQuery?._data(this.ele, "events") : i.data("events"), s && s[e] && (t.hasEvent = !0, t.byJQuery = !0)
-            }
-            return t
-        }
-        add(e, t = null) {
-            let s, i, l, n, r, a, h;
-            e instanceof HTMLOptionElement ? h = e : "string" == typeof e ? (s = i = e, h = new Option(s, i)) : e instanceof Object && (s = e.text || "", i = e.value || s, l = e.title || "", n = e.image || "", a = e.imageCss || "", r = e.description || "", h = new Option(s, i), h.setAttribute("data-description", r), h.setAttribute("data-image", n), h.setAttribute("data-title", l), h.setAttribute("data-image-css", a)), this.ele.add(h, t), this._makeChildren(), this._fireLocalEventIfExist("add")
-        }
-        remove(e) {
-            let t = this._getDataAndUI(e);
-            return this.ele.remove(e), this._makeChildren(), this._fireLocalEventIfExist("remove", t), t
-        }
-        next() {
-            let e, t = this,
-                s = this.optionsUI,
-                i = s.length;
-            if (e = this._isFilterApplied ? this._nexPrevCounter : this.selectedIndex, i > 0) {
-                let l = function() {
-                    let l = e;
-                    for (; l < i; l++) {
-                        let e = l + 1;
-                        if (e = e >= i ? i - 1 : e, t._nexPrevCounter++, !s[e].classList.contains(t._css.itemDisabled)) return s[e]
-                    }
-                    return null
-                }();
-                l && (this._setSelectedByItem(l, !1, !0), this._scrollToIfNeeded(l))
-            }
-        }
-        previous() {
-            let e, t = this,
-                s = this.optionsUI;
-            if (s.length, e = this._isFilterApplied ? this._nexPrevCounter : this.selectedIndex, s.length > 0) {
-                let i = function(i) {
-                    let l = e;
-                    for (; l > 0; l--) {
-                        let e = l - 1;
-                        if (e = e >= 0 ? e : 0, t._nexPrevCounter--, !s[e].classList.contains(t._css.itemDisabled)) return s[e]
-                    }
-                    return null
-                }();
-                i && (this._setSelectedByItem(i, !1, !0), this._scrollToIfNeeded(i, null, "previous"))
-            }
-        }
-        open(e, t = !1) {
-            this.disabled || (this._isOpen ? this.close(null) : (this._isOpen = !0, this._show(this._wrapper.listOfItems), !1 === t && this._bindDocumentEvents(e), this._wrapper.arrow.classList.remove(this._css.arrowDown), this._wrapper.arrow.classList.add(this._css.arrowUp), this._adjustChildHeight(), this._scrollToItem(), this._fireLocalEventIfExist("open")))
-        }
-        close(e) {
-            let t = this._isList,
-                s = !1;
-            if (null !== e) {
-                e.stopImmediatePropagation();
-                let t = e.target.closest("li");
-                s = null !== t && t.classList.contains("disabled")
-            }
-            this.disabled || t || s || (this._scrollToIfNeeded(null, 0), this._hide(this._wrapper.listOfItems), this._wrapper.arrow.classList.add(this._css.arrowDown), this._wrapper.arrow.classList.remove(this._css.arrowUp), this._isOpen = !1, this._isMouseDown = !1, this._shiftHolded = !1, this._controlHolded = !1, this._isFilterApplied = !1, this._wrapper.filterInput.value = "", this._wrapper.filterInput.blur(), "false" === this._settings.showFilterAlways.toString() && this._showHideFilterBox(!1), this._applyFilters(), this._unbindDocumentEvents(), this._updateHeaderUI(), this.ele.length !== this._getAllEle(`li.${this._css.item}`, this._wrapper.listOfItems).length && (this._makeChildren(), this.updateUiAndValue()), this._fireLocalEventIfExist("close"))
-        }
-        namedItem(e, t = !1) {
-            let s = null,
-                i = this.ele.querySelector(`option[name='${e}']`);
-            if (i && t) {
-                s = {};
-                let e = this._parseOption(i);
-                s.option = i, s.data = e
-            } else s = i;
-            return s
-        }
-        item(e, t = !1) {
-            let s = null,
-                i = this.ele.options[e];
-            if (i && t) {
-                s = {};
-                let e = this._parseOption(i);
-                s.option = i, s.data = e
-            } else s = i;
-            return s
-        }
-        visible(e = null) {
-            if (!0 === e ? this._show(this._wrapper.holder, "inline-block") : !1 === e && this._hide(this._wrapper.holder), null === e) return "none" !== this._wrapper.holder.style.display
-        }
-        showRows(e) {
-            this._settings.visibleRows = e > this.length ? this.length : e, this._adjustChildHeight()
-        }
-        visibleRows(e) {
-            this.showRows(e)
-        }
-        on(e, t) {
-            this._settings.on[e] = t
-        }
-        off(e, t) {
-            this._settings.on[e] = null
-        }
-        refresh() {
-            this._makeChildren(), this.updateUiAndValue()
-        }
-        destroy() {
-            this._show(this.ele), this.ele.required = this._wrapper.valueBox.required, this.ele.name = this._wrapper.valueBox.name, this._wrapper.holder.parentNode.removeChild(this._wrapper.holder)
-        }
-        get selectedIndex() {
-            return this.ele.selectedIndex
-        }
-        set selectedIndex(e) {
-            let t = this,
-                s = function(e) {
-                    t.ele.selectedIndex = e, -1 === e ? (t._updateHeaderUI(null, ""), t._removeOldSelected()) : t._setSelectedByOptionItem(t.ele.options[e])
-                };
-            if (e < this.length && !this._isArray(e)) s(e);
-            else if (this._isMultiple && this._isArray(e)) {
-                for (let t = 0, s = e.length; t < s; t++) e[t] < this.length && -1 !== e[t] && this._setSelectedByOptionItem(this.ele.options[e[t]], t > 0);
-                this._updateHeaderUI(null)
-            } else s(e)
-        }
-        get options() {
-            return this.ele.options
-        }
-        set options(e) {
-            e instanceof HTMLOptionElement ? (this.ele.add(e), this._makeChildren(), this.updateUiAndValue()) : "number" == typeof e && (this.ele.length = e, this._makeChildren(), this.updateUiAndValue())
-        }
-        get optionsUI() {
-            return this._cacheEle.allItems, this._cacheEle.allItems = this._getAllEle(`li.${this._css.item}`, this._wrapper.listOfItems)
-        }
-        get length() {
-            return this.ele.length
-        }
-        set length(e) {
-            this.ele.options.length = e, this._makeChildren(), this.updateUiAndValue()
-        }
-        get value() {
-            return this.ele.value
-        }
-        set value(e) {
-            this.ele.value = e, this.selectedIndex = this.ele.selectedIndex
-        }
-        get selectedText() {
-            return this.selectedIndex >= 0 ? this.ele.options[this.selectedIndex].text : ""
-        }
-        get disabled() {
-            return this.ele.hasAttribute("disabled")
-        }
-        set disabled(e) {
-            e ? (this.ele.setAttribute("disabled", ""), this._wrapper.holder.classList.add(this._css.wrapperDisabled)) : (this.ele.removeAttribute("disabled"), this._wrapper.holder.classList.remove(this._css.wrapperDisabled))
-        }
-        get form() {
-            return this.ele.form
-        }
-        get multiple() {
-            return this.ele.multiple
-        }
-        set multiple(e) {
-            e ? (this.ele.setAttribute("multiple", ""), this._enableCheckbox = this._settings.enableCheckbox) : this.ele.removeAttribute("multiple"), this._isMultiple = e, e || (this.selectedIndex = this.ele.selectedIndex, this._enableCheckbox = !1), this._makeChildren()
-        }
-        get name() {
-            return this._wrapper?.valueBox ? this._wrapper.valueBox.name || "" : this.ele.name
-        }
-        set name(e) {
-            this._wrapper?.valueBox ? this._wrapper.valueBox.name = e : this.ele.name = e
-        }
-        get required() {
-            return this._wrapper.valueBox.required
-        }
-        set required(e) {
-            e ? this._wrapper.valueBox.setAttribute("required", !0) : this._wrapper.valueBox.removeAttribute("required")
-        }
-        get size() {
-            return this.ele.size
-        }
-        set size(e) {
-            this.ele.size = e, this._makeUiAsList(e > 1, e)
-        }
-        get selectedOptions() {
-            let e = null;
-            if (this.selectedIndex >= 0 && (e = this.ele.options[this.selectedIndex], this.multiple)) {
-                e = [];
-                let t = this.options,
-                    s = t.length;
-                for (let i = 0; i < s; i++) t[i].selected && e.push(t[i]);
-                e = 1 === e.length ? e[0] : e
-            }
-            return e
-        }
-        get children() {
-            return this.ele.children
-        }
-        get uiData() {
-            return this._getDataAndUI()
-        }
-        get version() {
-            return "4.0.3"
-        }
-    }
-    class s {
-        constructor(e, i) {
-            "string" == typeof e ? document.querySelectorAll(e).forEach((e => {
-                new s(e, i)
-            })) : (e.msDropdown = this, this._ddMaker = new t(e, i))
-        }
-        setSettingAttribute(e, t, s = !1) {
-            this._ddMaker.setSettingAttribute(e, t), s && this._ddMaker.refresh()
-        }
-        add(e, t) {
-            this._ddMaker.add(e, t)
-        }
-        remove(e) {
-            return this._ddMaker.remove(e)
-        }
-        next() {
-            this._ddMaker.next()
-        }
-        previous() {
-            this._ddMaker.previous()
-        }
-        open() {
-            this._ddMaker.open(null, !1)
-        }
-        close() {
-            this._ddMaker.close(null)
-        }
-        namedItem(e, t = !1) {
-            return this._ddMaker.namedItem(e, t)
-        }
-        item(e, t = !1) {
-            return this._ddMaker.item(e, t)
-        }
-        visible(e = null) {
-            return this._ddMaker.visible(e)
-        }
-        showRows(e) {
-            this._ddMaker.showRows(e)
-        }
-        visibleRows(e) {
-            this._ddMaker.showRows(e)
-        }
-        on(e, t) {
-            this._ddMaker.on(e, t)
-        }
-        off(e, t) {
-            this._ddMaker.off(e, t)
-        }
-        updateUiAndValue() {
-            this._ddMaker.updateUiAndValue()
-        }
-        refresh() {
-            this._ddMaker.refresh()
-        }
-        destroy() {
-            this._ddMaker.destroy()
-        }
-        get selectedIndex() {
-            return this._ddMaker.selectedIndex
-        }
-        set selectedIndex(e) {
-            this._ddMaker.selectedIndex = e
-        }
-        get options() {
-            return this._ddMaker.options
-        }
-        set options(e) {
-            this._ddMaker.options = e
-        }
-        get optionsUI() {
-            return this._ddMaker.optionsUI
-        }
-        get length() {
-            return this._ddMaker.length
-        }
-        set length(e) {
-            this._ddMaker.length = e
-        }
-        get value() {
-            return this._ddMaker.value
-        }
-        set value(e) {
-            this._ddMaker.value = e
-        }
-        get selectedText() {
-            return this._ddMaker.selectedText
-        }
-        get disabled() {
-            return this._ddMaker.disabled
-        }
-        set disabled(e) {
-            this._ddMaker.disabled = e
-        }
-        get form() {
-            return this._ddMaker.form
-        }
-        get multiple() {
-            return this._ddMaker.multiple
-        }
-        set multiple(e) {
-            this._ddMaker.multiple = e
-        }
-        get name() {
-            return this._ddMaker.name
-        }
-        set name(e) {
-            this._ddMaker.name = e
-        }
-        get required() {
-            return this._ddMaker.required
-        }
-        set required(e) {
-            this._ddMaker.required = e
-        }
-        get size() {
-            return this._ddMaker.size
-        }
-        set size(e) {
-            this._ddMaker.size = e
-        }
-        get selectedOptions() {
-            return this._ddMaker.selectedOptions
-        }
-        get children() {
-            return this._ddMaker.children
-        }
-        get uiData() {
-            return this._ddMaker.uiData
-        }
-        static make(e, t) {
-            if (!e.msDropdown) try {
-                let i = new s(e, t);
-                return e.addEventListener("change", (() => {
-                    e.multiple ? e.msDropdown.refresh() : e.msDropdown.selectedIndex = current.selectedIndex
-                })), i
-            } catch (e) {
-                console.log(e.message)
-            }
-        }
-        static get version() {
-            return "4.0.3"
-        }
-        static get author() {
-            return "Marghoob Suleman"
-        }
-    }
-    class i extends HTMLSelectElement {
-        constructor(e, t) {
-            super()
-        }
-        connectedCallback() {
-            setTimeout((() => {
-                this.msDropdown || (this.msDropdown = new s(this));
-                try {
-                    this.addEventListener("change", (e => {
-                        this.multiple ? this.msDropdown.refresh() : this.msDropdown.selectedIndex = this.selectedIndex
-                    }))
-                } catch (e) {
-                    console.log(e.message)
-                }
-            }), 1)
-        }
-        disconnectedCallback() {}
-        adoptedCallback() {}
-        attributeChangedCallback(e, t, s) {
-            if (this.msDropdown && -1 !== e.indexOf("data-")) {
-                let t = (e = e.replace("data-", "")).toLowerCase().split("-");
-                for (let e = 1; e < t.length; e++) t[e] = t[e].charAt(0).toUpperCase() + t[e].substring(1);
-                this.msDropdown.setSettingAttribute(t.join(""), s, !0)
-            }
-            console.log("attributeChangedCallback")
-        }
-        static get observedAttributes() {
-            return ["data-main-css", "data-show-icon", "data-event", "data-child-width", "data-child-height", "data-enable-checkbox", "data-checkbox-name-suffix", "data-enable-auto-filter", "data-visible-rows", "data-show-plus-item-counter", "data-error-message", "data-show-filter-always", "data-show-list-counter", "data-image-position"]
-        }
-    }
-    customElements.define("ms-dropdown", i, {
-        extends: "select"
-    }), window.MsDropdown = s, navigator.vendor && navigator.vendor.indexOf("Apple") > -1 && navigator.userAgent && -1 == navigator.userAgent.indexOf("CriOS") && -1 == navigator.userAgent.indexOf("FxiOS") && s.make("select[is='ms-dropdown']")
-})();
\ No newline at end of file
diff --git a/basicswap/static/js/main.js b/basicswap/static/js/main.js
index 07ee913..72291b2 100644
--- a/basicswap/static/js/main.js
+++ b/basicswap/static/js/main.js
@@ -37,4 +37,4 @@ document.addEventListener('DOMContentLoaded', function() {
             });
         }
     }
-});
+});
\ No newline at end of file
diff --git a/basicswap/static/js/new_offer.js b/basicswap/static/js/new_offer.js
index c8c28d2..f00afe6 100644
--- a/basicswap/static/js/new_offer.js
+++ b/basicswap/static/js/new_offer.js
@@ -1,27 +1,40 @@
-
 window.addEventListener('DOMContentLoaded', (event) => {
-    let err_msgs = document.querySelectorAll('p.error_msg');
-    for (let i=0; i < err_msgs.length; i++) {
-        err_msg = err_msgs[i].innerText
-        if (err_msg.indexOf('coin_to') >= 0 || err_msg.indexOf('Coin To') >= 0) {
-            e = document.getElementById('coin_to');
-            e.classList.add('error');
-        }
-        if (err_msg.indexOf('Coin From') >= 0) {
-            e = document.getElementById('coin_from');
-            e.classList.add('error');
-        }
-        if (err_msg.indexOf('Amount From') >= 0) {
-            e = document.getElementById('amt_from');
-            e.classList.add('error');
-        }
-        if (err_msg.indexOf('Amount To') >= 0) {
-            e = document.getElementById('amt_to');
-            e.classList.add('error');
-        }
-        if (err_msg.indexOf('Minimum Bid Amount') >= 0) {
-            e = document.getElementById('amt_bid_min');
-            e.classList.add('error');
-        }
+  let err_msgs = document.querySelectorAll('p.error_msg');
+  for (let i = 0; i < err_msgs.length; i++) {
+    err_msg = err_msgs[i].innerText;
+    if (err_msg.indexOf('coin_to') >= 0 || err_msg.indexOf('Coin To') >= 0) {
+      e = document.getElementById('coin_to');
+      e.classList.add('error');
     }
-});
+    if (err_msg.indexOf('Coin From') >= 0) {
+      e = document.getElementById('coin_from');
+      e.classList.add('error');
+    }
+    if (err_msg.indexOf('Amount From') >= 0) {
+      e = document.getElementById('amt_from');
+      e.classList.add('error');
+    }
+    if (err_msg.indexOf('Amount To') >= 0) {
+      e = document.getElementById('amt_to');
+      e.classList.add('error');
+    }
+    if (err_msg.indexOf('Minimum Bid Amount') >= 0) {
+      e = document.getElementById('amt_bid_min');
+      e.classList.add('error');
+    }
+    if (err_msg.indexOf('Select coin you send') >= 0) {
+      e = document.getElementById('coin_from').parentNode;
+      e.classList.add('error');
+    }
+  }
+
+  // remove error class on input or select focus
+  let inputs = document.querySelectorAll('input.error');
+  let selects = document.querySelectorAll('select.error');
+  let elements = [...inputs, ...selects];
+  elements.forEach((element) => {
+    element.addEventListener('focus', (event) => {
+      event.target.classList.remove('error');
+    });
+  });
+});
\ No newline at end of file
diff --git a/basicswap/templates/404.html b/basicswap/templates/404.html
index 8ff92b3..37c28aa 100644
--- a/basicswap/templates/404.html
+++ b/basicswap/templates/404.html
@@ -1,39 +1,41 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/404">404</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </section>
-  {% include 'inc_messages.html' %}
-  <section class="relative py-24 md:py-40 bg-white">
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/404">404</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
+{% include 'inc_messages.html' %}
+  <section class="relative py-24 md:py-40">
     <div class="relative z-10 container px-4 mx-auto">
       <div class="flex flex-wrap items-center -mx-4">
         <div class="w-full md:w-1/2 px-4 mb-16 md:mb-0">
-          <div class="md:max-w-xl md:mx-auto text-center md:text-left"> <span class="inline-block mb-6 px-3 py-1 font-semibold bg-blue-100 rounded-full text-sm">Error 404</span>
-            <h2 class="mb-4 text-4xl md:text-5xl leading-tight font-bold tracking-tighter">Oh no! Error 404</h2>
-            <p class="mb-6 text-lg md:text-xl text-coolGray-500">Something went wrong, so this page is broken.</p>
+          <div class="md:max-w-xl md:mx-auto text-center md:text-left"> <span class="inline-block py-1 px-3 mb-4 text-xs leading-5 bg-blue-500 text-white font-medium rounded-full shadow-sm">Error 404</span>
+            <h2 class="mb-4 text-4xl md:text-5xl leading-tight font-bold tracking-tighter dark:text-white">Oh no! Error 404</h2>
+            <p class="mb-6 text-lg md:text-xl text-coolGray-500 dark:text-gray-300 ">Something went wrong, so this page is broken.</p>
             <div class="flex flex-wrap">
-              <div class="w-full lg:w-auto py-1 lg:py-0 lg:mr-6"><a class="inline-block py-5 px-7 w-full text-base md:text-lg leading-4 text-blue-50 font-medium text-center bg-blue-500 hover:bg-blue-600 border border-blue-500 rounded-md shadow-sm focus:ring-0 focus:outline-none" href="/">Go back to Homepage</a></div>
+              <div class="w-full lg:w-auto py-1 lg:py-0 lg:mr-6"><a class="inline-block py-5 px-7 w-full text-base md:text-lg leading-4 text-blue-50 font-medium text-center bg-blue-500 hover:bg-blue-600 border border-blue-500 rounded-md shadow-sm focus:ring-0 focus:outline-none" href="/">Go Back</a></div>
               <div class="w-full lg:w-auto py-1 lg:py-0"><a class="inline-block py-5 px-7 w-full text-base md:text-lg leading-4 text-coolGray-800 font-medium text-center bg-white hover:bg-coolGray-100 border border-coolGray-200 rounded-md shadow-sm focus:ring-0 focus:outline-none" href="/refresh">Try Again</a></div>
               <!-- todo add last URL page visit -->
             </div>
diff --git a/basicswap/templates/active.html b/basicswap/templates/active.html
index a7007d6..97cf2cd 100644
--- a/basicswap/templates/active.html
+++ b/basicswap/templates/active.html
@@ -1,99 +1,131 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/active">Swaps In Progress</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-        </ul>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/active">Swaps In Progress</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Swaps in Progress</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Your swaps that are currently in progress.</p>
+     </div>
+     <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
+      {% if refresh %}
+      <a id="refresh" href="/active" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white borderdark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600 border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+        <g fill="#ffffff">
+         <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+         <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+        </g>
+       </svg>
+       <span>Refresh {{ refresh }} seconds</span>
+      </a>
+      {% else %}
+      <a id="refresh" href="/active" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white borderdark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600 border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+        <g fill="#ffffff">
+         <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+         <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+        </g>
+       </svg>
+       <span>Refresh</span>
+      </a>
+      {% endif %}
       </div>
     </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Swaps in Progress</h2>
-            <p class="font-semibold text-coolGray-200">Your swaps that are currently in progress.</p>
-          </div>
-          <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto"> 
-            {% if refresh %}
-            <a id="refresh" href="/active" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g fill="#ffffff">
-                  <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                  <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                </g>
-              </svg><span>Refresh {{ refresh }} seconds</span></a>
-              {% else %}
-            <a id="refresh" href="/active" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g fill="#ffffff">
-                  <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                  <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                </g>
-              </svg><span>Refresh</span></a>
-            {% endif %} 
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2">
-            <div class="container px-0 mx-auto mt-5">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="py-3 px-6"> Bid ID </th>
-                      <th scope="col" class="py-3 px-6"> Offer ID </th>
-                      <th scope="col" class="py-3 px-6"> Bid Status </th>
-                      <th scope="col" class="py-4 px-7"> ITX Status </th>
-                      <th scope="col" class="py-3 px-7"> PTX Status </th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {% for s in active_swaps %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 text-xs monospace"><a href=/bid/{{ s[0] }}>{{ s[0] }}</a></td>
-                      <td class="py-4 px-6 text-xs monospace"><a href=/offer/{{ s[1] }}>{{ s[1] }}</a></td>
-                      <td class="py-4 px-6">{{ s[2] }}</td>
-                      <td class="py-4 px-6">{{ s[3] }}</td>
-                      <td class="py-4 px-6">{{ s[4] }}</td>
-                    </tr>
-                  {% endfor %}
-                </tbody>
-                </table>
+   </div>
+  </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+   <div class="pb-6 border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="w-full mt-6 pb-6 overflow-x-auto">
+          <table class="w-full min-w-max text-sm">
+           <thead class="uppercase">
+            <tr class="text-left">
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Bid ID</span>
               </div>
-            </div>
-          </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Offer ID </span>
+              </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Bid Status </span>
+              </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">ITX Status </span>
+              </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">PTX Status </span>
+              </div>
+             </th>
+            </tr>
+           </thead>
+           {% for s in active_swaps %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 monospace">
+             <a href=/bid/{{ s[0] }}>{{ s[0] }}</a>
+            </td>
+            <td class="py-3 px-6 monospace">
+             <a href=/offer/{{ s[1] }}>{{ s[1] }}</a>
+            </td>
+            <td class="py-3 px-6">{{ s[2] }}</td>
+            <td class="py-3 px-6">{{ s[3] }}</td>
+            <td class="py-3 px-6">{{ s[4] }}</td>
+           </tr>
+           {% endfor %}
+          </table>
+         </div>
         </div>
+       </div>
       </div>
+     </div>
     </div>
-  </section>
+   </div>
+  </div>
+ </section>
 </div>
 {% include 'footer.html' %}
 </body>
diff --git a/basicswap/templates/automation_strategies.html b/basicswap/templates/automation_strategies.html
index 4427b6f..ffc9e5d 100644
--- a/basicswap/templates/automation_strategies.html
+++ b/basicswap/templates/automation_strategies.html
@@ -1,145 +1,241 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/automation">Automation Strategies</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-        </ul>
-      </div>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/automation">Automation Strategies</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+    </ul>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Automation Strategies</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white"></p>
+     </div>
+     <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
+      <a href="/newautomationstrategy" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white borderdark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600 border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+         <line data-cap="butt" x1="5" y1="1" x2="5" y2="6" stroke="#ffffff"></line>
+         <line x1="3" y1="1" x2="7" y2="1" stroke="#fffffwww"></line>
+         <line data-cap="butt" x1="19" y1="1" x2="19" y2="6" stroke="#ffffff"></line>
+         <line x1="17" y1="1" x2="21" y2="1" stroke="#ffffff"></line>
+         <rect x="6" y="15" width="12" height="4" stroke="#ffffff"></rect>
+         <line data-cap="butt" x1="10" y1="19" x2="10" y2="15" stroke="#ffffff"></line>
+         <line data-cap="butt" x1="14" y1="19" x2="14" y2="15" stroke="#ffffff"></line>
+         <line x1="6" y1="11" x2="8" y2="11" stroke="#ffffff"></line>
+         <line x1="16" y1="11" x2="18" y2="11" stroke="#fff"></line>
+         <polygon points="23 6 5 6 1 6 1 23 23 23 23 6"></polygon>
+        </g>
+       </svg>
+       <span>Create New Strategy</span>
+      </a>
+     </div>
     </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Automation Strategies</h2>
-            <p class="font-semibold text-coolGray-200"></p>
-          </div>
-          <div class="w-full md:w-1/2 p-3">
-            <a id="refresh" href="/newautomationstrategy">
-              <button class="block md:ml-auto px-5 py-3 font-medium text-lcg text-white bg-blue-500 hover:bg-blue-600 rounded-md focus:ring-0 focus:outline-none">Create New Strategy</button>
-            </a>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <section>
+  <form method="post">
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="w-full min-w-max text-sm">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Filters</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold py-3 px-6"></span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold py-3 px-6"></span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Sort by:</td>
+             <td class="py-3 px-6">
+              <select class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="sort_by">
+               <option value="created_at" {% if filters.sort_by=='created_at' %} selected{% endif %}>Created At</option>
+              </select>
+             </td>
+             <td class="py-3 px-6">
+              <select class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="sort_dir">
+               <option value="asc" {% if filters.sort_dir=='asc' %} selected{% endif %}>Ascending</option>
+               <option value="desc" {% if filters.sort_dir=='desc' %} selected{% endif %}>Descending</option>
+              </select>
+             </td>
+            </tr>
+           </table>
           </div>
+         </div>
         </div>
-      </div>
-    </div>
-  </section> {% include 'inc_messages.html' %}
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2">
-            <div class="container px-0 mx-auto mt-5">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <form method="post">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                    <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                      <tr>
-                        <th scope="col" class="py-3 px-6">Filter</th>
-                        <th scope="col" class="py-3 px-6"></th>
-                        <th scope="col"></th>
-                      </tr>
-                    </thead>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold w-96"> Sort by: </td>
-                      <td class="py-4 bold w-96">
-                        <select class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="sort_by">
-                          <option value="created_at" {% if filters.sort_by=='created_at' %} selected{% endif %}>Created At</option>
-                        </select>
-                      </td>
-                      <td class="py-4 px-6 pr-5">
-                        <select class="pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="sort_dir">
-                          <option value="asc" {% if filters.sort_dir=='asc' %} selected{% endif %}>Ascending</option>
-                          <option value="desc" {% if filters.sort_dir=='desc' %} selected{% endif %}>Descending</option>
-                        </select>
-                      </td>
-                    </tr>
-                  </table>
-              </div>
-            </div>
-            <div class="pt-10 bg-white bg-opacity-60 rounded-b-md">
-              <div class="w-full md:w-0/12">
-                <div class="flex flex-wrap justify-end -m-1.5">
-                  <div class="w-full md:w-auto p-1.5">
-                    <button type="submit" name='pageback' value="Page Back" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg aria-hidden="true" class="mr-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-                        <path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
-                      </svg> <span>Page Back</span> </button>
-                  </div>
-                  <div class="flex items-center">
-                    <div class="w-full md:w-auto p-1.5">
-                      <p class="text-sm font-heading">Page: {{ filters.page_no }}</p>
-                    </div>
-                  </div>
-                  <div class="w-full md:w-auto p-1.5">
-                    <button type="submit" name='pageforwards' value="Page Forwards" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Page Forwards</span>
-                      <svg aria-hidden="true" class="ml-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-                        <path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
-                      </svg>
-                    </button>
-                  </div>
-                  <div class="w-full md:w-auto p-1.5 ml-2">
-                    <button name='clearfilters' value="Clear Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">        <svg class="mr-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" class="nc-icon-wrapper">
-                                <rect x="2" y="2" width="7" height="7"></rect>
-                                <rect x="15" y="15" width="7" height="7"></rect>
-                                <rect x="2" y="15" width="7" height="7"></rect>
-                                <polyline points="15 6 17 8 22 3" stroke="#556987"></polyline>
-                              </g>
-                            </svg>  Clear Filters</button>
-                  </div>
-                               <div class="w-full md:w-auto p-1.5 ml-2">
-                          <button name="" value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>  Apply</button>
-                        </div>
-                </div>
-              </div>
-            </div>
-            <input type="hidden" name="formid" value="{{ form_id }}">
-            <input type="hidden" name="pageno" value="{{ filters.page_no }}"> </form>
-            <div class="container px-0 mx-auto mt-10">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="py-3 px-6">Name</th>
-                      <th scope="col" class="py-3">Type</th>
-                    </tr>
-                  </thead>
-                  {% for s in strategies %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold w-96"> <a class="monospace bolder-t" href=/automationstrategy/{{ s[0] }}>{{ s[1] }}</a> </td>
-                    <td class="py-4 pr-5">{{ s[2] }} </td>
-                  </tr>
-                {% endfor %}
-              </table>
-              </div>
-            </div>
+       </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+   <div class="pb-6 ">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mx-auto">
+       <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+        <div class="px-6">
+         <div class="flex flex-wrap justify-end">
+          <div class="w-full md:w-auto p-1.5 ml-2">
+           <button name='clearfilters' value="Clear Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+            <svg class="mr-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+             <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+              <line x1="20" y1="2" x2="12.329" y2="11.506"></line>
+              <path d="M11,11a2,2,0,0,1,2,2,3.659,3.659,0,0,1-.2.891A9.958,9.958,0,0,0,13.258,23H1C1,16.373,4.373,11,11,11Z"></path>
+              <line x1="18" y1="15" x2="23" y2="15" stroke="#ffffff"></line>
+              <line x1="17" y1="19" x2="23" y2="19" stroke="#ffffff"></line>
+              <line x1="19" y1="23" x2="23" y2="23" stroke="#ffffff"></line>
+              <path d="M8.059,11.415A3.9,3.9,0,0,0,12,16c.041,0,.079-.011.12-.012" data-cap="butt"></path>
+              <path d="M5,23a13.279,13.279,0,0,1,.208-3.4" data-cap="butt"></path>
+              <path d="M9.042,23c-.688-1.083-.313-3.4-.313-3.4" data-cap="butt"></path>
+             </g>
+            </svg> Clear</button>
           </div>
+          <div class="w-full md:w-auto p-1.5 ml-2">
+           <button name="" value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+            <svg class="mr-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+             <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+              <rect x="2" y="2" width="7" height="7"></rect>
+              <rect x="15" y="15" width="7" height="7"></rect>
+              <rect x="2" y="15" width="7" height="7"></rect>
+              <polyline points="15 6 17 8 22 3" stroke="#ffffff"></polyline>
+             </g>
+            </svg>Apply Filters</button>
+          </div>
+         </div>
         </div>
+       </div>
       </div>
+     </div>
     </div>
-  </section>
-</div> 
+   </div>
+  </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+   <div class="border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="w-full mt-6 pb-6 overflow-x-auto">
+          <table class="w-full min-w-max text-sm">
+           <thead class="uppercase">
+            <tr class="text-left">
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Name</span>
+              </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Type</span>
+              </div>
+             </th>
+            </tr>
+           </thead>
+           {% for s in strategies %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold monospace">
+             <a href=/automationstrategy/{{ s[0] }}>{{ s[1] }}</a>
+            </td>
+            <td class="py-3 px-6">{{ s[2] }}</td>
+           </tr>
+           {% endfor %}
+          </table>
+         </div>
+        </div>
+       </div>
+      </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+   <div class="pb-6 ">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mx-auto">
+       <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+        <div class="px-6">
+         <div class="flex flex-wrap justify-end">
+          <div class="w-full md:w-auto p-1.5">
+           <button type="submit" name='pageback' value="Page Back" class="inline-flex items-center h-9 py-1 px-4 text-xs text-blue-50 font-semibold bg-blue-500 hover:bg-blue-600 rounded-lg transition duration-200 focus:ring-0 focus:outline-none">
+            <svg aria-hidden="true" class="mr-2 w-5 h-5" fill="#ffffff" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+             <path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
+            </svg>
+            <span>Page Back</span>
+           </button>
+          </div>
+          <div class="flex items-center">
+           <div class="w-full md:w-auto p-1.5">
+            <p class="text-sm font-heading dark:text-white">Page: {{ filters.page_no }}</p>
+           </div>
+          </div>
+          <div class="w-full md:w-auto p-1.5">
+           <button type="submit" name='pageforwards' value="Page Forwards" class="inline-flex items-center h-9 py-1 px-4 text-xs text-blue-50 font-semibold bg-blue-500 hover:bg-blue-600 rounded-lg transition duration-200 focus:ring-0 focus:outline-none">
+            <span>Page Forwards</span>
+            <svg aria-hidden="true" class="ml-2 w-5 h-5" fill="#ffffff" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+             <path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
+            </svg>
+           </button>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ <input type="hidden" name="formid" value="{{ form_id }}">
+ <input type="hidden" name="pageno" value="{{ filters.page_no }}">
+ </form>
+</div>
 {% include 'footer.html' %}
 </div>
 </body>
diff --git a/basicswap/templates/automation_strategy.html b/basicswap/templates/automation_strategy.html
index e09f4ba..a672e60 100644
--- a/basicswap/templates/automation_strategy.html
+++ b/basicswap/templates/automation_strategy.html
@@ -1,116 +1,171 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/automation">Automation Strategies</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/automation">ID: {{ strategy_id }}</a></li>
-        </ul>
-      </div>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/automation">Automation Strategies</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/automation">ID: <!-- todo ID here {{ strategy_id }} --></a>
+     </li>
+    </ul>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Automation Strategy {{ strategy_id }}</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">ID: <!-- todo ID here  {{ strategy_id }} -->
+      </p>
+     </div>
     </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Automation Strategy {{ strategy_id }}</h2></div>
-        </div>
-      </div>
-    </div>
-  </section>
-  {% include 'inc_messages.html' %}
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2 text-center ">
-            <form method="post" autocomplete="off">
-            <div class="container px-0 mx-auto mt-5">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="py-3 px-6">Option</th>
-                      <th scope="col" class="py-3">Type</th>
-                      <th scope="col"></th>
-                    </tr>
-                  </thead>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold w-96">Label</td>
-                    <td>{{ strategy.label }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold w-96">Type</td>
-                    <td>{{ strategy.type }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold w-96">Only known identities</td>
-                    <td>{{ strategy.only_known_identities }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold w-96">Data</td>
-                    <td class="py-4 pr-5">
-                      <textarea name="data" class="outline-none block p-2.5 text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 w-full monospace" rows="5" {% if not show_edit_form %}readonly{% endif %}>{{ strategy.data }}</textarea>
-                      <tr class="bg-white border-t hover:bg-gray-50">
-                        <td class="py-4 px-6 bold w-96">Notes</td>
-                        <td class="py-4 pr-5">
-                          <textarea name="note" class="outline-none block p-2.5 text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 w-full monospace" rows="5" {% if not show_edit_form %}readonly{% endif %}>{{ strategy.note }}</textarea>
-                        </td>
-                      </tr>
-                </table>
-              </div>
-            </div>
-            <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-              <div class="w-full md:w-0/12">
-                <div class="flex flex-wrap justify-end -m-1.5">
-                  {% if show_edit_form %}
-                  <div class="w-full md:w-auto p-1.5 ml-2">
-                    <button name="apply" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>Apply</button>
-                  </div>
-                  <div class="w-full md:w-auto p-1.5 ml-2">
-                    <button name="cancel" value="Cancel" type="submit"class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ef5844" stroke-linejoin="round" ><line x1="16" y1="8" x2="8" y2="16" stroke="#ef5844"></line> <line x1="16" y1="16" x2="8" y2="8" stroke="#ef5844"></line> <circle cx="12" cy="12" r="11"></circle></g></svg>Cancel</button>
-                  </div>
-                  {% else %}
-                  <div class="w-full md:w-auto p-1.5">
-                    <button name="edit" value="edit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-                    <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" ><line x1="2" y1="23" x2="22" y2="23" stroke="#ffffff"></line> <line data-cap="butt" x1="13" y1="5" x2="17" y2="9"></line> <polygon points="8 18 3 19 4 14 16 2 20 6 8 18"></polygon></g></svg>Edit</button>
-                  </div>
-                  <div class="w-full md:w-auto p-1.5 ml-2">
-                    <a href="/automation" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-non"><svg class="text-gray-500 w-5 h-5 mr-2" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="square" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line data-cap="butt" x1="18" y1="12" x2="7" y2="12" stroke-linecap="butt" stroke="#556987"></line> <polyline points=" 11,16 7,12 11,8 " stroke="#5569878"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg> <span>Back</span> </a>
-                  </div>
-                  {% endif %}
-                </div>
-              </div>
-            </div>
-            <input type="hidden" name="formid" value="{{ form_id }}">
-            </form>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <section>
+  <form method="post" autocomplete="off">
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden min-height-50">
+    <div class="border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="w-full min-w-max text-sm">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl  bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Options</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Type</span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Label</td>
+             <td class="py-3 px-6">{{ strategy.label }}</td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Type</td>
+             <td class="py-3 px-6">{{ strategy.type }}</td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Only known identities</td>
+             <td class="py-3 px-6">{{ strategy.only_known_identities }}</td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Data</td>
+             <td class="py-3 px-6">
+              <textarea name="data" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0 monospace" rows="20" {% if not show_edit_form %}readonly{% endif %}>{{ strategy.data }}</textarea>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Notes</td>
+             <td class="py-3 px-6">
+              <textarea name="note" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0 monospace" rows="20" {% if not show_edit_form %}readonly{% endif %}>{{ strategy.note }}</textarea>
+             </td>
+            </tr>
+           </table>
           </div>
+         </div>
         </div>
+       </div>
       </div>
+     </div>
     </div>
-  </section>
+   </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+   <div class="pb-6 ">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mx-auto">
+       <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+        <div class="px-6">
+         <div class="flex flex-wrap justify-end">
+          {% if show_edit_form %}
+          <div class="w-full md:w-auto p-1.5 ml-2">
+           <button name="apply" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+            <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+             <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+              <polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline>
+              <circle cx="12" cy="12" r="11"></circle>
+             </g>
+            </svg>Apply</button>
+          </div>
+          <div class="w-full md:w-auto p-1.5 ml-2">
+           <button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-red-500 hover:bg-red-600 font-medium text-sm text-white border border-red-500 rounded-md shadow-button focus:ring-0 focus:outline-none" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ef5844" stroke-linejoin="round">
+             <line x1="16" y1="8" x2="8" y2="16" stroke="#ef5844"></line>
+             <line x1="16" y1="16" x2="8" y2="8" stroke="#ef5844"></line>
+             <circle cx="12" cy="12" r="11"></circle>
+            </g>
+            </svg>Cancel</button>
+          </div> {% else %} <div class="w-full md:w-auto p-1.5">
+           <button name="edit" value="edit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+            <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+             <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+              <line x1="2" y1="23" x2="22" y2="23" stroke="#ffffff"></line>
+              <line data-cap="butt" x1="13" y1="5" x2="17" y2="9"></line>
+              <polygon points="8 18 3 19 4 14 16 2 20 6 8 18"></polygon>
+             </g>
+            </svg>Edit</button>
+          </div>
+          <div class="w-full md:w-auto p-1.5 ml-2">
+           <a href="/automation" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+            <svg class="text-gray-500 w-5 h-5 mr-2" height="24" width="24" viewBox="0 0 24 24">
+             <g stroke-linecap="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10">
+              <line data-cap="butt" x1="18" y1="12" x2="7" y2="12" stroke-linecap="butt" stroke="#ffffff"></line>
+              <polyline points=" 11,16 7,12 11,8 " stroke="#ffffff"></polyline>
+              <circle cx="12" cy="12" r="11"></circle>
+             </g>
+            </svg>
+            <span>Back</span>
+           </a>
+          </div>
+          {% endif %}
+          <input type="hidden" name="formid" value="{{ form_id }}">
+          </form>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
 </div>
 {% include 'footer.html' %}
 </div>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/basicswap/templates/automation_strategy_new.html b/basicswap/templates/automation_strategy_new.html
index d70781d..ac448d0 100644
--- a/basicswap/templates/automation_strategy_new.html
+++ b/basicswap/templates/automation_strategy_new.html
@@ -1,54 +1,61 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
+   <section class="p-5 mt-5">
     <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/automation">Automation Strategies</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/newautomationstrategy">New</a></li>
-        </ul>
-      </div>
+     <div class="w-full md:w-1/2 p-2">
+      <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+       <li>
+        <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+         <p>Home</p>
+        </a>
+       <li>
+        <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+         <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+        </svg>
+       </li>
+       <li>
+        <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/automation">Automation Strategies</a>
+       </li>
+       <li>
+        <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+         <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+        </svg>
+       </li>
+       <li>
+        <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/newautomationstrategy">New</a>
+       </li>
+      </ul>
+      </ul>
+     </div>
     </div>
-  </section>
-  <section class="py-4">
+   </section>
+   <section class="py-4">
     <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">New Automation Strategy (todo)</h2></div>
-        </div>
+     <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+      <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+      <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+      <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+      <div class="relative z-20 flex flex-wrap items-center -m-3">
+       <div class="w-full md:w-1/2 p-3">
+        <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">New Automation Strategy</h2>
+        <p class="font-normal text-coolGray-200 dark:text-white">Todo <!-- todo -->
+        </p>
+       </div>
       </div>
+     </div>
     </div>
-  </section>
-{% include 'inc_messages.html' %}
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2 text-center "> </div>
-        </div>
+   </section>
+   {% include 'inc_messages.html' %}
+   <section>
+    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden">
+     <div class="pb-6 border-coolGray-100">
+      <div class="flex flex-wrap items-center justify-between -m-2">
+       <div class="w-full pt-2 text-center "></div>
       </div>
+     </div>
     </div>
-  </section>
-</div>
+   </section>
+  </div>
 {% include 'footer.html' %}
 </div>
 </body>
diff --git a/basicswap/templates/bid.html b/basicswap/templates/bid.html
index 743a8a2..0f987ac 100644
--- a/basicswap/templates/bid.html
+++ b/basicswap/templates/bid.html
@@ -1,454 +1,592 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="#">Bids</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="{{ bid_id }}">BID ID: {{ bid_id }}</a></li>
-        </ul>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="#">Bids (DEFAULT)</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="{{ bid_id }}">BID ID: {{ bid_id }}</a>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-3">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Bid {% if debug_mode == true %} (Debug: bid template) {% endif %}</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Bid ID: {{ bid_id }}</p>
+     </div>
+     <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto"> {% if refresh %} <a id="refresh" href="/bid/{{ bid_id }}" class="flex flex-wrap justify-center px-5 py-3 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border dark:bg-gray-500 dark:hover:bg-gray-700 border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+        <g fill="#ffffff">
+         <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+         <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+        </g>
+       </svg>
+       <span>Refresh {{ refresh }} seconds</span>
+      </a> {% else %} <a id="refresh" href="/bid/{{ bid_id }}" class="flex flex-wrap justify-center px-5 py-3 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border dark:bg-gray-500 dark:hover:bg-gray-700 border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+        <g fill="#ffffff">
+         <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+         <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+        </g>
+       </svg>
+       <span>Refresh</span>
+      </a>
+    {% endif %}
       </div>
     </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Bid
-              {% if debug_mode == true %}
-              (Debug: bid template)
-              {% endif %}
-            </h2>
-            <p class="font-semibold text-coolGray-200">Bid ID: {{ bid_id }}</p>
-          </div>
-          <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
-            {% if refresh %}
-            <a id="refresh" href="/bid/{{ bid_id }}" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g fill="#ffffff">
-                  <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                  <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                </g>
-              </svg><span>Refresh {{ refresh }} seconds</span></a>
-              {% else %}
-            <a id="refresh" href="/bid/{{ bid_id }}" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g fill="#ffffff">
-                  <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                  <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                </g>
-              </svg><span>Refresh</span> </a>
-            {% endif %}
-          </div>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden">
+   <div class="pb-6 border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="w-full mt-6 pb-6 overflow-x-auto">
+          <table class="w-full min-w-max text-sm">
+           <thead class="uppercase">
+            <tr class="text-left">
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Options</span>
+              </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Details</span>
+              </div>
+             </th>
+            </tr>
+           </thead>
+           {% if data.was_sent == 'True' %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Swap</td>
+            <td class="py-3 px-6">
+             <div class="content flex py-2">
+              <span class="bold">{{ data.amt_to }} {{ data.ticker_to }}</span>
+              <svg aria-hidden="true " class="w-5 h-5 ml-3 mr-3" fill="currentColor " viewBox="0 0 20 20 " xmlns="http://www.w3.org/2000/svg ">
+               <path fill-rule="evenodd " d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z " clip-rule="evenodd "></path>
+              </svg>
+              <span class="text-xs bold">{{ data.amt_from }} {{ data.ticker_from }}</span>
+             </div>
+            </td>
+           </tr>
+           {% else %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Swap</td>
+            <td class="py-3 px-6">
+             <div class="content flex py-2">
+              <span class="bold">{{ data.amt_from }} {{ data.ticker_from }}</span>
+              <svg aria-hidden="true " class="w-5 h-5 ml-3 mr-3" fill="currentColor " viewBox="0 0 20 20 " xmlns="http://www.w3.org/2000/svg ">
+               <path fill-rule="evenodd " d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z " clip-rule="evenodd "></path>
+              </svg>
+              <span class="bold">{{ data.amt_to }} {{ data.ticker_to }}</span>
+             </div>
+            </td>
+           </tr>
+           {% endif %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Bid Rate</td>
+            <td class="py-3 px-6">{{ data.bid_rate }}</td>
+           </tr>
+           {% if data.was_sent == 'True' %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">You Send</td>
+            <td class="py-3 px-6">
+             <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
+              <img class="h-7" src="/static/images/coins/{{ data.coin_to }}.png" alt="{{ data.coin_to }}">
+             </span>{{ data.coin_to }}
+            </td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">You Get</td>
+            <td class="py-3 px-6">
+             <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
+              <img class="h-7" src="/static/images/coins/{{ data.coin_from }}.png" alt="{{ data.coin_from }}">
+             </span>{{ data.coin_from }}
+            </td>
+           </tr> {% else %} <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">You Send</td>
+            <td class="py-3 px-6">
+             <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
+              <img class="h-7" src="/static/images/coins/{{ data.coin_from }}.png" alt="{{ data.coin_from }}">
+             </span>{{ data.coin_from }}
+            </td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">You Get</td>
+            <td class="py-3 px-6">
+             <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
+              <img class="h-7" src="/static/images/coins/{{ data.coin_to }}.png" alt="{{ data.coin_to }}">
+             </span>{{ data.coin_to }}
+            </td>
+           </tr> {% endif %} <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Bid State</td>
+            <td class="py-3 px-6">{{ data.bid_state }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">State Description </td>
+            <td class="py-3 px-6">{{ data.state_description }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Offer</td>
+            <td class="py-3 px-6">
+             <a class="monospace bold select-all" href="/offer/{{ data.offer_id }}">{{ data.offer_id }}</a>
+            </td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Address From</td>
+            <td class="py-3 px-6">
+             <a class="monospace bold select-all" href="/identity/{{ data.addr_from }}">{{ data.addr_from }}</a> {{ data.addr_from_label }}
+            </td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="flex items-center px-46 whitespace-nowrap">
+             <svg alt="" class="w-5 h-5 rounded-full ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3B82F6" stroke-linejoin="round">
+               <circle cx="12" cy="12" r="11"></circle>
+               <polyline points=" 12,6 12,12 18,12 " stroke="#3B82F6"></polyline>
+              </g>
+             </svg>
+             <div class="py-3 pl-2 bold">
+              <div>Created At</div>
+             </div>
+            </td>
+            <td class="py-3 px-6">{{ data.created_at }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="flex items-center px-46 whitespace-nowrap">
+             <svg alt="" class="w-5 h-5 rounded-full  ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
+               <circle cx="12" cy="12" r="11"></circle>
+               <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
+              </g>
+             </svg>
+             <div class="py-3 pl-2 bold">
+              <div>Expired At</div>
+             </div>
+            </td>
+            <td class="py-3 px-6">{{ data.expired_at }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Sent</td>
+            <td class="py-3 px-6">{{ data.was_sent }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Received</td>
+            <td class="py-3 px-6">{{ data.was_received }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Initiate Tx</td>
+            <td class="py-3 px-6 monospace">{{ data.initiate_tx }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Initiate Conf</td>
+            <td class="py-3 px-6">{{ data.initiate_conf }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Participate Tx</td>
+            <td class="py-3 px-6 monospace">{{ data.participate_tx }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Participate Conf</td>
+            <td class="py-3 px-6">{{ data.participate_conf }}</td>
+           </tr>
+           {% if data.show_txns %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Initiate Tx Refund</td>
+            <td class="py-3 px-6 monospace">{{ data.initiate_tx_refund }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Participate Tx Refund</td>
+            <td class="py-3 px-6 monospace">{{ data.participate_tx_refund }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Initiate Tx Spend Tx</td>
+            <td class="py-3 px-6 monospace">{{ data.initiate_tx_spend }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Participate Tx Spend Tx</td>
+            <td class="py-3 px-6 monospace">{{ data.participate_tx_spend }}</td>
+           </tr>
+           {% endif %}
+          </table>
+         </div>
         </div>
+        </table>
+       </div>
       </div>
+     </div>
+ </section>
+ <section class="p-6">
+  <div class="flex flex-wrap items-center">
+   <div class="w-full">
+    <h4 class="font-semibold text-black dark:text-white text-2xl">Old states</h4>
+   </div>
+  </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+   <div class="pb-6 border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="w-full mt-6 pb-6 overflow-x-auto">
+          <table class="w-full min-w-max text-sm">
+           <thead class="uppercase">
+            <tr class="text-left">
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Set at time</span>
+              </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Old states</span>
+              </div>
+             </th>
+            </tr>
+           </thead>
+           {% for s in old_states %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="flex items-center whitespace-nowrap">
+             <svg alt="" class="w-5 h-5 rounded-full  ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
+               <circle cx="12" cy="12" r="11"></circle>
+               <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
+              </g>
+             </svg>
+             <div class="py-3 pl-2 bold">
+              <div>{{ s[0] | formatts }}</div>
+             </div>
+            </td>
+            <td class="py-3 px-6">{{ s[1] }}</td>
+           </tr>
+           {% endfor %}
+          </table>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
     </div>
+   </div>
+  </div>
+ </section>
+ {% if data.events %}
+ <section class="p-6">
+  <div class="flex flex-wrap items-center">
+   <div class="w-full">
+    <h4 class="font-semibold text-black dark:text-white text-2xl">Events</h4>
+   </div>
+  </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+   <div class="pb-6 border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="w-full mt-6 pb-6 overflow-x-auto">
+          <table class="w-full min-w-max text-sm">
+           <thead class="uppercase">
+            <tr class="text-left">
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Time</span>
+              </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Events</span>
+              </div>
+             </th>
+            </tr>
+           </thead>
+           {% for e in data.events %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="flex items-center px-46 whitespace-nowrap">
+             <svg alt="" class="w-5 h-5 rounded-full  ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
+               <circle cx="12" cy="12" r="11"></circle>
+               <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
+              </g>
+             </svg>
+             <div class="py-3 pl-2 bold">
+              <div>{{ e.at | formatts }}</div>
+             </div>
+            </td>
+            <td class="py-3 px-6">{{ e.desc }}</td>
+           </tr>
+           {% endfor %}
+          </table>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ {% else %}
+ {% endif %}
+ <form method="post"> {% if data.show_bidder_seq_diagram %} <section class="p-6">
+   <div class="flex flex-wrap items-center">
+    <div class="w-full">
+     <h4 class="font-semibold text-black dark:text-white text-2xl">Bidder Sequence Diagram</h4>
+    </div>
+   </div>
   </section>
-  {% include 'inc_messages.html' %}
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2">
-            <div class="container px-0 mx-auto mt-5">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="py-3 px-6 w-1/3">Details</th>
-                      <th scope="col"></th>
-                    </tr>
-                  </thead>
-                  {% if data.was_sent == 'True' %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Swap</td>
-                    <td>
-                      <div class="content flex py-2">
-                      <span class="bold">{{ data.amt_to }} {{ data.ticker_to }}</span>
-                      <svg aria-hidden="true " class="w-5 h-5 ml-3 mr-3" fill="currentColor " viewBox="0 0 20 20 " xmlns="http://www.w3.org/2000/svg ">
-                      <path fill-rule="evenodd " d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z " clip-rule="evenodd "></path></svg>
-                       <span class="bold">{{ data.amt_from }} {{ data.ticker_from }}</span>
-                      </div>
-                    </td>
-                  </tr>
-                  {% else %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Swap</td>
-                    <td>
-                      <div class="content flex py-2">
-                      <span class="bold">{{ data.amt_from }} {{ data.ticker_from }}</span>
-                      <svg aria-hidden="true " class="w-5 h-5 ml-3 mr-3" fill="currentColor " viewBox="0 0 20 20 " xmlns="http://www.w3.org/2000/svg ">
-                      <path fill-rule="evenodd " d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z " clip-rule="evenodd "></path></svg>
-                       <span class="bold">{{ data.amt_to }} {{ data.ticker_to }}</span>
-                      </div>
-                    </td>
-                  </tr>
-                  {% endif %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Bid Rate</td>
-                    <td>{{ data.bid_rate }}</td>
-                  </tr>
-                  {% if data.was_sent == 'True' %}
-                   <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">You Send </td>
-                    <td> <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
-                      <img class="h-7" src="/static/images/coins/{{ data.coin_to }}.png" alt="{{ data.coin_to }}">
-                    </span> {{ data.coin_to }} </td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">You Get</td>
-                    <td> <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
-                      <img class="h-7" src="/static/images/coins/{{ data.coin_from }}.png" alt="{{ data.coin_from }}">
-                    </span> {{ data.coin_from }} </td>
-                  </tr>
-                  {% else %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">You Send</td>
-                    <td> <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
-                      <img class="h-7" src="/static/images/coins/{{ data.coin_from }}.png" alt="{{ data.coin_from }}">
-                    </span> {{ data.coin_from }} </td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">You Get</td>
-                    <td> <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
-                      <img class="h-7" src="/static/images/coins/{{ data.coin_to }}.png" alt="{{ data.coin_to }}">
-                    </span> {{ data.coin_to }} </td>
-                  </tr>
-                  {% endif %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Bid State</td>
-                    <td>{{ data.bid_state }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">State Description </td>
-                    <td>{{ data.state_description }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">ITX State</td>
-                    <td>{{ data.itx_state }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">PTX State</td>
-                    <td>{{ data.ptx_state }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Offer</td>
-                    <td><a class="monospace bold select-all" href="/offer/{{ data.offer_id }}">{{ data.offer_id }}</a></td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Address From</td>
-                    <td><a class="monospace bold select-all" href="/identity/{{ data.addr_from }}">{{ data.addr_from }}</a> {{ data.addr_from_label }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Proof of Funds</td>
-                    <td>{{ data.proof_address }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td scope="row" class="flex items-center px-46 whitespace-nowrap">
-                      <svg alt="" class="w-5 h-5 rounded-full ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
-                          <circle cx="12" cy="12" r="11"></circle>
-                          <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
-                        </g>
-                      </svg>
-                      <div class="py-4 pl-2 bold">
-                        <div>Created At</div>
-                      </div>
-                    </td>
-                    <td>{{ data.created_at }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td scope="row" class="flex items-center px-46 whitespace-nowrap">
-                      <svg alt="" class="w-5 h-5 rounded-full  ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
-                          <circle cx="12" cy="12" r="11"></circle>
-                          <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
-                        </g>
-                      </svg>
-                      <div class="py-4 pl-2 bold">
-                        <div>Expired At</div>
-                      </div>
-                    </td>
-                    <td>{{ data.expired_at }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Sent</td>
-                    <td>{{ data.was_sent }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Received</td>
-                    <td>{{ data.was_received }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Initiate Tx</td>
-                    <td class="monospace">{{ data.initiate_tx }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Initiate Conf</td>
-                    <td>{{ data.initiate_conf }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Participate Tx</td>
-                    <td class="monospace">{{ data.participate_tx }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Participate Conf</td>
-                    <td>{{ data.participate_conf }}</td>
-                  </tr>
-                  {% if data.show_txns %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Initiate Tx Refund</td>
-                    <td class="monospace">{{ data.initiate_tx_refund }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Participate Tx Refund</td>
-                    <td class="monospace">{{ data.participate_tx_refund }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Initiate Tx Spend Tx</td>
-                    <td class="monospace">{{ data.initiate_tx_spend }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Participate Tx Spend Tx</td>
-                    <td class="monospace">{{ data.participate_tx_spend }}</td>
-                  </tr>
-                {% endif %}
-              </table>
-              </div>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="pb-6 border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <div class="overflow-x-auto items-center justify-center relative">
+            <div class="flex items-center justify-center min-h-screen">
+             <div class="flex items-center justify-between text-white">
+              <img class="h-full py-2 pr-4 ml-8" src="/static/sequence_diagrams/bidder.alt.xu.min.svg">
+             </div>
             </div>
-            <section class="bg-white p-6">
-              <div class="flex flex-wrap items-center">
-                <div class="w-full">
-                  <h4 class="font-semibold text-black text-2xl">Old states</h4> </div>
-              </div>
-            </section>
-            <div class="container px-0 mx-auto">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="py-3 px-6">Old States</th>
-                      <th scope="col">Set at Time</th>
-                    </tr>
-                  </thead>
-                  {% for s in old_states %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-3 px-6 w-1/3 bold"> {{ s[1] }}</td>
-                    <td scope="row" class="flex items-center px-46 whitespace-nowrap">
-                      <svg alt="" class="w-5 h-5 rounded-full  mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
-                          <circle cx="12" cy="12" r="11"></circle>
-                          <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
-                        </g>
-                      </svg>
-                      <div class="py-4 pr-2">
-                        <div>{{ s[0] | formatts }}</div>
-                      </div>
-                    </td>
-                  </tr>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </section>
+  {% endif %}
+  {% if data.show_offerer_seq_diagram %}
+  <section class="p-6">
+   <div class="flex flex-wrap items-center">
+    <div class="w-full">
+     <h4 class="font-semibold text-black dark:text-white text-2xl">Offerer Sequence Diagram</h4>
+    </div>
+   </div>
+  </section>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="pb-6 border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <div class="overflow-x-auto items-center justify-center relative">
+            <div class="flex items-center justify-center min-h-screen">
+             <div class="flex items-center justify-between text-white">
+              <img class="h-full py-2 pr-4 ml-8" src="/static/sequence_diagrams/offerer.alt.xu.min.svg">
+             </div>
+            </div>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </section>
+  {% endif %}
+  {% if edit_bid %}
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="pb-6 border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="w-full min-w-max text-sm">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Option</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Settings</span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Change Bid State:</td>
+             <td class="py-3 px-6">
+              <div class="relative">
+               <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+               </svg>
+               <select class="bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-" name="new_state">
+                {% for s in data.bid_states %}
+                <option value="{{ s[0] }}" {% if data.bid_state_ind==s[0] %} selected{% endif %}>{{ s[1] }}</option>
                 {% endfor %}
-              </table>
+                </select>
               </div>
-            </div> {% if data.events %}
-            <section class="bg-white p-6">
-              <div class="flex flex-wrap items-center">
-                <div class="w-full">
-                  <h4 class="font-semibold text-black text-2xl">Events</h4> </div>
+             </td>
+            </tr>
+            {% if data.debug_ui == true %}
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Debug Option</td>
+             <td class="py-3 px-6">
+              <div class="relative">
+               <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+               </svg>
+               <select class="bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-" name="debugind">
+                <option{% if data.debug_ind=="-1" %} selected{% endif %} value="-1">None</option>
+                {% for a in data.debug_options %} 
+                <option{% if data.debug_ind==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
+                {% endfor %}
+               </select>
               </div>
-            </section>
-            <div class="container px-0 mx-auto">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="w-1/3 py-3 px-6 bold">Time</th>
-                      <th scope="col">Events</th>
-                    </tr>
-                  </thead>
-                  {% for e in data.events %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td scope="row" class="flex items-center px-46 whitespace-nowrap">
-                      <svg alt="" class="w-5 h-5 rounded-full  ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
-                          <circle cx="12" cy="12" r="11"></circle>
-                          <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
-                        </g>
-                      </svg>
-                      <div class="py-4 pl-2 bold">
-                        <div>{{ e.at | formatts }}</div>
-                      </div>
-                    </td>
-                    <td>{{ e.desc }}</td>
-                  </tr> {% endfor %} </table>
-              </div>
-            </div>
-            {% else %}
-             {% endif %}
-            <form method="post">
-              <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-                <div class="w-full md:w-0/12">
-                  <div class="flex flex-wrap justify-end -m-1.5">
-                    {% if edit_bid %}
-                    <table class="mt-1">
-                      <tr>
-                        <td class="pr-2 bold">Change Bid State:</td>
-                        <td>
-                          <div class="relative">
-                                <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                  <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                                </svg>
-                          <select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="new_state">
-                            {% for s in data.bid_states %}
-                            <option value="{{ s[0] }}" {% if data.bid_state_ind==s[0] %} selected{% endif %}>{{ s[1] }}</option>
-                          {% endfor %}
-                        </select>
-                         </div>
-                        </td>
-                      </tr>
-                      {% if data.debug_ui == true %}
-                      <tr>
-                        <td class="py-6 pr-2 bold">Debug Option:</td>
-                        <td>
-                        <div class="relative">
-                                <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                  <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                                </svg>
-                          <select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="debugind">
-                            <option{% if data.debug_ind=="-1" %} selected{% endif %} value="-1">None</option>
-                              {% for a in data.debug_options %}
-                              <option{% if data.debug_ind==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
-                              {% endfor %}
-                            </select>
-                          </div>
-                        </td>
-                      </tr>
-                    {% endif %}
-                  </table>
-                    <div class="w-full md:w-auto p-1.5 ml-2">
-                      <button name="edit_bid_cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ef5844" stroke-linejoin="round" ><line x1="16" y1="8" x2="8" y2="16" stroke="#ef5844"></line> <line x1="16" y1="16" x2="8" y2="8" stroke="#ef5844"></line> <circle cx="12" cy="12" r="11"></circle></g></svg> Cancel </button>
-                    </div>
-                    <div class="w-full md:w-auto p-1.5">
-                      <button name="edit_bid_submit" value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
- <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><line x1="2" y1="23" x2="22" y2="23" stroke="#556987"></line> <line data-cap="butt" x1="13" y1="5" x2="17" y2="9"></line> <polygon points="8 18 3 19 4 14 16 2 20 6 8 18"></polygon></g></svg> Submit Edit </button>
-                    </div>
-                    {% else %}
+             </td>
+            </tr>
+              {% endif %}
+           </table>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </section>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="pb-6 border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="flex flex-wrap justify-end">
+           <div class="w-full md:w-auto p-1.5">
+            <button name="edit_bid_cancel" value="Cancel" type="submit" class="lex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Cancel</button>
+           </div>
+           <div class="w-full md:w-auto p-1.5">
+            <button name="edit_bid_submit" value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">Submit Edit</button>
+           </div>
+           {% else %}
+           <section>
+            <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+             <div class="pb-6 border-coolGray-100">
+              <div class="flex flex-wrap items-center justify-between -m-2">
+               <div class="w-full pt-2">
+                <div class="container mt-5 mx-auto">
+                 <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+                  <div class="px-6">
+                   <div class="flex flex-wrap justify-end">
                     {% if data.show_bidder_seq_diagram %}
                     <div class="w-full md:w-auto p-1.5">
-                      <button name="hide_bidder_seq_diagram" type="submit" value="Hide Bidder Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><rect x="2" y="2" width="8" height="4"></rect><rect x="2" y="18" width="8" height="4"></rect><line x1="6" y1="9" x2="6" y2="15"></line><polyline points="13 4 17 4 17 6"></polyline><polyline points="13 20 17 20 17 18"></polyline><polygon points="12 12 17 9 22 12 17 15 12 12" stroke="#556987"></polygon></g></svg> Hide Bidder Sequence Diagram </button>
+                     <button name="hide_bidder_seq_diagram" type="submit" value="Hide Bidder Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Hide Bidder Sequence Diagram</button>
                     </div>
                     {% else %}
                     <div class="w-full md:w-auto p-1.5">
-                      <button name="show_bidder_seq_diagram" type="submit" value="Show Bidder Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><rect x="2" y="2" width="8" height="4"></rect><rect x="2" y="18" width="8" height="4"></rect><line x1="6" y1="9" x2="6" y2="15"></line><polyline points="13 4 17 4 17 6"></polyline><polyline points="13 20 17 20 17 18"></polyline><polygon points="12 12 17 9 22 12 17 15 12 12" stroke="#556987"></polygon></g></svg> Show Bidder Sequence Diagram </button>
+                     <button name="show_bidder_seq_diagram" type="submit" value="Show Bidder Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Show Bidder Sequence Diagram</button>
                     </div>
                     {% endif %}
                     {% if data.show_offerer_seq_diagram %}
                     <div class="w-full md:w-auto p-1.5">
-                      <button name="hide_offerer_seq_diagram" type="submit" value="Hide Offerer Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><rect x="2" y="2" width="8" height="4"></rect><rect x="2" y="18" width="8" height="4"></rect><line x1="6" y1="9" x2="6" y2="15"></line><polyline points="13 4 17 4 17 6"></polyline><polyline points="13 20 17 20 17 18"></polyline><polygon points="12 12 17 9 22 12 17 15 12 12" stroke="#556987"></polygon></g></svg> Hide Offerer Sequence Diagram </button>
+                     <button name="hide_offerer_seq_diagram" type="submit" value="Hide Offerer Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Hide Offerer Sequence Diagram</button>
                     </div>
                     {% else %}
                     <div class="w-full md:w-auto p-1.5">
-                      <button name="show_offerer_seq_diagram" type="submit" value="Show Offerer Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><rect x="2" y="2" width="8" height="4"></rect><rect x="2" y="18" width="8" height="4"></rect><line x1="6" y1="9" x2="6" y2="15"></line><polyline points="13 4 17 4 17 6"></polyline><polyline points="13 20 17 20 17 18"></polyline><polygon points="12 12 17 9 22 12 17 15 12 12" stroke="#556987"></polygon></g></svg> Show Offerer Sequence Diagram </button>
-                    </div>
-                    {% endif %}
-                    {% if data.can_abandon == true %}
-                    <div class="w-full md:w-auto p-1.5">
-                      <button name="abandon_bid" type="submit" value="Abandon Bid" onclick="return confirmPopup();" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ef5844" stroke-linejoin="round" ><line x1="16" y1="8" x2="8" y2="16" stroke="#ef5844"></line> <line x1="16" y1="16" x2="8" y2="8" stroke="#ef5844"></line> <circle cx="12" cy="12" r="11"></circle></g></svg> Abandon Bid </button>
+                     <button name="show_offerer_seq_diagram" type="submit" value="Show Offerer Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Show Offerer Sequence Diagram</button>
                     </div>
                     {% endif %}
                     {% if data.show_txns %}
                     <div class="w-full md:w-auto p-1.5">
-                      <button name="hide_txns" type="submit" value="Hide Info" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><circle cx="12" cy="12" r="11"></circle><line x1="12" y1="11" x2="12" y2="17" stroke="#556987"></line><circle cx="12" cy="7" r="1" stroke="none" fill="#556987"></circle></g></svg> Hide info </button>
+                     <button name="hide_txns" type="submit" value="Hide Info" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Hide More info</button>
                     </div>
                     {% else %}
                     <div class="w-full md:w-auto p-1.5">
-                      <button name="show_txns" type="submit" value="Show More Info" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><circle cx="12" cy="12" r="11"></circle><line x1="12" y1="11" x2="12" y2="17" stroke="#556987"></line><circle cx="12" cy="7" r="1" stroke="none" fill="#556987"></circle></g></svg> Show More Info </button>
+                     <button name="show_txns" type="submit" value="Show More Info" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Show More Info </button>
                     </div>
                     {% endif %}
                     <div class="w-full md:w-auto p-1.5">
-                      <button name="edit_bid" type="submit" value="Edit Bid" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
- <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><line x1="2" y1="23" x2="22" y2="23" stroke="#556987"></line> <line data-cap="butt" x1="13" y1="5" x2="17" y2="9"></line> <polygon points="8 18 3 19 4 14 16 2 20 6 8 18"></polygon></g></svg> Edit bid </button>
+                     <button name="edit_bid" type="submit" value="Edit Bid" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Edit Bid</button>
                     </div>
                     {% endif %}
-                    {% if data.was_received == 'True' %}
+                    {% if data.can_abandon == true and not edit_bid %}
                     <div class="w-full md:w-auto p-1.5">
-                      <button name="accept_bid" value="Accept Bid" type="submit" onclick='return confirmPopup("Accept");' class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg> Accept Bid </button>
+                     <button name="abandon_bid" type="submit" value="Abandon Bid" onclick="return confirmPopup();" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-white hover:text-red border border-red-500 hover:border-red-500 hover:bg-red-600 bg-red-500 rounded-md shadow-button focus:ring-0 focus:outline-none">Abandon Bid</button>
+                    </div>
+                    {% endif %}
+                     {% if data.was_received == 'True' and not edit_bid %}                 
+                    <div class="w-full md:w-auto p-1.5">
+                     <button name="accept_bid" value="Accept Bid" type="submit" onclick='return confirmPopup("Accept");' class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">Accept Bid</button>
+                    </div>
+                    {% endif %}
                     </div>
-                  {% endif %}
-                </div>
-                </div>
-              </div>
-              <input type="hidden" name="formid" value="{{ form_id }}"> </form>
-              {% if data.show_bidder_seq_diagram %}
-            <section class="bg-white p-6">
-              <div class="flex flex-wrap items-center">
-                <div class="w-full">
-                  <h4 class="font-semibold text-black text-2xl">Bidder Sequence Diagram</h4></div>
-              </div>
-            </section>
-            <section>
-              <div class="container mx-auto">
-                <div class="overflow-x-auto items-center justify-center relative border sm:rounded-lg p-10">
-                  <div class="flex items-center justify-center min-h-screen">
-                    <div class="flex items-center justify-between text-white"> <img class="h-full py-2 pr-4 ml-8" src="/static/sequence_diagrams/bidder.alt.xu.min.svg"> </div>
                   </div>
+                 </div>
                 </div>
-            </section>
-            {% endif %}
-            {% if data.show_offerer_seq_diagram %}
-            <section class="bg-white p-6">
-              <div class="flex flex-wrap items-center">
-                <div class="w-full">
-                  <h4 class="font-semibold text-black text-2xl">Offerer Sequence Diagram</h4></div>
+               </div>
               </div>
-            </section>
-            <section>
-              <div class="container mx-auto">
-                <div class="overflow-x-auto items-center justify-center relative border sm:rounded-lg p-10">
-                  <div class="flex items-center justify-center min-h-screen">
-                    <div class="flex items-center justify-between text-white"> <img class="h-full py-2 pr-4 ml-8" src="/static/sequence_diagrams/offerer.alt.xu.min.svg"> </div>
-                  </div>
-                </div>
-            </section>
-          {% endif %}
-        </div>
+             </div>
             </div>
+           </section>
+           <input type="hidden" name="formid" value="{{ form_id }}">
           </div>
+         </div>
         </div>
-  </section>
-  <script>
-    function confirmPopup() {
-      return confirm("Are you sure?");
-    }
-  </script>
-  </div>
+       </div>
+ </form>
+ <script>
+  function confirmPopup(name) {
+   return confirm(name + " Bid - Are you sure?");
+  }
+ </script>
+</div>
 {% include 'footer.html' %}
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/basicswap/templates/bid_xmr.html b/basicswap/templates/bid_xmr.html
index 2e9cc34..789c7fb 100644
--- a/basicswap/templates/bid_xmr.html
+++ b/basicswap/templates/bid_xmr.html
@@ -1,581 +1,851 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="#">Bids</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="{{ bid_id }}">BID ID: {{ bid_id }}</a></li>
-        </ul>
-      </div>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="#">Bids (XMR)</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="{{ bid_id }}">BID ID: {{ bid_id }}</a>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-3">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Bid {% if debug_mode == true %} (Debug: bid_xmr template) {% endif %}</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Bid ID: {{ bid_id }}</p>
+     </div>
+     <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto"> {% if refresh %} <a id="refresh" href="/bid/{{ bid_id }}" class="flex flex-wrap justify-center px-5 py-3 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border dark:bg-gray-500 dark:hover:bg-gray-700 border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+        <g fill="#ffffff">
+         <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+         <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+        </g>
+       </svg>
+       <span>Refresh {{ refresh }} seconds</span>
+      </a>
+      {% else %}
+      <a id="refresh" href="/bid/{{ bid_id }}" class="flex flex-wrap justify-center px-5 py-3 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border dark:bg-gray-500 dark:hover:bg-gray-700 border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+        <g fill="#ffffff">
+         <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+         <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+        </g>
+       </svg>
+       <span>Refresh</span>
+      </a>
+    {% endif %}
+  </div>
     </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Bid
-              {% if debug_mode == true %}
-              (Debug: bid_xmr template)
-              {% endif %}</h2>
-            <p class="font-semibold text-coolGray-200">Bid ID: {{ bid_id }}</p>
-          </div>
-          <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
-            {% if refresh %}
-            <a id="refresh" href="/bid/{{ bid_id }}" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g fill="#ffffff" >
-                  <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                  <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                </g>
-              </svg><span>Refresh {{ refresh }} seconds</span></a>
-              {% else %}
-            <a id="refresh" href="/bid/{{ bid_id }}" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g fill="#ffffff" >
-                  <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                  <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                </g>
-              </svg><span>Refresh</span></a>
-            {% endif %}
-          </div>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden">
+   <div class="pb-6 border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="w-full mt-6 pb-6 overflow-x-auto">
+          <table class="w-full min-w-max text-sm">
+           <thead class="uppercase">
+            <tr class="text-left">
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Options</span>
+              </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Details</span>
+              </div>
+             </th>
+            </tr>
+           </thead>
+           {% if data.was_sent == 'True' %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Swap</td>
+            <td class="py-3 px-6">
+             <div class="content flex py-2">
+              <span class="bold">{{ data.amt_to }} {{ data.ticker_to }}</span>
+              <svg aria-hidden="true " class="w-5 h-5 ml-3 mr-3" fill="currentColor " viewBox="0 0 20 20 " xmlns="http://www.w3.org/2000/svg ">
+               <path fill-rule="evenodd " d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z " clip-rule="evenodd "></path>
+              </svg>
+              <span class="text-xs bold">{{ data.amt_from }} {{ data.ticker_from }}</span>
+             </div>
+            </td>
+           </tr>
+           {% else %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Swap</td>
+            <td class="py-3 px-6">
+             <div class="content flex py-2">
+              <span class="bold">{{ data.amt_from }} {{ data.ticker_from }}</span>
+              <svg aria-hidden="true " class="w-5 h-5 ml-3 mr-3" fill="currentColor " viewBox="0 0 20 20 " xmlns="http://www.w3.org/2000/svg ">
+               <path fill-rule="evenodd " d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z " clip-rule="evenodd "></path>
+              </svg>
+              <span class="bold">{{ data.amt_to }} {{ data.ticker_to }}</span>
+             </div>
+            </td>
+           </tr>
+           {% endif %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Bid Rate</td>
+            <td class="py-3 px-6">{{ data.bid_rate }}</td>
+           </tr>
+           {% if data.was_sent == 'True' %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">You Send</td>
+            <td class="py-3 px-6">
+             <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
+              <img class="h-7" src="/static/images/coins/{{ data.coin_to }}.png" alt="{{ data.coin_to }}">
+             </span>{{ data.coin_to }}
+            </td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">You Get</td>
+            <td class="py-3 px-6">
+             <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
+              <img class="h-7" src="/static/images/coins/{{ data.coin_from }}.png" alt="{{ data.coin_from }}">
+             </span>{{ data.coin_from }}
+            </td>
+           </tr>{% else %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">You Send</td>
+            <td class="py-3 px-6">
+             <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
+              <img class="h-7" src="/static/images/coins/{{ data.coin_from }}.png" alt="{{ data.coin_from }}">
+             </span>
+             {{ data.coin_from }}
+            </td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">You Get</td>
+            <td class="py-3 px-6">
+             <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
+              <img class="h-7" src="/static/images/coins/{{ data.coin_to }}.png" alt="{{ data.coin_to }}">
+             </span>
+             {{ data.coin_to }}
+            </td>
+           </tr>
+           {% endif %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Bid State</td>
+            <td class="py-3 px-6">{{ data.bid_state }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">State Description </td>
+            <td class="py-3 px-6">{{ data.state_description }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Offer</td>
+            <td class="py-3 px-6">
+             <a class="monospace bold select-all" href="/offer/{{ data.offer_id }}">{{ data.offer_id }}</a>
+            </td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Address From</td>
+            <td class="py-3 px-6">
+             <a class="monospace bold select-all" href="/identity/{{ data.addr_from }}">{{ data.addr_from }}</a> {{ data.addr_from_label }}
+            </td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="flex items-center px-46 whitespace-nowrap">
+             <svg alt="" class="w-5 h-5 rounded-full ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3B82F6" stroke-linejoin="round">
+               <circle cx="12" cy="12" r="11"></circle>
+               <polyline points=" 12,6 12,12 18,12 " stroke="#3B82F6"></polyline>
+              </g>
+             </svg>
+             <div class="py-3 pl-2 bold">
+              <div>Created At</div>
+             </div>
+            </td>
+            <td class="py-3 px-6">{{ data.created_at }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="flex items-center px-46 whitespace-nowrap">
+             <svg alt="" class="w-5 h-5 rounded-full  ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
+               <circle cx="12" cy="12" r="11"></circle>
+               <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
+              </g>
+             </svg>
+             <div class="py-3 pl-2 bold">
+              <div>Expired At</div>
+             </div>
+            </td>
+            <td class="py-3 px-6">{{ data.expired_at }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Sent</td>
+            <td class="py-3 px-6">{{ data.was_sent }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Received</td>
+            <td class="py-3 px-6">{{ data.was_received }}</td>
+           </tr>
+           {% if data.coin_a_lock_refund_tx_est_final != 'None' %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">{{ data.ticker_from }} lock refund tx valid at</td>
+            <td class="py-3 px-6">{{ data.coin_a_lock_refund_tx_est_final | formatts }}</td>
+           </tr>
+           {% if data.coin_a_lock_refund_swipe_tx_est_final != 'None' %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">{{ data.ticker_from }} lock refund tx swipeable at</td>
+            <td class="py-3 px-6">{{ data.coin_a_lock_refund_swipe_tx_est_final | formatts }}</td>
+           </tr>
+           {% endif %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">{{ data.ticker_from }} chain median time</td>
+            <td class="py-3 px-6">{{ data.coin_a_last_median_time | formatts }}</td>
+           </tr>
+           {% endif %}
+          </table>
+         </div>
         </div>
+       </div>
+ </section>
+ <section class="p-6">
+  <div class="flex flex-wrap items-center">
+   <div class="w-full">
+    <h4 class="font-semibold text-black dark:text-white text-2xl">Old states</h4>
+   </div>
+  </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+   <div class="pb-6 border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="w-full mt-6 pb-6 overflow-x-auto">
+          <table class="w-full min-w-max text-sm">
+           <thead class="uppercase">
+            <tr class="text-left">
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Set at time</span>
+              </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Old states</span>
+              </div>
+             </th>
+            </tr>
+           </thead>
+           {% for s in old_states %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="flex items-center whitespace-nowrap">
+             <svg alt="" class="w-5 h-5 rounded-full  ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
+               <circle cx="12" cy="12" r="11"></circle>
+               <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
+              </g>
+             </svg>
+             <div class="py-3 pl-2 bold">
+              <div>{{ s[0] | formatts }}</div>
+             </div>
+            </td>
+            <td class="py-3 px-6">{{ s[1] }}</td>
+           </tr>
+           {% endfor %}
+          </table>
+         </div>
+        </div>
+       </div>
       </div>
+     </div>
     </div>
+   </div>
+  </div>
+ </section> {% if data.events %} <section class="p-6">
+  <div class="flex flex-wrap items-center">
+   <div class="w-full">
+    <h4 class="font-semibold text-black dark:text-white text-2xl">Events</h4>
+   </div>
+  </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+   <div class="pb-6 border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="w-full mt-6 pb-6 overflow-x-auto">
+          <table class="w-full min-w-max text-sm">
+           <thead class="uppercase">
+            <tr class="text-left">
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Time</span>
+              </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Events</span>
+              </div>
+             </th>
+            </tr>
+           </thead> {% for e in data.events %} <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="flex items-center px-46 whitespace-nowrap">
+             <svg alt="" class="w-5 h-5 rounded-full  ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
+               <circle cx="12" cy="12" r="11"></circle>
+               <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
+              </g>
+             </svg>
+             <div class="py-3 pl-2 bold">
+              <div>{{ e.at | formatts }}</div>
+             </div>
+            </td>
+            <td class="py-3 px-6">{{ e.desc }}</td>
+           </tr>
+           {% endfor %}
+          </table>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ {% else %}
+ {% endif %}
+ <form method="post">
+  {% if data.show_txns %}
+  {% if data.xmr_b_shared_address or data.xmr_b_shared_viewkey or data.xmr_b_half_privatekey %}
+  <section class="p-6">
+   <div class="flex flex-wrap items-center">
+    <div class="w-full">
+     <h4 class="font-semibold text-black dark:text-white text-2xl">View keys/Shared Address</h4>
+    </div>
+   </div>
   </section>
-  {% include 'inc_messages.html' %}
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2">
-            <div class="container px-0 mx-auto mt-5">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="py-3 px-6 w-1/3">Details</th>
-                      <th scope="col"></th>
-                    </tr>
-                  </thead>
-                  {% if data.was_sent == 'True' %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Swap</td>
-                    <td>
-                      <div class="content flex py-2">
-                      <span class="bold">{{ data.amt_to }} {{ data.ticker_to }}</span>
-                      <svg aria-hidden="true " class="w-5 h-5 ml-3 mr-3" fill="currentColor " viewBox="0 0 20 20 " xmlns="http://www.w3.org/2000/svg ">
-                      <path fill-rule="evenodd " d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z " clip-rule="evenodd "></path></svg>
-                       <span class="bold">{{ data.amt_from }} {{ data.ticker_from }}</span>
-                      </div>
-                    </td>
-                  </tr>
-                  {% else %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Swap</td>
-                    <td>
-                      <div class="content flex py-2">
-                      <span class="bold">{{ data.amt_from }} {{ data.ticker_from }}</span>
-                      <svg aria-hidden="true " class="w-5 h-5 ml-3 mr-3" fill="currentColor " viewBox="0 0 20 20 " xmlns="http://www.w3.org/2000/svg ">
-                      <path fill-rule="evenodd " d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z " clip-rule="evenodd "></path></svg>
-                       <span class="bold">{{ data.amt_to }} {{ data.ticker_to }}</span>
-                      </div>
-                    </td>
-                  </tr>
-                  {% endif %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Bid Rate</td>
-                    <td>{{ data.bid_rate }}</td>
-                  </tr>
-                  {% if data.was_sent == 'True' %}
-                   <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">You Send</td>
-                    <td> <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
-                      <img class="h-7" src="/static/images/coins/{{ data.coin_to }}.png" alt="{{ data.coin_to }}">
-                    </span> {{ data.coin_to }} </td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">You Get</td>
-                    <td> <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
-                      <img class="h-7" src="/static/images/coins/{{ data.coin_from }}.png" alt="{{ data.coin_from }}">
-                    </span> {{ data.coin_from }} </td>
-                  </tr>
-                  {% else %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">You Send</td>
-                    <td> <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
-                      <img class="h-7" src="/static/images/coins/{{ data.coin_from }}.png" alt="{{ data.coin_from }}">
-                    </span> {{ data.coin_from }} </td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">You Get</td>
-                    <td> <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
-                      <img class="h-7" src="/static/images/coins/{{ data.coin_to }}.png" alt="{{ data.coin_to }}">
-                    </span> {{ data.coin_to }} </td>
-                  </tr>
-                  {% endif %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Bid State</td>
-                    <td>{{ data.bid_state }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">State Description </td>
-                    <td>{{ data.state_description }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Offer</td>
-                    <td><a class="monospace bold select-all" href="/offer/{{ data.offer_id }}">{{ data.offer_id }}</a></td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Address From</td>
-                    <td><a class="monospace bold select-all" href="/identity/{{ data.addr_from }}">{{ data.addr_from }}</a> {{ data.addr_from_label }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td scope="row" class="flex items-center px-46 whitespace-nowrap">
-                      <svg alt="" class="w-5 h-5 rounded-full ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
-                          <circle cx="12" cy="12" r="11"></circle>
-                          <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
-                        </g>
-                      </svg>
-                      <div class="py-4 pl-2 bold">
-                        <div>Created At</div>
-                      </div>
-                    </td>
-                    <td>{{ data.created_at }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td scope="row" class="flex items-center px-46 whitespace-nowrap">
-                      <svg alt="" class="w-5 h-5 rounded-full  ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
-                          <circle cx="12" cy="12" r="11"></circle>
-                          <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
-                        </g>
-                      </svg>
-                      <div class="py-4 pl-2 bold">
-                        <div>Expired At</div>
-                      </div>
-                    </td>
-                    <td>{{ data.expired_at }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Sent</td>
-                    <td>{{ data.was_sent }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Received</td>
-                    <td>{{ data.was_received }}</td>
-                  </tr>
-                  {% if data.coin_a_lock_refund_tx_est_final != 'None' %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">{{ data.ticker_from }} lock refund tx valid at</td>
-                    <td>{{ data.coin_a_lock_refund_tx_est_final | formatts }}</td>
-                  </tr>
-                  {% if data.coin_a_lock_refund_swipe_tx_est_final != 'None' %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">{{ data.ticker_from }} lock refund tx swipeable at</td>
-                    <td>{{ data.coin_a_lock_refund_swipe_tx_est_final | formatts }}</td>
-                  </tr>
-                  {% endif %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">{{ data.ticker_from }} chain median time</td>
-                    <td>{{ data.coin_a_last_median_time | formatts }}</td>
-                  </tr>
-                {% endif %}
-              </table>
-              </div>
-            </div>
-            <section class="bg-white p-6">
-              <div class="flex flex-wrap items-center">
-                <div class="w-full">
-                  <h4 class="font-semibold text-black text-2xl">Old states</h4></div>
-              </div>
-            </section>
-            <div class="container px-0 mx-auto">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="py-3 px-6">Old States</th>
-                      <th scope="col">Set at Time</th>
-                    </tr>
-                  </thead>
-                  {% for s in old_states %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-3 px-6 w-1/3 bold"> {{ s[1] }}</td>
-                    <td scope="row" class="flex items-center px-46 whitespace-nowrap">
-                      <svg alt="" class="w-5 h-5 rounded-full  mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
-                          <circle cx="12" cy="12" r="11"></circle>
-                          <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
-                        </g>
-                      </svg>
-                      <div class="py-4 pr-2">
-                        <div>{{ s[0] | formatts }}</div>
-                      </div>
-                    </td>
-                  </tr>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="pb-6 border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="table w-full min-w-max text-sm">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Type</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Output</span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            {% if data.xmr_b_shared_address %}
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 bold">Shared Address:</td>
+             <td class="py-3 px-6 monospace">{{ data.xmr_b_shared_address }}</td>
+            </tr>
+            {% endif %}
+            {% if data.xmr_b_shared_viewkey %}
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 bold">Shared View Key:</td>
+             <td class="py-3 px-6 monospace">{{ data.xmr_b_shared_viewkey }}</td>
+            </tr>
+            {% endif %}
+            {% if data.xmr_b_half_privatekey %}
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 bold">Key Half (WARNING key data!):</td>
+             <td class="py-3 px-6 monospace">{{ data.xmr_b_half_privatekey }}</td>
+            </tr>
+            {% endif %}
+            {% if data.xmr_b_half_privatekey_remote %}
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 bold">Remote Key Half:</td>
+             <td class="py-3 px-6 monospace">{{ data.xmr_b_half_privatekey_remote }}</td>
+            </tr>
+            {% endif %}
+           </table>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </section>
+  {% endif %}
+  <section class="p-6">
+   <div class="flex flex-wrap items-center">
+    <div class="w-full">
+     <h4 class="font-semibold text-black dark:text-white text-2xl">Transactions</h4>
+    </div>
+   </div>
+  </section>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="pb-6 border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="w-full min-w-max text-sm">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Tx Type</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Tx ID</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Blocks Deep</span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            {% for tx in data.txns %}
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 bold">{{ tx.type }}</td>
+             <td class="py-3 px-6 monospace">{{ tx.txid }}</td>
+             <td class="py-3 px-6">{{ tx.confirms }}</td>
+            </tr>
+            {% endfor %}
+           </table>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </section>
+  <section class="p-6">
+   <div class="flex flex-wrap items-center">
+    <div class="w-full">
+     <h4 class="font-semibold text-black dark:text-white text-2xl">More Information</h4>
+    </div>
+   </div>
+  </section>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="pb-6 border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="w-full min-w-max text-sm">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Setting</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Options</span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">View Transaction:</td>
+             <td class="py-3 px-6 bold">
+              <div class="relative">
+               <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+               </svg>
+               <select class="bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="view_tx">
+                {% if data.txns|length %} {% for tx in data.txns %}
+                <option value="{{ tx.txid }}" {% if data.view_tx_ind==tx.txid %} selected{% endif %}>{{ tx.type }} {{ tx.txid }}</option>
                 {% endfor %}
-              </table>
+                {% else %}
+                <option value="0">None exist yet</option>
+                {% endif %}
+              </select>
               </div>
+             </td>
+            </tr>
+           </table>
+           <div class="w-full md:w-0/12 mt-5">
+            <div class="flex flex-wrap justify-end">
+             <div class="w-full md:w-auto p-1.5 ml-2">
+              <button name="view_tx_submit" value="View Tx" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+               <span>View Tx</span>
+              </button>
+             </div>
+            <!-- Info: Unimplemented
+            <div class="w-full md:w-auto p-1.5 ml-2"><button name="view_lock_transfers" value="View Lock Wallet Transfers" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" ><span>View Lock Wallet Transfers</span></button></div>
+            -->
             </div>
-            {% if data.events %}
-            <section class="bg-white p-6">
-              <div class="flex flex-wrap items-center">
-                <div class="w-full">
-                  <h4 class="font-semibold text-black text-2xl">Events</h4> </div>
-              </div>
-            </section>
-            <div class="container px-0 mx-auto">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="w-1/3 py-3 px-6 bold">Time</th>
-                      <th scope="col">Events</th>
-                    </tr>
-                  </thead>
-                  {% for e in data.events %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td scope="row" class="flex items-center px-46 whitespace-nowrap">
-                      <svg alt="" class="w-5 h-5 rounded-full  ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
-                          <circle cx="12" cy="12" r="11"></circle>
-                          <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
-                        </g>
-                      </svg>
-                      <div class="py-4 pl-2 bold">
-                        <div>{{ e.at | formatts }}</div>
-                      </div>
-                    </td>
-                    <td>{{ e.desc }}</td>
-                  </tr> {% endfor %} </table>
-              </div>
+           </div>
+           {% if data.view_tx_hex %}
+           <table class="w-full min-w-max text-sm  mt-10">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">TX Hex:</span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6">
+              <textarea rows="5" class="bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0 monospace" readonly>{{ data.view_tx_hex }}</textarea>
+              <textarea rows="20" class="mt-5 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0 monospace" id="tx_view" readonly>{{ data.view_tx_desc }}</textarea>
+             </td>
+            </tr>
+            {% endif %}
+            {% if data.lock_transfers %}
+            <!--<label for="transfers_view" class="bold block mb-2 text-sm font-medium text-gray-900">Lock wallet transfers:</label>-->
+            <textarea rows="20" class="mt-5 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0 monospace" id="transfers_view" readonly>{{ data.lock_transfers }}</textarea>
+            {% endif %}
+           </table>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </section>
+  {% endif %}
+  {% if data.chain_a_lock_tx_inputs %}
+  <section class="p-6">
+   <div class="flex flex-wrap items-center">
+    <div class="w-full">
+     <h4 class="font-semibold text-black dark:text-white text-2xl">Chain A Lock TX Inputs</h4>
+    </div>
+   </div>
+  </section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+   <div class="pb-6 border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="w-full mt-6 pb-6 overflow-x-auto">
+          <table class="w-full min-w-max text-sm">
+           <thead class="uppercase">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">TXID</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Out</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Locked</span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            {% for txi in data.chain_a_lock_tx_inputs %}
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 monospace">{{ txi.txid }}</td>
+             <td class="py-3 px-6 monospace">{{ txi.vout }}</td>
+             <td class="py-3 px-6 bold">{% if txi.islocked %} true {% else %} false {% endif %}</td>
+            </tr>
+            {% endfor %}
+          </table>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+  </section>
+  {% endif %}
+  {% if data.show_bidder_seq_diagram %}
+  <section class="p-6">
+   <div class="flex flex-wrap items-center">
+    <div class="w-full">
+     <h4 class="font-semibold text-black dark:text-white text-2xl">Bidder Sequence Diagram</h4>
+    </div>
+   </div>
+  </section>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="pb-6 border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <div class="overflow-x-auto items-center justify-center relative">
+            <div class="flex items-center justify-center min-h-screen">
+             <div class="flex items-center justify-between text-white">
+              <img class="h-full py-2 pr-4 ml-8" src="/static/sequence_diagrams/xmr.bidder.alt.xu.min.svg">
+             </div>
             </div>
-            {% else %}
-            {% endif %}
-            <form method="post">
-              {% if data.show_txns %}
-              {% if data.xmr_b_shared_address or data.xmr_b_shared_viewkey or data.xmr_b_half_privatekey %}
-              <section class="bg-white p-6">
-                <div class="flex flex-wrap items-center">
-                  <div class="w-full">
-                    <h4 class="font-semibold text-black text-2xl">View keys/Shared Address:</h4> </div>
-                </div>
-              </section>
-              <div class="container px-0 mx-auto">
-                <div class="overflow-x-auto relative border sm:rounded-lg">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                    <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                      <tr>
-                        <th scope="col" class="py-3 px-6 w-1/3">Type</th>
-                        <th scope="col">Output</th>
-                      </tr>
-                    </thead>
-                    {% if data.xmr_b_shared_address %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Shared Address:</td>
-                      <td class="py-4 monospace">{{ data.xmr_b_shared_address }}</td>
-                    </tr>
-                    {% endif %}
-                    {% if data.xmr_b_shared_viewkey %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Shared View Key:</td>
-                      <td class="py-4 monospace">{{ data.xmr_b_shared_viewkey }}</td>
-                    </tr>
-                    {% endif %}
-                    {% if data.xmr_b_half_privatekey %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Key Half (WARNING key data!):</td>
-                      <td class="py-4 monospace">{{ data.xmr_b_half_privatekey }}</td>
-                    </tr>
-                    {% endif %}
-                    {% if data.xmr_b_half_privatekey_remote %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Remote Key Half:</td>
-                      <td class="py-4 monospace">{{ data.xmr_b_half_privatekey_remote }}</td>
-                    </tr>
-                    {% endif %}
-                </table>
-                </div>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </section>
+  {% endif %}
+  {% if data.show_offerer_seq_diagram %}
+  <section class="p-6">
+   <div class="flex flex-wrap items-center">
+    <div class="w-full">
+     <h4 class="font-semibold text-black dark:text-white text-2xl">Offerer Sequence Diagram</h4>
+    </div>
+   </div>
+  </section>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="pb-6 border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <div class="overflow-x-auto items-center justify-center relative">
+            <div class="flex items-center justify-center min-h-screen">
+             <div class="flex items-center justify-between text-white">
+              <img class="h-full py-2 pr-4 ml-8" src="/static/sequence_diagrams/xmr.offerer.alt.xu.min.svg">
+             </div>
+            </div>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </section>
+  {% endif %}
+  {% if edit_bid %}
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="pb-6 border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="w-full min-w-max text-sm">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Option</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Settings</span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Change Bid State:</td>
+             <td class="py-3 px-6">
+              <div class="relative">
+               <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+               </svg>
+               <select class="bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="new_state">
+                {% for s in data.bid_states %}
+                <option value="{{ s[0] }}" {% if data.bid_state_ind==s[0] %} selected{% endif %}>{{ s[1] }}</option>
+                {% endfor %}
+                </select>
               </div>
-              {% endif %}
-              <section class="bg-white p-6">
-                <div class="flex flex-wrap items-center">
-                  <div class="w-full">
-                    <h4 class="font-semibold text-black text-2xl">Transactions</h4> </div>
-                </div>
-              </section>
-              <div class="container px-0 mx-auto">
-                <div class="overflow-x-auto relative border sm:rounded-lg">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                    <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                      <tr>
-                        <th scope="col" class="py-3 px-6 w-1/3">Tx Type</th>
-                        <th scope="col">Tx ID</th>
-                        <th scope="col">Blocks Deep</th>
-                      </tr>
-                    </thead>
-                    {% for tx in data.txns %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">{{ tx.type }}</td>
-                      <td class="py-4 monospace">{{ tx.txid }}</td>
-                      <td class="py-4 ">{{ tx.confirms }}</td>
-                    </tr>
+             </td>
+            </tr>
+            {% if data.debug_ui == true %}
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Debug Option</td>
+             <td class="py-3 px-6">
+              <div class="relative">
+               <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+               </svg>
+               <select class="bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="debugind">
+                <option{% if data.debug_ind=="-1" %} selected{% endif %} value="-1">None</option>
+                  {% for a in data.debug_options %}
+                  <option{% if data.debug_ind==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
                   {% endfor %}
-                </table>
-                </div>
+               </select>
               </div>
-              <div class="pt-10 bg-white bg-opacity-60 rounded-b-md">
-                <div class="w-full md:w-0/12">
-                  <div class="flex flex-wrap justify-end -m-1.5">
-                    <table>
-                      <tr>
-                        <td class="bold pr-5">View Transaction:</td>
-                        <td>
-                          <div class="relative">
-                            <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                              <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                            </svg>
-                            <select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="view_tx">
-                              {% if data.txns|length %}
-                              {% for tx in data.txns %}
-                              <option value="{{ tx.txid }}" {% if data.view_tx_ind==tx.txid %} selected{% endif %}>{{ tx.type }} {{ tx.txid }}</option>
-                              {% endfor %}
-                              {% else %}
-                              <option value="0">None exist yet</option>
-                            {% endif %}
-                          </select>
-                          </div>
-                        </td>
-                      </tr>
-                    </table>
-                    <div class="w-full md:w-auto p-1.5 ml-2">
-                      <button name="view_tx_submit" value="View Tx" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                        <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                          <g fill="#556987">
-                            <path fill="#556987" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                            <path data-color="#556987" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                          </g>
-                        </svg> <span>View Tx</span></button>
-                    </div>
-                    <div class="w-full md:w-auto p-1.5 ml-2">
-                      <button name="view_lock_transfers" value="View Lock Wallet Transfers" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                        <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                          <g fill="#556987">
-                            <path fill="#556987" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                            <path data-color="#556987" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                          </g>
-                        </svg><span>View Lock Wallet Transfers</span></button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              {% if data.view_tx_hex %}
-              <label for="transfers_view" class="bold block mb-2 text-sm font-medium text-gray-900">TX Hex:</label>
-              <textarea rows="5" class="outline-none mb-10 block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 monospace" readonly>{{ data.view_tx_hex }}</textarea>
-              <textarea rows="15" class="outline-none block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 monospace" id="tx_view" readonly>{{ data.view_tx_desc }}</textarea>
+             </td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Sweep No-Script TX</td>
+             <td class="py-3 px-6">
+              <input class="bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" id="kbs_other" name="kbs_other">
+             </td>
+            </tr>
               {% endif %}
-              {% if data.lock_transfers %}
-              <label for="transfers_view" class="bold block mb-2 text-sm font-medium text-gray-900">Lock wallet transfers:</label>
-              <textarea rows="15" class="outline-none block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 monospace" id="transfers_view" readonly>{{ data.lock_transfers }}</textarea>
-              {% endif %}
-              {% endif %}
-              {% if data.show_bidder_seq_diagram %}
-            <section class="bg-white p-6">
-              <div class="flex flex-wrap items-center">
-                <div class="w-full">
-                  <h4 class="font-semibold text-black text-2xl">Bidder Sequence Diagram</h4></div>
-              </div>
-            </section>
-            <section>
-              <div class="container mx-auto">
-                <div class="overflow-x-auto items-center justify-center relative border sm:rounded-lg p-10">
-                  <div class="flex items-center justify-center min-h-screen">
-                    <div class="flex items-center justify-between text-white"> <img class="h-full py-2 pr-4 ml-8" src="/static/sequence_diagrams/xmr.bidder.alt.xu.min.svg"> </div>
-                  </div>
-                </div>
-            </section>
-            {% endif %}
-            {% if data.show_offerer_seq_diagram %}
-            <section class="bg-white p-6">
-              <div class="flex flex-wrap items-center">
-                <div class="w-full">
-                  <h4 class="font-semibold text-black text-2xl">Offerer Sequence Diagram</h4> </div>
-              </div>
-            </section>
-            <section>
-              <div class="container mx-auto">
-                <div class="overflow-x-auto items-center justify-center relative border sm:rounded-lg p-10">
-                  <div class="flex items-center justify-center min-h-screen">
-                    <div class="flex items-center justify-between text-white"> <img class="h-full py-2 pr-4 ml-8" src="/static/sequence_diagrams/xmr.offerer.alt.xu.min.svg"> </div>
-                  </div>
-                </div>
-            </section>
-          {% endif %}
-              {% if data.chain_a_lock_tx_inputs %}
-              <section class="bg-white p-6">
-                <div class="flex flex-wrap items-center">
-                  <div class="w-full">
-                    <h4 class="font-semibold text-black text-2xl">Chain A Lock TX Inputs:</h4> </div>
-                </div>
-              </section>
-              <div class="container px-0 mx-auto">
-                <div class="overflow-x-auto relative border sm:rounded-lg">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                    <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                      <tr>
-                        <th scope="col" class="py-3 px-6 w-1/3">txid</th>
-                        <th scope="col">out</th>
-                        <th scope="col">locked</th>
-                      </tr>
-                    </thead>
-                    {% for txi in data.chain_a_lock_tx_inputs %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6">{{ txi.txid }}</td>
-                      <td class="py-4 monospace">{{ txi.vout }}</td>
-                      <td class="py-4 ">{% if txi.islocked %} true {% else %} false {% endif %}</td>
-                    </tr>
-                  {% endfor %}
-                </table>
-                </div>
-              </div>
-              {% endif %}
-              <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-                <div class="w-full md:w-0/12">
-                  <div class="flex flex-wrap justify-end -m-1.5">
-                    {% if edit_bid %}
-                    <table class="mt-1">
-                      <tr>
-                        <td class="pr-2 bold">Change Bid State:</td>
-                        <td>
-                         <div class="relative">
-                                <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                  <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                                </svg>
-                          <select class="appearance-none pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="new_state">
-                            {% for s in data.bid_states %}
-                            <option value="{{ s[0] }}" {% if data.bid_state_ind==s[0] %} selected{% endif %}>{{ s[1] }}</option> {% endfor %} </select>
-                          </div>
-                        </td>
-                      </tr>
-                      {% if data.debug_ui == true %}
-                      <tr>
-                        <td class="py-6 pr-2 bold"">Debug Option</td>
-                        <td>
-                          <div class="relative">
-                                <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                  <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                                </svg>
-                          <select class="appearance-none pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="debugind">
-                            <option{% if data.debug_ind=="-1" %} selected{% endif %} value="-1">None</option>
-                              {% for a in data.debug_options %}
-                              <option{% if data.debug_ind==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
-                              {% endfor %}
-                            </select>
-                               </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="pr-2 bold">Sweep No-Script TX</td>
-                        <td>
-                          <input class="appearance-none pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="text" id="kbs_other" name="kbs_other">
-                        </td>
-                      </tr>
-                    {% endif %}
-                  </table>
-                    <div class="w-full md:w-auto p-1.5 ml-2">
-                      <button name="edit_bid_cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ef5844" stroke-linejoin="round" ><line x1="16" y1="8" x2="8" y2="16" stroke="#ef5844"></line> <line x1="16" y1="16" x2="8" y2="8" stroke="#ef5844"></line> <circle cx="12" cy="12" r="11"></circle></g></svg> Cancel </button>
-                    </div>
-                    <div class="w-full md:w-auto p-1.5">
-                      <button name="edit_bid_submit" value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><line x1="2" y1="23" x2="22" y2="23" stroke="#556987"></line> <line data-cap="butt" x1="13" y1="5" x2="17" y2="9"></line> <polygon points="8 18 3 19 4 14 16 2 20 6 8 18"></polygon></g></svg> Submit Edit </button>
-                    </div>
-                    {% else %}
+           </table>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </section>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="pb-6 border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="flex flex-wrap justify-end">
+           <div class="w-full md:w-auto p-1.5">
+            <button name="edit_bid_cancel" value="Cancel" type="submit" class="lex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Cancel</button>
+           </div>
+           <div class="w-full md:w-auto p-1.5">
+            <button name="edit_bid_submit" value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">Submit Edit</button>
+           </div> 
+           {% else %}
+           <section>
+            <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+             <div class="pb-6 border-coolGray-100">
+              <div class="flex flex-wrap items-center justify-between -m-2">
+               <div class="w-full pt-2">
+                <div class="container mt-5 mx-auto">
+                 <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+                  <div class="px-6">
+                   <div class="flex flex-wrap justify-end">
                     {% if data.show_bidder_seq_diagram %}
                     <div class="w-full md:w-auto p-1.5">
-                      <button name="hide_bidder_seq_diagram" type="submit" value="Hide Bidder Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><rect x="2" y="2" width="8" height="4"></rect><rect x="2" y="18" width="8" height="4"></rect><line x1="6" y1="9" x2="6" y2="15"></line><polyline points="13 4 17 4 17 6"></polyline><polyline points="13 20 17 20 17 18"></polyline><polygon points="12 12 17 9 22 12 17 15 12 12" stroke="#556987"></polygon></g></svg> Hide Bidder Sequence Diagram </button>
-                    </div>
-                    {% else %}
-                    <div class="w-full md:w-auto p-1.5">
-                      <button name="show_bidder_seq_diagram" type="submit" value="Show Bidder Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><rect x="2" y="2" width="8" height="4"></rect><rect x="2" y="18" width="8" height="4"></rect><line x1="6" y1="9" x2="6" y2="15"></line><polyline points="13 4 17 4 17 6"></polyline><polyline points="13 20 17 20 17 18"></polyline><polygon points="12 12 17 9 22 12 17 15 12 12" stroke="#556987"></polygon></g></svg> Show Bidder Sequence Diagram </button>
+                     <button name="hide_bidder_seq_diagram" type="submit" value="Hide Bidder Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Hide Bidder Sequence Diagram</button>
+                    </div> {% else %} <div class="w-full md:w-auto p-1.5">
+                     <button name="show_bidder_seq_diagram" type="submit" value="Show Bidder Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Show Bidder Sequence Diagram</button>
                     </div>
                     {% endif %}
                     {% if data.show_offerer_seq_diagram %}
                     <div class="w-full md:w-auto p-1.5">
-                      <button name="hide_offerer_seq_diagram" type="submit" value="Hide Offerer Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><rect x="2" y="2" width="8" height="4"></rect><rect x="2" y="18" width="8" height="4"></rect><line x1="6" y1="9" x2="6" y2="15"></line><polyline points="13 4 17 4 17 6"></polyline><polyline points="13 20 17 20 17 18"></polyline><polygon points="12 12 17 9 22 12 17 15 12 12" stroke="#556987"></polygon></g></svg> Hide Offerer Sequence Diagram </button>
+                     <button name="hide_offerer_seq_diagram" type="submit" value="Hide Offerer Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Hide Offerer Sequence Diagram</button>
                     </div>
                     {% else %}
                     <div class="w-full md:w-auto p-1.5">
-                      <button name="show_offerer_seq_diagram" type="submit" value="Show Offerer Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><rect x="2" y="2" width="8" height="4"></rect><rect x="2" y="18" width="8" height="4"></rect><line x1="6" y1="9" x2="6" y2="15"></line><polyline points="13 4 17 4 17 6"></polyline><polyline points="13 20 17 20 17 18"></polyline><polygon points="12 12 17 9 22 12 17 15 12 12" stroke="#556987"></polygon></g></svg> Show Offerer Sequence Diagram </button>
+                     <button name="show_offerer_seq_diagram" type="submit" value="Show Offerer Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Show Offerer Sequence Diagram</button>
                     </div>
-                    {% endif %}
-                    {% if data.can_abandon == true %}
-                    <div class="w-full md:w-auto p-1.5">
-                      <button name="abandon_bid" type="submit" value="Abandon Bid" onclick="return confirmPopup();" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ef5844" stroke-linejoin="round" ><line x1="16" y1="8" x2="8" y2="16" stroke="#ef5844"></line> <line x1="16" y1="16" x2="8" y2="8" stroke="#ef5844"></line> <circle cx="12" cy="12" r="11"></circle></g></svg> Abandon Bid </button>
-                    </div>
-                    {% endif %}
+                    {% endif %} 
                     {% if data.show_txns %}
                     <div class="w-full md:w-auto p-1.5">
-                      <button name="hide_txns" type="submit" value="Hide Info" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><circle cx="12" cy="12" r="11"></circle><line x1="12" y1="11" x2="12" y2="17" stroke="#556987"></line><circle cx="12" cy="7" r="1" stroke="none" fill="#556987"></circle></g></svg> Hide info </button>
+                     <button name="hide_txns" type="submit" value="Hide Info" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Hide More info</button>
                     </div>
-                    {% else %}
+                    {% else %} 
                     <div class="w-full md:w-auto p-1.5">
-                      <button name="show_txns" type="submit" value="Show More Info" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><circle cx="12" cy="12" r="11"></circle><line x1="12" y1="11" x2="12" y2="17" stroke="#556987"></line><circle cx="12" cy="7" r="1" stroke="none" fill="#556987"></circle></g></svg> Show More Info </button>
+                     <button name="show_txns" type="submit" value="Show More Info" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Show More Info </button>
                     </div>
                     {% endif %}
                     <div class="w-full md:w-auto p-1.5">
-                      <button name="edit_bid" type="submit" value="Edit Bid" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><line x1="2" y1="23" x2="22" y2="23" stroke="#556987"></line> <line data-cap="butt" x1="13" y1="5" x2="17" y2="9"></line> <polygon points="8 18 3 19 4 14 16 2 20 6 8 18"></polygon></g></svg> Edit bid </button>
+                     <button name="edit_bid" type="submit" value="Edit Bid" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Edit Bid</button>
+                    </div> 
+                    {% endif %} 
+                    {% if data.can_abandon == true %}
+                     <div class="w-full md:w-auto p-1.5">
+                     <button name="abandon_bid" type="submit" value="Abandon Bid" onclick="return confirmPopup();" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-white hover:text-red border border-red-500 hover:border-red-500 hover:bg-red-600 bg-red-500 rounded-md focus:ring-0 focus:outline-none">Abandon Bid</button>
+                    </div>
+                     {% endif %}
+                      {% if data.was_received == 'True' and not edit_bid %}
+                      <div class="w-full md:w-auto p-1.5">
+                     <button name="accept_bid" value="Accept Bid" type="submit" onclick='return confirmPopup("Accept");' class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md focus:ring-0 focus:outline-none">Accept Bid</button>
+                    </div>
+                     {% endif %}
                     </div>
-                    {% endif %}
-                    {% if data.was_received == 'True' %}
-                    <div class="w-full md:w-auto p-1.5">
-                      <button name="accept_bid" value="Accept Bid" type="submit" onclick='return confirmPopup("Accept");' class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg> Accept Bid </button>
                   </div>
-                  {% endif %}
-                </div>
+                 </div>
                 </div>
+               </div>
               </div>
-              <input type="hidden" name="formid" value="{{ form_id }}"> </div>
+             </div>
+            </div>
+           </section>
+           <input type="hidden" name="formid" value="{{ form_id }}">
+          </div>
+         </div>
         </div>
-      </div>
-    </div>
-    </form>
-    <script>
-      function confirmPopup(name) {
-        return confirm(name + " Bid - Are you sure?");
-      }
-    </script>
+       </div>
+ </form>
+ <script>
+  function confirmPopup(name) {
+   return confirm(name + " Bid - Are you sure?");
+  }
+ </script>
 </div>
 {% include 'footer.html' %}
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/basicswap/templates/bids.html b/basicswap/templates/bids.html
index 4e2dee9..3a6c5cc 100644
--- a/basicswap/templates/bids.html
+++ b/basicswap/templates/bids.html
@@ -1,231 +1,271 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="#">{{ page_type_available }} {{ page_type_received }} {{ page_type_sent }}</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">{{ page_type_available }} {{ page_type_received }} {{ page_type_sent }}</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">{{ page_type_available_description }} {{ page_type_received_description }} {{ page_type_sent_description }}</p>
+     </div>
+     <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto"> {% if refresh %} <a id="refresh" href="/bid/{{ bid_id }}" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+        <g fill="#ffffff">
+         <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+         <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+        </g>
+       </svg>
+       <span>Refresh {{ refresh }} seconds</span>
+      </a>
+    {% endif %}
+      </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden">
+  <div class="pb-6 border-coolGray-100">
+   <div class="flex flex-wrap items-center justify-between -m-2">
+    <div class="w-full pt-2">
+     <form method="post">
+      <div class="flex justify-between items-center pb-4 dark:text-white">
+       <div class="rounded-b-md">
+        <div class="w-full md:w-0/12">
+         <div class="flex flex-wrap justify-end -m-1.5">
+          <div class="w-full md:w-auto p-1.5">
+           <div class="relative">
+            <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+             <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
             </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="#">{{ page_type_available }} {{ page_type_received }} {{ page_type_sent }}</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+            <select name="sort_by" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0">
+             <option value="created_at" {% if filters.sort_by=='created_at' %} selected{% endif %}>Time At</option>
+            </select>
+           </div>
+          </div>
+          <div class="w-full md:w-auto p-1.5">
+           <div class="relative">
+            <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+             <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
             </svg>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">{{ page_type_available }} {{ page_type_received }} {{ page_type_sent }}</h2>
-            <p class="font-semibold text-coolGray-200">{{ page_type_available_description }} {{ page_type_received_description }} {{ page_type_sent_description }}</p>
+            <select name="sort_dir" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0">
+             <option value="asc" {% if filters.sort_dir=='asc' %} selected{% endif %}>Ascending</option>
+             <option value="desc" {% if filters.sort_dir=='desc' %} selected{% endif %}>Descending</option>
+            </select>
+           </div>
           </div>
-          <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
-            {% if refresh %}
-            <a id="refresh" href="/bid/{{ bid_id }}" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g fill="#ffffff" >
-                  <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                  <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                </g>
-              </svg><span>Refresh {{ refresh }} seconds</span></a>
-            {% endif %}
+          <div class="flex items-center">
+           <div class="w-full md:w-auto p-1.5">
+            <p class="text-sm font-heading bold">State:</p>
+           </div>
           </div>
+          <div class="w-full md:w-auto p-1.5">
+           <div class="relative">
+            <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+             <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+            </svg>
+            <select name="state" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0">
+             <option value="-1" {% if filters.bid_state_ind==-1 %} selected{% endif %}>Any</option>
+             {% for s in data.bid_states %}
+             <option value="{{ s[0] }}" {% if filters.bid_state_ind==s[0] %} selected{% endif %}>{{ s[1] }}</option>
+             {% endfor %}
+            </select>
+           </div>
+          </div>
+          <div class="flex items-center">
+           <div class="w-full md:w-auto p-1.5">
+            <p class="text-sm font-heading bold">Include Expired:</p>
+           </div>
+          </div>
+          <div class="w-full md:w-auto p-1.5">
+           <div class="relative">
+            <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+             <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+            </svg>
+            <select name="with_expired" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0">
+             <option value="true" {% if filters.with_expired==true %} selected{% endif %}>Include</option>
+             <option value="false" {% if filters.with_expired==false %} selected{% endif %}>Exclude</option>
+            </select>
+           </div>
+          </div>
+          <div class="w-full md:w-auto p-1.5">
+           <div class="relative">
+            <button type="submit" name='clearfilters' value="Clear Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-white bg-blue-500 hover:bg-blue-600 rounded-lg transition duration-200 border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+             <svg class="mr-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#fff" stroke-linejoin="round">
+               <line x1="20" y1="2" x2="12.329" y2="11.506"></line>
+               <path d="M11,11a2,2,0,0,1,2,2,3.659,3.659,0,0,1-.2.891A9.958,9.958,0,0,0,13.258,23H1C1,16.373,4.373,11,11,11Z"></path>
+               <line x1="18" y1="15" x2="23" y2="15" stroke="#fff"></line>
+               <line x1="17" y1="19" x2="23" y2="19" stroke="#fff"></line>
+               <line x1="19" y1="23" x2="23" y2="23" stroke="#fff"></line>
+               <path d="M8.059,11.415A3.9,3.9,0,0,0,12,16c.041,0,.079-.011.12-.012" data-cap="butt"></path>
+               <path d="M5,23a13.279,13.279,0,0,1,.208-3.4" data-cap="butt"></path>
+               <path d="M9.042,23c-.688-1.083-.313-3.4-.313-3.4" data-cap="butt"></path>
+              </g>
+             </svg>
+             <span>Clear</span>
+            </button>
+           </div>
+          </div>
+          <div class="w-full md:w-auto p-1.5">
+           <div class="relative">
+            <button type="submit" name='applyfilters' value="Apply Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-white bg-blue-500 hover:bg-blue-600 rounded-lg transition duration-200 border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+             <svg class="mr-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#fff" stroke-linejoin="round">
+               <rect x="2" y="2" width="7" height="7"></rect>
+               <rect x="15" y="15" width="7" height="7"></rect>
+               <rect x="2" y="15" width="7" height="7"></rect>
+               <polyline points="15 6 17 8 22 3" stroke="#fff"></polyline>
+              </g>
+             </svg>
+             <span>Apply Filters</span>
+            </button>
+           </div>
+          </div>
+         </div>
         </div>
+       </div>
       </div>
-    </div>
-  </section>
-  {% include 'inc_messages.html' %}
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2">
-            <form method="post">
-              <div class="flex justify-between items-center pb-4 bg-white">
-                <div class="bg-white bg-opacity-60 rounded-b-md">
-                  <div class="w-full md:w-0/12">
-                    <div class="flex flex-wrap justify-end -m-1.5">
-                      <div class="flex items-center">
-                        <div class="w-full md:w-auto p-1.5">
-                          <p class="text-sm font-heading bold">Sort By:</p>
-                        </div>
-                      </div>
-                      <div class="w-full md:w-auto p-1.5">
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <select name="sort_by" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
-                            <option value="created_at" {% if filters.sort_by=='created_at' %} selected{% endif %}>Time At</option>
-                          </select>
-                        </div>
-                      </div>
-                      <div class="w-full md:w-auto p-1.5">
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <select name="sort_dir" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
-                            <option value="asc" {% if filters.sort_dir=='asc' %} selected{% endif %}>Ascending</option>
-                            <option value="desc" {% if filters.sort_dir=='desc' %} selected{% endif %}>Descending</option>
-                          </select>
-                        </div>
-                      </div>
-                      <div class="flex items-center">
-                        <div class="w-full md:w-auto p-1.5">
-                          <p class="text-sm font-heading bold">State:</p>
-                        </div>
-                      </div>
-                      <div class="w-full md:w-auto p-1.5">
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <select name="state" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
-                            <option value="-1" {% if filters.bid_state_ind==-1 %} selected{% endif %}>Any</option>
-                            {% for s in data.bid_states %}
-                            <option value="{{ s[0] }}" {% if filters.bid_state_ind==s[0] %} selected{% endif %}>{{ s[1] }}</option>
-                          {% endfor %}
-                        </select>
-                        </div>
-                      </div>
-                      <div class="flex items-center">
-                        <div class="w-full md:w-auto p-1.5">
-                          <p class="text-sm font-heading bold">Include Expired:</p>
-                        </div>
-                      </div>
-                      <div class="w-full md:w-auto p-1.5">
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <select name="with_expired" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
-                            <option value="true" {% if filters.with_expired==true %} selected{% endif %}>Include</option>
-                            <option value="false" {% if filters.with_expired==false %} selected{% endif %}>Exclude</option>
-                          </select>
-                        </div>
-                      </div>
-                      <div class="w-full md:w-auto p-1.5">
-                        <div class="relative">
-                          <button type="submit" name='clearfilters' value="Clear Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                            <svg class="mr-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round">
-                                <line x1="20" y1="2" x2="12.329" y2="11.506"></line>
-                                <path d="M11,11a2,2,0,0,1,2,2,3.659,3.659,0,0,1-.2.891A9.958,9.958,0,0,0,13.258,23H1C1,16.373,4.373,11,11,11Z"></path>
-                                <line x1="18" y1="15" x2="23" y2="15" stroke="#556987"></line>
-                                <line x1="17" y1="19" x2="23" y2="19" stroke="#556987"></line>
-                                <line x1="19" y1="23" x2="23" y2="23" stroke="#556987"></line>
-                                <path d="M8.059,11.415A3.9,3.9,0,0,0,12,16c.041,0,.079-.011.12-.012" data-cap="butt"></path>
-                                <path d="M5,23a13.279,13.279,0,0,1,.208-3.4" data-cap="butt"></path>
-                                <path d="M9.042,23c-.688-1.083-.313-3.4-.313-3.4" data-cap="butt"></path>
-                              </g>
-                            </svg> <span>Clear</span> </button>
-                        </div>
-                      </div>
-                      <div class="w-full md:w-auto p-1.5">
-                        <div class="relative">
-                          <button type="submit" name='applyfilters' value="Apply Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                            <svg class="mr-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round">
-                                <rect x="2" y="2" width="7" height="7"></rect>
-                                <rect x="15" y="15" width="7" height="7"></rect>
-                                <rect x="2" y="15" width="7" height="7"></rect>
-                                <polyline points="15 6 17 8 22 3" stroke="#556987"></polyline>
-                              </g>
-                            </svg> <span>Apply Filters</span> </button>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="w-full mt-6 pb-6 overflow-x-auto">
+          <table class="w-full min-w-max">
+           <thead class="uppercase">
+            <tr class="text-left">
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Date/Time at</span>
               </div>
-              <div class="container px-0 mx-auto mt-5">
-                <div class="overflow-x-auto relative border sm:rounded-lg">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                    <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                      <tr>
-                        <th scope="col" class="py-3 px-6"> Time At </th>
-                        <th scope="col" class="py-3 px-6"> Bid ID </th>
-                        <th scope="col" class="py-3 px-6"> Offer ID </th>
-                        <th scope="col" class="py-4 px-7"> Bid From </th>
-                        <th scope="col" class="py-3 px-7"> Bid Status </th>
-                        <th scope="col" class="py-3 px-6"> ITX Status </th>
-                        <th scope="col" class="py-3 px-6"> PTX Status </th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      {% for b in bids %}
-                      <tr class="bg-white border-t hover:bg-gray-50">
-                        <th scope="row" class="flex items-center py-7 px-46 text-gray-900 whitespace-nowrap">
-                          <svg class="w-5 h-5 rounded-full ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
-                              <circle cx="12" cy="12" r="11"></circle>
-                              <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
-                            </g>
-                          </svg>
-                          <div class="pl-3">
-                            <div class="font-semibold text-xs">{{ b[0] }}</div>
-                          </div>
-                        </th>
-                        <td class="py-4 px-6 text-xs monospace"><a href=/bid/{{ b[1] }}>{{ b[1]|truncate(20, True) }}</a></td>
-                        <td class="py-4 px-6 text-xs monospace"><a href=/offer/{{ b[2] }}>{{ b[2]|truncate(20, True) }}</a></td>
-                        <td class="py-4 px-6 text-xs monospace"><a href=/identity/{{ b[6] }}>{{ b[6] }}</a></td>
-                        <td class="py-4 px-6">{{ b[3] }}</td>
-                        <td class="py-4 px-6">{{ b[4] }}</td>
-                        <td class="py-4 px-6">{{ b[5] }}</td>
-                      </tr>
-                    </tbody>
-                  {% endfor %}
-                </table>
-                  <input type="hidden" name="formid" value="{{ form_id }}">
-                  <input type="hidden" name="pageno" value="{{ filters.page_no }}"></div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Bid ID</span>
               </div>
-              <div class="pt-10 bg-white bg-opacity-60 rounded-b-md">
-                <div class="w-full md:w-0/12">
-                  <div class="flex flex-wrap justify-end -m-1.5">
-                    <div class="w-full md:w-auto p-1.5">
-                      <button type="submit" name='pageback' value="Page Back" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                        <svg aria-hidden="true" class="mr-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-                          <path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
-                        </svg> <span>Page Back</span> </button>
-                    </div>
-                    <div class="flex items-center">
-                      <div class="w-full md:w-auto p-1.5">
-                        <p class="text-sm font-heading">Page: {{ filters.page_no }}</p>
-                      </div>
-                    </div>
-                    <div class="w-full md:w-auto p-1.5">
-                      <button type="submit" name='pageforwards' value="Page Forwards" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Page Forwards</span>
-                        <svg aria-hidden="true" class="ml-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-                          <path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
-                        </svg>
-                      </button>
-                    </div>
-                  </div>
-                </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Offer ID</span>
               </div>
-            </form>
-          </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Bid From</span>
+              </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Bid Status</span>
+              </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">ITX Status</span>
+              </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">PTX Status</span>
+              </div>
+             </th>
+            </tr>
+           </thead>
+           <tbody>
+            {% for b in bids %}
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <th scope="row" class="flex items-center py-7 px-46 text-gray-900 whitespace-nowrap">
+              <svg class="w-5 h-5 rounded-full ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+               <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
+                <circle cx="12" cy="12" r="11"></circle>
+                <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
+               </g>
+              </svg>
+              <div class="pl-3">
+               <div class="font-semibold text-xs dark:text-white">{{ b[0] }}</div>
+              </div>
+             </th>
+             <td class="py-3 px-6 text-xs monospace">
+              <a href=/bid/{{ b[1] }}>{{ b[1]|truncate(20, True) }}</a>
+             </td>
+             <td class="py-3 px-6 text-xs monospace">
+              <a href=/offer/{{ b[2] }}>{{ b[2]|truncate(20, True) }}</a>
+             </td>
+             <td class="py-3 px-6 text-xs monospace">
+              <a href=/identity/{{ b[6] }}>{{ b[6] }}</a>
+             </td>
+             <td class="py-3 px-6 text-xs">{{ b[3] }}</td>
+             <td class="py-3 px-6 text-xs">{{ b[4] }}</td>
+             <td class="py-3 px-6 text-xs">{{ b[5] }}</td>
+            </tr>
+           </tbody>
+           {% endfor %}
+          </table>
+          <input type="hidden" name="formid" value="{{ form_id }}">
+          <input type="hidden" name="pageno" value="{{ filters.page_no }}">
+         </div>
         </div>
-      </div>
+        <div class="rounded-b-md">
+         <div class="w-full md:w-0/12">
+          <div class="flex flex-wrap justify-end pt-6 pr-6 border-t border-gray-200 dark:border-gray-400">
+           <div class="w-full md:w-auto p-1.5">
+            <button type="submit" name='pageback' value="Page Back" class="inline-flex items-center h-9 py-1 px-4 text-xs text-blue-50 font-semibold bg-blue-500 hover:bg-blue-600 rounded-lg transition duration-200 focus:ring-0 focus:outline-none">
+             <svg aria-hidden="true" class="mr-2 w-5 h-5" fill="#fff" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+              <path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
+             </svg>
+             <span>Page Back</span>
+            </button>
+           </div>
+           <div class="flex items-center">
+            <div class="w-full md:w-auto p-1.5">
+             <p class="text-sm font-heading dark:text-white">Page: {{ filters.page_no }}</p>
+            </div>
+           </div>
+           <div class="w-full md:w-auto p-1.5">
+            <button type="submit" name='pageforwards' value="Page Forwards" class="inline-flex items-center h-9 py-1 px-4 text-xs text-blue-50 font-semibold bg-blue-500 hover:bg-blue-600 rounded-lg transition duration-200 focus:ring-0 focus:outline-none">
+             <span>Page Forwards</span>
+             <svg aria-hidden="true" class="ml-2 w-5 h-5" fill="#fff" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+              <path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
+             </svg>
+            </button>
+           </div>
+          </div>
+         </div>
+        </div>
+     </form>
     </div>
-  </section>
+   </div>
+  </div>
+ </div>
+ </section>
 </div>
 {% include 'footer.html' %}
 </body>
diff --git a/basicswap/templates/changepassword.html b/basicswap/templates/changepassword.html
index e46773e..d90f00a 100644
--- a/basicswap/templates/changepassword.html
+++ b/basicswap/templates/changepassword.html
@@ -1,152 +1,178 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/wallets">
-              <p>Wallets</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/changepassword">Change Password</a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-        </ul>
-      </div>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/wallets">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/changepassword">Change Password</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Change Password</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Update your BasicSwap / Wallets password.</p>
+     </div>
     </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighte r">Change Password</h2>
-            <p class="font-semibold text-coolGray-200">Update your BasicSwap / Wallets password.</p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-  {% include 'inc_messages.html' %}
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2">
-            <div class="container px-0 mx-auto mt-5">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="py-3 px-6 w-80">Password</th>
-                      <th scope="col" class="py-3"></th>
-                    </tr>
-                  </thead>
-                  <form method="post" autocomplete="off">
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 pl-5 pr-5 bold">Old Password</td>
-                      <td td class="py-4 pr-5 w-2/3">
-                      <div class="relative w-full">
-                        <div class="absolute inset-y-0 right-0 flex items-center px-2">
-                          <input class="hidden js-password-toggle" id="toggle-old" type="checkbox" />
-                          <label class="px-2 py-1 text-sm text-gray-600 font-mono cursor-pointer js-password-label" for="toggle-old" id="input-old-label">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g fill="#8896ab">
-                                <path d="M23.444,10.239C21.905,8.062,17.708,3,12,3S2.1,8.062.555,10.24a3.058,3.058,0,0,0,0,3.52h0C2.1,15.938,6.292,21,12,21s9.905-5.062,11.445-7.24A3.058,3.058,0,0,0,23.444,10.239ZM12,17a5,5,0,1,1,5-5A5,5,0,0,1,12,17Z" fill="#8896ab"></path>
-                              </g>
-                            </svg>
-                          </label>
-                        </div>
-                        <input class="w-full aappearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 w-full block p-2.5" type="password" name="oldpassword" id="input-old">
-                      </div>
-                      </td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 pl-5 pr-5 bold">New Password</td>
-                      <td td class="py-4 pr-5 w-2/3">
-                      <div class="relative w-full">
-                        <div class="absolute inset-y-0 right-0 flex items-center px-2">
-                          <input class="hidden js-password-toggle" id="toggle-new" type="checkbox" />
-                          <label class="px-2 py-1 text-sm text-gray-600 font-mono cursor-pointer js-password-label" for="toggle-new" id="input-new-label">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g fill="#8896ab">
-                                <path d="M23.444,10.239C21.905,8.062,17.708,3,12,3S2.1,8.062.555,10.24a3.058,3.058,0,0,0,0,3.52h0C2.1,15.938,6.292,21,12,21s9.905-5.062,11.445-7.24A3.058,3.058,0,0,0,23.444,10.239ZM12,17a5,5,0,1,1,5-5A5,5,0,0,1,12,17Z" fill="#8896ab"></path>
-                              </g>
-                            </svg>
-                          </label>
-                        </div>
-                        <input class="w-full aappearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 w-full block p-2.5" type="password" name="newpassword" id="input-new">
-                      </div>
-                      </td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 pl-5 pr-5 bold">Confirm Password</td>
-                      <td td class="py-4 pr-5 w-2/3">
-                      <div class="relative w-full">
-                        <div class="absolute inset-y-0 right-0 flex items-center px-2">
-                          <input class="hidden js-password-toggle" id="toggle-conf" type="checkbox" />
-                          <label class="px-2 py-1 text-sm text-gray-600 font-mono cursor-pointer js-password-label" for="toggle-conf" id="input-confirm-label">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g fill="#8896ab">
-                                <path d="M23.444,10.239C21.905,8.062,17.708,3,12,3S2.1,8.062.555,10.24a3.058,3.058,0,0,0,0,3.52h0C2.1,15.938,6.292,21,12,21s9.905-5.062,11.445-7.24A3.058,3.058,0,0,0,23.444,10.239ZM12,17a5,5,0,1,1,5-5A5,5,0,0,1,12,17Z" fill="#8896ab"></path>
-                              </g>
-                            </svg>
-                          </label>
-                        </div>
-                        <input class="w-full aappearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 w-full block p-2.5" type="password" name="confirmpassword" id="input-confirm">
-                      </div>
-                      </td>
-                    </tr>
-                </table>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+   <div class="border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="w-full mt-6 pb-6 overflow-x-auto">
+          <table class="w-full min-w-max text-sm">
+           <thead class="uppercase">
+            <tr class="text-left">
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Password</span>
               </div>
-            </div>
-            <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-              <div class="w-full md:w-0/12">
-                <div class="flex flex-wrap justify-end -m-1.5">
-                  <div class="w-full md:w-auto p-1.5 ml-2">
-                    <button type="submit" name="unlock" value="Unlock" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
-                          <polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline>
-                          <circle cx="12" cy="12" r="11"></circle>
-                        </g>
-                      </svg>Apply</button>
-                  </div>
-                </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold py-3 px-6"></span>
               </div>
-            </div>
-            <input type="hidden" name="formid" value="{{ form_id }}">
-            </form>
-          </div>
+             </th>
+            </tr>
+           </thead>
+           <form method="post" autocomplete="off">
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Old Password</td>
+             <td td class="py-3 px-6">
+              <div class="relative w-full">
+               <div class="absolute inset-y-0 right-0 flex items-center px-2">
+                <input class="hidden js-password-toggle" id="toggle-old" type="checkbox" />
+                <label class="px-2 py-1 text-sm text-gray-600 font-mono cursor-pointer js-password-label" for="toggle-old" id="input-old-label">
+                 <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+                  <g fill="#8896ab">
+                   <path d="M23.444,10.239C21.905,8.062,17.708,3,12,3S2.1,8.062.555,10.24a3.058,3.058,0,0,0,0,3.52h0C2.1,15.938,6.292,21,12,21s9.905-5.062,11.445-7.24A3.058,3.058,0,0,0,23.444,10.239ZM12,17a5,5,0,1,1,5-5A5,5,0,0,1,12,17Z" fill="#8896ab"></path>
+                  </g>
+                 </svg>
+                </label>
+               </div>
+               <input class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="password" name="oldpassword" id="input-old">
+              </div>
+             </td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">New Password</td>
+             <td td class="py-3 px-6">
+              <div class="relative w-full">
+               <div class="absolute inset-y-0 right-0 flex items-center px-2">
+                <input class="hidden js-password-toggle" id="toggle-new" type="checkbox" />
+                <label class="px-2 py-1 text-sm text-gray-600 font-mono cursor-pointer js-password-label" for="toggle-new" id="input-new-label">
+                 <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+                  <g fill="#8896ab">
+                   <path d="M23.444,10.239C21.905,8.062,17.708,3,12,3S2.1,8.062.555,10.24a3.058,3.058,0,0,0,0,3.52h0C2.1,15.938,6.292,21,12,21s9.905-5.062,11.445-7.24A3.058,3.058,0,0,0,23.444,10.239ZM12,17a5,5,0,1,1,5-5A5,5,0,0,1,12,17Z" fill="#8896ab"></path>
+                  </g>
+                 </svg>
+                </label>
+               </div>
+               <input class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="password" name="newpassword" id="input-new">
+              </div>
+             </td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Confirm Password</td>
+             <td td class="py-3 px-6">
+              <div class="relative w-full">
+               <div class="absolute inset-y-0 right-0 flex items-center px-2">
+                <input class="hidden js-password-toggle" id="toggle-conf" type="checkbox" />
+                <label class="px-2 py-1 text-sm text-gray-600 font-mono cursor-pointer js-password-label" for="toggle-conf" id="input-confirm-label">
+                 <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+                  <g fill="#8896ab">
+                   <path d="M23.444,10.239C21.905,8.062,17.708,3,12,3S2.1,8.062.555,10.24a3.058,3.058,0,0,0,0,3.52h0C2.1,15.938,6.292,21,12,21s9.905-5.062,11.445-7.24A3.058,3.058,0,0,0,23.444,10.239ZM12,17a5,5,0,1,1,5-5A5,5,0,0,1,12,17Z" fill="#8896ab"></path>
+                  </g>
+                 </svg>
+                </label>
+               </div>
+               <input class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="password" name="confirmpassword" id="input-confirm">
+              </div>
+             </td>
+            </tr>
+          </table>
+         </div>
         </div>
+       </div>
       </div>
+     </div>
     </div>
-  </section>
-  {% include 'footer.html' %}
+   </div>
+  </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+   <div class="pb-6 ">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mx-auto">
+       <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+        <div class="px-6">
+         <div class="flex flex-wrap justify-end">
+          <div class="w-full md:w-auto p-1.5 ml-2">
+           <button type="submit" name="unlock" value="Unlock" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+            <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+             <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+              <polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline>
+              <circle cx="12" cy="12" r="11"></circle>
+             </g>
+            </svg>Apply </button>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ <input type="hidden" name="formid" value="{{ form_id }}">
+ </form>
+</div>
+</section>
+{% include 'footer.html' %}
 <script>
 function togglePassword(event) {
     let input_name = 'input-new';
@@ -172,7 +198,6 @@ const toggles = ["toggle-old", "toggle-new", "toggle-conf"]
 toggles.forEach(function (toggle_id, index) {
     document.getElementById(toggle_id).addEventListener('change', togglePassword, false);
 });
-
 </script>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/basicswap/templates/debug.html b/basicswap/templates/debug.html
index c8a7289..c478e2c 100644
--- a/basicswap/templates/debug.html
+++ b/basicswap/templates/debug.html
@@ -1,85 +1,124 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/debug">Debug</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-        </ul>
-      </div>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/debug">Debug</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Debug</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Debug options & Easter eggs.</p>
+     </div>
     </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighte r">Debug</h2>
-            <p class="font-semibold text-coolGray-200"></p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-  {% include 'inc_messages.html' %}
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2">
-            <div class="container px-0 mx-auto mt-5">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="py-3 px-6 w-80">Option</th>
-                      <th scope="col" class="py-3"></th>
-                    </tr>
-                  </thead>
-                  <form method="post">
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 pl-5 pr-5 bold">Reinitialise XMR wallet</td>
-                      <td td class="py-4">
-                    <button name="reinit_xmr" type="submit" value="Yes" class="flex flex-wrap justify-center py-2 px-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><polyline points="2.966 1.13 2.237 6.927 7.929 5.341"></polyline><path d="M2.921,18.2a11.006,11.006,0,0,1-1.041-1.9" stroke="#ffffff"></path><path d="M8.461,22.412a11.07,11.07,0,0,1-1.529-.654q-.2-.1-.392-.214" stroke="#ffffff"></path><path d="M15.539,22.41a11.062,11.062,0,0,1-2.06.486" stroke="#ffffff"></path><path d="M21.08,18.206a10.984,10.984,0,0,1-1.438,1.705" stroke="#ffffff"></path><path d="M2.759,6.027A11,11,0,0,1,22.9,13.464"></path></g></svg> Yes </button>
-                      </td>
-                      <input type="hidden" name="formid" value="{{ form_id }}"> </tr>
-                  </form>
-                </table>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden min-height-50">
+   <div class="border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="w-full mt-6 pb-6 overflow-x-auto">
+          <table class="w-full min-w-max text-sm">
+           <thead class="uppercase">
+            <tr class="text-left">
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tl-xl  bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Options</span>
               </div>
-            </div>
-          </div>
-          </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold py-3 px-6"></span>
+              </div>
+             </th>
+            </tr>
+           </thead>
+           <form method="post">
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Reinitialise XMR wallet</td>
+             <td td class="py-3 px-6 ">
+              <button name="reinit_xmr" type="submit" value="Yes" class="flex flex-wrap justify-center py-2 px-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+               <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+                <g stroke-linecap="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10">
+                 <polyline points="2.966 1.13 2.237 6.927 7.929 5.341"></polyline>
+                 <path d="M2.921,18.2a11.006,11.006,0,0,1-1.041-1.9" stroke="#ffffff"></path>
+                 <path d="M8.461,22.412a11.07,11.07,0,0,1-1.529-.654q-.2-.1-.392-.214" stroke="#ffffff"></path>
+                 <path d="M15.539,22.41a11.062,11.062,0,0,1-2.06.486" stroke="#ffffff"></path>
+                 <path d="M21.08,18.206a10.984,10.984,0,0,1-1.438,1.705" stroke="#ffffff"></path>
+                 <path d="M2.759,6.027A11,11,0,0,1,22.9,13.464"></path>
+                </g>
+               </svg>Yes - Start Process</button>
+             </td>
+             <input type="hidden" name="formid" value="{{ form_id }}">
+            </tr>
+           </form>
+          </table>
+         </div>
         </div>
+       </div>
       </div>
-  </section>
-  <!-- todo
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+   <div class="pb-6 ">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mx-auto">
+       <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+        <div class="px-6"></div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ <!-- todo
 {% if result %}
 <textarea class="monospace" rows="40" cols="160">
 {{ result }}
 </textarea>
 {% endif %}
 -->
-  </div>
+</div>
 {% include 'footer.html' %}
 </div>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/basicswap/templates/explorers.html b/basicswap/templates/explorers.html
index f955435..e70222e 100644
--- a/basicswap/templates/explorers.html
+++ b/basicswap/templates/explorers.html
@@ -1,125 +1,174 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/explorers">Explorers</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-        </ul>
-      </div>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/explores">Explorers</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Explorers</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Query blockchain explorers with quick commands.</p>
+     </div>
     </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Explorers</h2>
-            <p class="font-semibold text-coolGray-200">Query blockchain explorers with quick commands.</p>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <section>
+  <form method="post">
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden min-height-50">
+    <div class="border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="w-full min-w-max text-sm">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl  bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Select Explorer</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold py-3 px-6">Action</span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6">
+              <div class="relative">
+               <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+               </svg>
+               <select class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="explorer">
+                <!-- <option value="-1" {% if explorer==-1 %} selected{% endif %}>Select Explorer</option> -->
+                {% for e in explorers %}
+                <option value="{{ e[0] }}" {% if explorer==e[0] %} selected{% endif %}>{{ e[1] }}</option>
+                {% endfor %}
+               </select>
+              </div>
+             </td>
+             <td class="py-3 px-6">
+              <select class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="action">
+               <option value="-1" {% if action==-1 %} selected{% endif %}>Select Action</option>
+               {% for a in actions %} <option value="{{ a[0] }}" {% if action==a[0] %} selected{% endif %}>{{ a[1] }}</option>
+               {% endfor %}
+              </select>
+             </td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Arguments:</td>
+             <td class="py-3 px-6">
+              <input class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" name="args" placeholder="Arguments">
+             </td>
+            </tr>
+           </table>
           </div>
+         </div>
         </div>
+       </div>
       </div>
+     </div>
     </div>
-  </section>
-  {% include 'inc_messages.html' %}
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2">
-            <div class="container px-0 mx-auto mt-5">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <form method="post">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                    <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                      <tr>
-                        <th scope="col" class="py-3 px-6">Select Explorer</th>
-                        <th scope="col">Action</th>
-                      </tr>
-                    </thead>
-                    <tr class="bg-white border-t">
-                      <td class="py-4 px-6 bold w-96">
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="explorer">
-                            <!-- <option value="-1" {% if explorer==-1 %} selected{% endif %}>Select Explorer</option> -->{% for e in explorers %}
-                            <option value="{{ e[0] }}" {% if explorer==e[0] %} selected{% endif %}>{{ e[1] }}</option>
-                          {% endfor %}
-                        </select>
-                        </div>
-                      </td>
-                      <td class="py-4 pr-5">
-                        <select class="pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="action">
-                          <option value="-1" {% if action==-1 %} selected{% endif %}>Select Action</option> {% for a in actions %}
-                          <option value="{{ a[0] }}" {% if action==a[0] %} selected{% endif %}>{{ a[1] }}</option>
-                        {% endfor %}
-                      </select>
-                      </td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold"> Arguments: </td>
-                      <td class="py-4 pr-5">
-                        <input class="appearance-none bg-gray-50 border w-full border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" type="text" name="args" placeholder="Arguments"> </td>
-                    </tr>
-                  </table>
+   </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+   <div class="pb-6 ">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mx-auto">
+       <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+        <div class="px-6">
+         <div class="flex flex-wrap justify-end">
+          <div class="w-full md:w-auto p-1.5 ml-2">
+           <button type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+            <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+             <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+              <polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline>
+              <circle cx="12" cy="12" r="11"></circle>
+             </g>
+            </svg>Apply</button>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+ </section>
+ <input type="hidden" name="formid" value="{{ form_id }}">
+ {% if result %}
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+   <div class="border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="w-full mt-6 pb-6 overflow-x-auto">
+          <table class="w-full min-w-max text-sm">
+           <thead class="uppercase">
+            <tr class="text-left">
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Explorer output</span>
               </div>
-            </div>
-            <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-              <div class="w-full md:w-0/12">
-                <div class="flex flex-wrap justify-end -m-1.5">
-                       <div class="w-full md:w-auto p-1.5 ml-2">
-                          <button type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>  Apply</button>
-                        </div>
-                </div>
-              </div>
-            </div>
-            <input type="hidden" name="formid" value="{{ form_id }}">
-            {% if result %}
-            <div class="container px-0 mx-auto mt-5">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="py-3 px-6">Explorer output:</th>
-                    </tr>
-                  </thead>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 pl-5 pr-5">
-                      <textarea class="whitespace-pre-line outline-none block p-2.5 text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 w-full monospace" rows="15"> {{ result }} </textarea>
-                    </td>
-                  </tr>
-                </table>
-              </div>
-            </div>
-          {% endif %}
+             </th>
+            </tr>
+           </thead>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+            <td class="py-3 px-6">
+             <textarea class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" rows="20">{{ result }}</textarea>
+            </td>
+           </tr>
+          </table>
+         </div>
+        </div>
+        {% endif %}
         </form>
-          </div>
-        </div>
+       </div>
       </div>
+     </div>
     </div>
-  </section>
+ </section>
 </div>
 {% include 'footer.html' %}
-</div>
 </body>
-</html>
\ No newline at end of file
+</html>
+<!-- todo round corners -->
\ No newline at end of file
diff --git a/basicswap/templates/footer.html b/basicswap/templates/footer.html
index ba64713..8fefcb5 100644
--- a/basicswap/templates/footer.html
+++ b/basicswap/templates/footer.html
@@ -1,32 +1,35 @@
-<section class="bg-white overflow-hidden">
+<section class="overflow-hidden">
   <div class="container px-4 mx-auto">
     <div class="flex flex-wrap lg:items-center pt-24 pb-12 -mx-4">
       <div class="w-full md:w-3/4 px-4">
-        <a class="block mb-8 max-w-max" href="#"> <img class="h-8" src="/static/images/logos/basicswap-logo-dark.svg" alt=""> </a>
+        <a class="block mb-8 max-w-max" href="/">
+          <img src="/static/images/logos/basicswap-logo.svg" class="h-8 imageshow dark-image">
+          <img src="/static/images/logos/basicswap-logo-dark.svg" class="h-8 imageshow light-image">
+        </a>
         <div class="mb-12 md:mb-0 flex flex-wrap -mx-3 md:-mx-6">
-          <div class="w-full md:w-auto p-3 md:py-0 md:px-6"><a class="inline-block text-coolGray-500 hover:text-coolGray-600 font-medium" href="https://academy.particl.io/en/latest/basicswap-dex/basicswap_explained.html" target="_blank">BasicSwap Explained</a></div>
-          <div class="w-full md:w-auto p-3 md:py-0 md:px-6"><a class="inline-block text-coolGray-500 hover:text-coolGray-600 font-medium" href="https://academy.particl.io/en/latest/basicswap-guides/basicswapguides_installation.html" target="_blank">Tutorials and Guides</a></div>
-          <div class="w-full md:w-auto p-3 md:py-0 md:px-6"><a class="inline-block text-coolGray-500 hover:text-coolGray-600 font-medium" href="https://academy.particl.io/en/latest/faq/get_support.html" target="_blank">Get Support</a></div>
+          <div class="w-full md:w-auto p-3 md:py-0 md:px-6"><a class="inline-block text-coolGray-500 dark:text-gray-300 font-medium" href="https://academy.particl.io/en/latest/basicswap-dex/basicswap_explained.html" target="_blank">BasicSwap Explained</a></div>
+          <div class="w-full md:w-auto p-3 md:py-0 md:px-6"><a class="inline-block text-coolGray-500 dark:text-gray-300 font-medium" href="https://academy.particl.io/en/latest/basicswap-guides/basicswapguides_installation.html" target="_blank">Tutorials and Guides</a></div>
+          <div class="w-full md:w-auto p-3 md:py-0 md:px-6"><a class="inline-block text-coolGray-500 dark:text-gray-300 font-medium" href="https://academy.particl.io/en/latest/faq/get_support.html" target="_blank">Get Support</a></div>
         </div>
       </div>
       <div class="w-full md:w-1/4 px-4"> </div>
     </div>
   </div>
-  <div class="border-b border-coolGray-100"></div>
+  <div class="border-b border-gray-100 dark:border-gray-500 dark:bg-body dark:border-b-2"></div> 
   <div class="container px-4 mx-auto">
     <div class="flex flex-wrap items-center py-12 md:pb-32">
       <div class="w-full md:w-1/2 mb-6 md:mb-0">
         <div class="flex items-center">
           <div class="flex items-center">
-            <p class="mr-1 text-sm text-gray-90 font-medium ">© 2022~ </p>
-            <p class="text-sm text-coolGray-400 font-medium">{{ title }}</p> <span class="w-1 h-1 mx-1.5 bg-gray-500 rounded-full"></span>
-            <p class="text-sm text-coolGray-400 font-medium">GUI 0.1.2 </p> <span class="w-1 h-1 mx-1.5 bg-gray-500 rounded-full"></span>
-            <p class="mr-2 text-sm font-bold text-gray-90 ">Made with </p>
+            <p class="mr-1 text-sm text-gray-90 dark:text-white font-medium ">© 2023~</p>
+            <p class="text-sm text-coolGray-400 dark:text-white font-medium">{{ title }}</p> <span class="w-1 h-1 mx-1.5 bg-gray-500 rounded-full"></span>
+            <p class="text-sm text-coolGray-400 dark:text-white font-medium">GUI 2.0 </p> <span class="w-1 h-1 mx-1.5 bg-gray-500 rounded-full"></span>
+            <p class="mr-2 text-sm font-bold dark:text-white text-gray-90 ">Made with </p>
             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
               <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#f80b0b" stroke-linejoin="round">
                 <path d="M21.243,3.757 c-2.343-2.343-6.142-2.343-8.485,0c-0.289,0.289-0.54,0.6-0.757,0.927c-0.217-0.327-0.469-0.639-0.757-0.927 c-2.343-2.343-6.142-2.343-8.485,0c-2.343,2.343-2.343,6.142,0,8.485L12,21.485l9.243-9.243C23.586,9.899,23.586,6.1,21.243,3.757z"></path>
               </g>
-            </svg> <span class="ml-2 text-sm font-bold text-gray-90 ">by TV and CRZ</span></div>
+            </svg> <span class="ml-2 text-sm font-bold dark:text-white text-gray-90 ">by TV and CRZ</span></div><!-- fix dots -->
         </div>
       </div>
       <div class="w-full md:w-1/2">
@@ -48,4 +51,65 @@
     </div>
   </div>
 </section>
-<script src="/static/js/libs/dd.min.js"></script>
\ No newline at end of file
+    <script>
+      window.onload = () => {
+        toggleImages();
+      };
+
+      document.getElementById('theme-toggle').addEventListener('click', () => {
+        toggleImages();
+      });
+
+      function toggleImages() {
+        const html = document.querySelector('html');
+        const darkImages = document.querySelectorAll('.dark-image');
+        const lightImages = document.querySelectorAll('.light-image');
+
+        if (html && html.classList.contains('dark')) {
+          toggleImageDisplay(darkImages, 'block');
+          toggleImageDisplay(lightImages, 'none');
+        } else {
+          toggleImageDisplay(darkImages, 'none');
+          toggleImageDisplay(lightImages, 'block');
+        }
+      }
+
+      function toggleImageDisplay(images, display) {
+        images.forEach(img => {
+          img.style.display = display;
+        });
+      }
+    </script>
+
+<script>
+      var themeToggleDarkIcon = document.getElementById('theme-toggle-dark-icon');
+      var themeToggleLightIcon = document.getElementById('theme-toggle-light-icon');
+
+      if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+          themeToggleLightIcon.classList.remove('hidden');
+      } else {
+          themeToggleDarkIcon.classList.remove('hidden');
+      }
+
+      function setTheme(theme) {
+        if (theme === 'light') {
+          document.documentElement.classList.remove('dark');
+          localStorage.setItem('color-theme', 'light');
+        } else {
+          document.documentElement.classList.add('dark');
+          localStorage.setItem('color-theme', 'dark');
+        }
+      }
+
+      document.getElementById('theme-toggle').addEventListener('click', () => {
+        if (localStorage.getItem('color-theme') === 'dark') {
+          setTheme('light');
+        } else {
+          setTheme('dark');
+        }
+        themeToggleDarkIcon.classList.toggle('hidden');
+        themeToggleLightIcon.classList.toggle('hidden');
+        toggleImages();
+      });
+
+</script>
\ No newline at end of file
diff --git a/basicswap/templates/header.html b/basicswap/templates/header.html
index a2bec1b..5ac3811 100644
--- a/basicswap/templates/header.html
+++ b/basicswap/templates/header.html
@@ -5,17 +5,91 @@
   {% if refresh %}
   <meta http-equiv="refresh" content="{{ refresh }}">
   {% endif %}
+  <link type="text/css" media="all" href="/static/css/libs/flowbite.min.css" rel="stylesheet" />
   <link type="text/css" media="all" href="/static/css/libs/tailwind.min.css" rel="stylesheet">
-  <link type="text/css" media="all" href="/static/css/libs/dd.min.css" rel="stylesheet">
   <link type="text/css" media="all" href="/static/css/style.css" rel="stylesheet">
   <script src="/static/js/main.js"></script>
   <script src="/static/js/libs/flowbite.js"></script>
+<script>
+  const isDarkMode =
+    localStorage.getItem('color-theme') === 'dark' ||
+    (!localStorage.getItem('color-theme') &&
+      window.matchMedia('(prefers-color-scheme: dark)').matches);
+
+  if (!localStorage.getItem('color-theme')) {
+    localStorage.setItem('color-theme', isDarkMode ? 'dark' : 'light');
+  }
+
+  document.documentElement.classList.toggle('dark', isDarkMode);
+</script>
+
+  <script>
+  window.Components = {
+  customSelect(options) {
+    return {
+      init() {
+        this.$refs.listbox.focus()
+        this.optionCount = this.$refs.listbox.children.length
+        this.$watch('selected', value => {
+          if (!this.open) return
+
+          if (this.selected === null) {
+            this.activeDescendant = ''
+            return
+          }
+
+          this.activeDescendant = this.$refs.listbox.children[this.selected - 1].id
+        })
+      },
+      activeDescendant: null,
+      optionCount: null,
+      open: false,
+      selected: null,
+      value: 1,
+      choose(option) {
+        this.value = option
+        this.open = false
+      },
+      onButtonClick() {
+        if (this.open) return
+        this.selected = this.value
+        this.open = true
+        this.$nextTick(() => {
+          this.$refs.listbox.focus()
+          this.$refs.listbox.children[this.selected - 1].scrollIntoView({ block: 'nearest' })
+        })
+      },
+      onOptionSelect() {
+        if (this.selected !== null) {
+          this.value = this.selected
+        }
+        this.open = false
+        this.$refs.button.focus()
+      },
+      onEscape() {
+        this.open = false
+        this.$refs.button.focus()
+      },
+      onArrowUp() {
+        this.selected = this.selected - 1 < 1 ? this.optionCount : this.selected - 1
+        this.$refs.listbox.children[this.selected - 1].scrollIntoView({ block: 'nearest' })
+      },
+      onArrowDown() {
+        this.selected = this.selected + 1 > this.optionCount ? 1 : this.selected + 1
+        this.$refs.listbox.children[this.selected - 1].scrollIntoView({ block: 'nearest' })
+      },
+      ...options,
+    }
+  },
+}
+
+</script>
   <link rel=icon sizes="32x32" type="image/png" href="/static/images/favicon/favicon-32.png">
   <title>{{ title }}</title>
 </head>
-<body>
+<body class="dark:bg-gray-700">
   <section>
-    <nav class="relative bg-gray-800">
+    <nav class="relative bg-gray-700">
       <div class="p-6 container flex flex-wrap items-center justify-between items-center mx-auto">
         <a class="flex-shrink-0 mr-12 text-2xl text-white font-semibold" href="/"> <img class="h-10" src="/static/images/logos/basicswap-logo.svg" alt="" width="auto"></a>
         <ul class="hidden xl:flex">
@@ -56,7 +130,7 @@
           </li>
         </ul>
         <ul class="mr-10 hidden xl:flex lg:justify-end lg:items-center lg:space-x-6 ml-auto">
-          <div id="dropdownNavbarLink" data-dropdown-toggle="dropdownNavbar" class="flex justify-between items-center py-2 pr-4 pl-3 w-full text-gray-50 text-sm  md:border-0 md:p-0 md:w-auto text-gray-50">
+          <div id="dropdownNavbarLink" data-dropdown-toggle="dropdownNavbar" class="flex justify-between items-center py-2 pr-4 pl-3 w-full text-gray-50 text-sm  md:border-0 md:p-0 md:w-auto text-gray-50 hover:text-gray-100">
             <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
               <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
                 <path d="M14,19l2.95,2.95A3.5,3.5,0,0,0,21.9,22l.051-.051h0A3.5,3.5,0,0,0,22,17l-.051-.051L20,15" stroke="#6b7280"></path>
@@ -70,10 +144,10 @@
           </div>
         </ul>
         <!-- dropdown settings & tools -->
-        <div id="dropdownNavbar" class="hidden z-50 w-50 font-normal bg-white shadow divide-y divide-gray-100">
+        <div id="dropdownNavbar" class="hidden z-50 w-50 font-normal bg-white shadow divide-y divide-gray-100 dark:bg-gray-500 dark:divide-gray-400 dark:text-white">
           <ul class="py-0 text-sm text-gray-700" aria-labelledby="dropdownLargeButton">
             <li>
-              <a href="/settings" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">Settings</span>
+              <a href="/settings" class="flex items-center block py-4 px-4 hover:bg-gray-100 dark:hover:bg-gray-700 dark:text-white"> <span class="sr-only">Settings</span>
                 <svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24">
                   <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
                     <circle cx="12" cy="12" r="3" stroke="#6b7280"></circle>
@@ -83,7 +157,7 @@
             </li>
             {% if debug_mode == true %}
             <li>
-              <a href="/rpc" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">RPC</span>
+              <a href="/rpc" class="flex items-center block py-4 px-4 hover:bg-gray-100 dark:hover:bg-gray-700 dark:text-white"> <span class="sr-only">RPC</span>
                 <svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
                   <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
                     <rect x="1" y="2" width="22" height="20"></rect>
@@ -97,7 +171,7 @@
             {% endif %}
             {% if debug_mode == true %}
             <li>
-              <a href="/debug" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">Debug</span>
+              <a href="/debug" class="flex items-center block py-4 px-4 hover:bg-gray-100 dark:hover:bg-gray-700 dark:text-white"> <span class="sr-only">Debug</span>
                 <svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
                   <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
                     <path data-cap="butt" d="M5.29,10H4A3,3,0,0,1,1,7V6" stroke="#6b7280"></path>
@@ -114,7 +188,7 @@
             {% endif %}
             {% if debug_mode == true %}
             <li>
-              <a href="/explorers" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">Explorers</span>
+              <a href="/explorers" class="flex items-center block py-4 px-4 hover:bg-gray-100 dark:hover:bg-gray-700 dark:text-white"> <span class="sr-only">Explorers</span>
                 <svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
                   <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
                     <line x1="22" y1="22" x2="15.656" y2="15.656" stroke="#6b7280"></line>
@@ -125,7 +199,7 @@
             {% endif %}
             {% if use_tor_proxy == true %}
             <li>
-              <a href="/tor" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">Debug</span>
+              <a href="/tor" class="flex items-center block py-4 px-4 hover:bg-gray-100 dark:hover:bg-gray-700 dark:text-white"> <span class="sr-only">Debug</span>
                 <svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
                           <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
                             <path d="M9,18.8A6.455,6.455,0,0,1,7,14,6.455,6.455,0,0,1,9,9.2" stroke="#6b7280"></path>
@@ -137,7 +211,7 @@
             </li>
             {% endif %}
             <li>
-              <a href="/smsgaddresses" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">Settings</span>
+              <a href="/smsgaddresses" class="flex items-center block py-4 px-4 hover:bg-gray-100 dark:hover:bg-gray-700 dark:text-white"> <span class="sr-only">Settings</span>
                 <svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
                   <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
                     <path data-cap="butt" d="M11.992,11.737,14.2,13.4A2,2,0,0,1,15,15v1H7V15a2,2,0,0,1,.8-1.6l2.208-1.663" stroke="#6b7280"></path>
@@ -148,7 +222,7 @@
                 </svg> SMSG Addresses</a>
             </li>
             <li>
-              <a href="/watched" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">Automation Strategies</span>
+              <a href="/watched" class="flex items-center block py-4 px-4 hover:bg-gray-100 dark:hover:bg-gray-700 dark:text-white"> <span class="sr-only">Automation Strategies</span>
                 <svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
                   <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
                     <path d="M1.373,13.183a2.064,2.064,0,0,1,0-2.366C2.946,8.59,6.819,4,12,4s9.054,4.59,10.627,6.817a2.064,2.064,0,0,1,0,2.366C21.054,15.41,17.181,20,12,20S2.946,15.41,1.373,13.183Z"></path>
@@ -158,7 +232,7 @@
             </li>
             {% if debug_mode == true %}
             <li>
-              <a href="/automation" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">Automation Strategies</span>
+              <a href="/automation" class="flex items-center block py-4 px-4 hover:bg-gray-10 dark:hover:bg-gray-700 dark:text-white"> <span class="sr-only">Automation Strategies</span>
                 <svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
                   <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
                     <line data-cap="butt" x1="5" y1="1" x2="5" y2="6" stroke="#6b7280"></line>
@@ -177,7 +251,7 @@
           {% endif %}
         </ul>
           <div class="text-sm text-gray-700">
-            <a href="/shutdown/{{ shutdown_token }}" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">Shutdown</span>
+            <a href="/shutdown/{{ shutdown_token }}" class="flex items-center block py-4 px-4 hover:bg-gray-100 dark:hover:bg-gray-700 dark:text-white"> <span class="sr-only">Shutdown</span>
               <svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
                 <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
                   <line data-cap="butt" x1="11" y1="10" x2="22" y2="10" stroke="#6b7280"></line>
@@ -192,62 +266,62 @@
         <!-- notifications -->
         <button id="dropdownNotificationButton" data-dropdown-toggle="dropdownNotification" class="inline-flex items-center text-sm font-medium text-center text-gray-500 focus:outline-none " type="button">
           <svg class="h-5 w-5" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M14 11.18V8C13.9986 6.58312 13.4958 5.21247 12.5806 4.13077C11.6655 3.04908 10.3971 2.32615 9 2.09V1C9 0.734784 8.89464 0.48043 8.70711 0.292893C8.51957 0.105357 8.26522 0 8 0C7.73478 0 7.48043 0.105357 7.29289 0.292893C7.10536 0.48043 7 0.734784 7 1V2.09C5.60294 2.32615 4.33452 3.04908 3.41939 4.13077C2.50425 5.21247 2.00144 6.58312 2 8V11.18C1.41645 11.3863 0.910998 11.7681 0.552938 12.2729C0.194879 12.7778 0.00173951 13.3811 0 14V16C0 16.2652 0.105357 16.5196 0.292893 16.7071C0.48043 16.8946 0.734784 17 1 17H4.14C4.37028 17.8474 4.873 18.5954 5.5706 19.1287C6.26819 19.6621 7.1219 19.951 8 19.951C8.8781 19.951 9.73181 19.6621 10.4294 19.1287C11.127 18.5954 11.6297 17.8474 11.86 17H15C15.2652 17 15.5196 16.8946 15.7071 16.7071C15.8946 16.5196 16 16.2652 16 16V14C15.9983 13.3811 15.8051 12.7778 15.4471 12.2729C15.089 11.7681 14.5835 11.3863 14 11.18ZM4 8C4 6.93913 4.42143 5.92172 5.17157 5.17157C5.92172 4.42143 6.93913 4 8 4C9.06087 4 10.0783 4.42143 10.8284 5.17157C11.5786 5.92172 12 6.93913 12 8V11H4V8ZM8 18C7.65097 17.9979 7.30857 17.9045 7.00683 17.7291C6.70509 17.5536 6.45451 17.3023 6.28 17H9.72C9.54549 17.3023 9.29491 17.5536 8.99317 17.7291C8.69143 17.9045 8.34903 17.9979 8 18ZM14 15H2V14C2 13.7348 2.10536 13.4804 2.29289 13.2929C2.48043 13.1054 2.73478 13 3 13H13C13.2652 13 13.5196 13.1054 13.7071 13.2929C13.8946 13.4804 14 13.7348 14 14V15Z" fill="currentColor"></path>
+            <path d="M14 11.18V8C13.9986 6.58312 13.4958 5.21247 12.5806 4.13077C11.6655 3.04908 10.3971 2.32615 9 2.09V1C9 0.734784 8.89464 0.48043 8.70711 0.292893C8.51957 0.105357 8.26522 0 8 0C7.73478 0 7.48043 0.105357 7.29289 0.292893C7.10536 0.48043 7 0.734784 7 1V2.09C5.60294 2.32615 4.33452 3.04908 3.41939 4.13077C2.50425 5.21247 2.00144 6.58312 2 8V11.18C1.41645 11.3863 0.910998 11.7681 0.552938 12.2729C0.194879 12.7778 0.00173951 13.3811 0 14V16C0 16.2652 0.105357 16.5196 0.292893 16.7071C0.48043 16.8946 0.734784 17 1 17H4.14C4.37028 17.8474 4.873 18.5954 5.5706 19.1287C6.26819 19.6621 7.1219 19.951 8 19.951C8.8781 19.951 9.73181 19.6621 10.4294 19.1287C11.127 18.5954 11.6297 17.8474 11.86 17H15C15.2652 17 15.5196 16.8946 15.7071 16.7071C15.8946 16.5196 16 16.2652 16 16V14C15.9983 13.3811 15.8051 12.7778 15.4471 12.2729C15.089 11.7681 14.5835 11.3863 14 11.18ZM4 8C4 6.93913 4.42143 5.92172 5.17157 5.17157C5.92172 4.42143 6.93913 4 8 4C9.06087 4 10.0783 4.42143 10.8284 5.17157C11.5786 5.92172 12 6.93913 12 8V11H4V8ZM8 18C7.65097 17.9979 7.30857 17.9045 7.00683 17.7291C6.70509 17.5536 6.45451 17.3023 6.28 17H9.72C9.54549 17.3023 9.29491 17.5536 8.99317 17.7291C8.69143 17.9045 8.34903 17.9979 8 18ZM14 15H2V14C2 13.7348 2.10536 13.4804 2.29289 13.2929C2.48043 13.1054 2.73478 13 3 13H13C13.2652 13 13.5196 13.1054 13.7071 13.2929C13.8946 13.4804 14 13.7348 14 14V15Z" fill="#6b7280"></path>
           </svg>
           <div class="flex relative">
             <!-- Todo -->
-            <div class="inline-flex relative -top-2 right-2 w-3 h-3 bg-green-500 rounded-full border-2 border-gray-800"></div>
+            <!-- <div class="inline-flex relative -top-2 right-2 w-3 h-3 bg-green-500 rounded-full border-2 border-gray-800"></div> -->
             <!-- Red <div class="inline-flex relative -top-2 right-3 w-3 h-3 bg-red-500 rounded-full border-2 border-white"></div>  --></div>
         </button>
         <!-- Dropdown menu -->
-        <div id="dropdownNotification" class="hidden z-50 w-full max-w-sm bg-white shadow rounded divide-y divide-gray-100 drop-shadow" aria-labelledby="dropdownNotificationButton">
-          <div class="block py-2 px-4 font-medium text-center text-gray-700 bg-gray-50 drop-shadow"> Notifications </div>
-          <div class="divide-y divide-gray-100">
+        <div id="dropdownNotification" class="hidden z-50 w-full max-w-sm bg-white shadow rounded divide-y divide-gray-100 drop-shadow dark:bg-gray-500 dark:divide-gray-400 dark:text-white" aria-labelledby="dropdownNotificationButton">
+          <div class="block py-2 px-4 font-semibold text-center text-gray-700 bg-gray-50 drop-shadow dark:text-white dark:bg-gray-500">Notifications History</div>
+          <div class="divide-y divide-gray-100 dark:divide-gray-400">
             {% for entry in notifications %} {% if entry[1] == 1 %}
-            <div class="flex py-3 px-4 hover:bg-gray-100">
+            <div class="flex py-3 px-4 hover:bg-gray-100 dark:hover:bg-gray-700">
               <div class="inline-flex flex-shrink-0 justify-center items-center w-8 h-8 bg-blue-500 rounded-lg"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round"><circle cx="5" cy="5" r="4"></circle> <circle cx="19" cy="19" r="4"></circle> <polyline data-cap="butt" points="13,5 21,5 21,11 " stroke="#ffffff"></polyline> <polyline data-cap="butt" points="11,19 3,19 3,13 " stroke="#ffffff"></polyline> <polyline points=" 16,2 13,5 16,8 " stroke="#ffffff"></polyline> <polyline points=" 8,16 11,19 8,22 " stroke="#ffffff"></polyline></g></svg></div>
               <div class="pl-3 w-full">
-                <div class="text-gray-500 text-sm mb-1.5"> <span class="font-semibold text-gray-900">
-                    NEW NETWORK <a class="underline" href="/offer/{{ entry[2].offer_id }}">OFFER</a></span>
-                  <br/> <span class="mt-2 inline-flex text-xs font-small monospace text-center">
+                <div class="text-gray-500 text-sm mb-1.5"> <span class="font-semibold text-gray-900 dark:text-white">
+                    NEW NETWORK <a class="underline text-blue-500" href="/offer/{{ entry[2].offer_id }}">OFFER</a></span>
+                  <br/> <span class="mt-2 inline-flex text-xs font-small monospace text-center dark:text-gray-300">
                   <a href="/offer/{{ entry[2].offer_id }}">{{ entry[2].offer_id|truncate(42, True) }}</a>
                   </span></div>
-                <div class="text-xs text-gray-600 bold">{{ entry[0] }}</div>
+                <div class="text-xs text-gray-600 bold dark:text-gray-300">{{ entry[0] }}</div>
               </div>
             </div>
             {% elif entry[1] == 2 %}
-            <div class="flex py-3 px-4 hover:bg-gray-100">
+            <div class="flex py-3 px-4 hover:bg-gray-100 dark:hover:bg-gray-700">
               <div class="inline-flex flex-shrink-0 justify-center items-center w-8 h-8 bg-blue-500 rounded-lg"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round"><rect x="9.843" y="5.379" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.7635 13.1569)" width="11.314" height="4.243"></rect> <polyline points="3,23 3,19 15,19 15,23 "></polyline> <line x1="4" y1="15" x2="1" y2="15" stroke="#ffffff"></line> <line x1="5.757" y1="10.757" x2="3.636" y2="8.636" stroke="#ffffff"></line> <line x1="1" y1="23" x2="17" y2="23"></line> <line x1="17" y1="9" x2="23" y2="15"></line></g></svg></div>
               <div class="pl-3 w-full">
-                <div class="text-gray-500 text-sm mb-1.5"> <span class="font-semibold text-gray-900">
-                    <a class="underline" href="/bid/{{ entry[2].bid_id }}">NEW BID</a> ON <a class="underline" href="/offer/{{ entry[2].offer_id }}">OFFER</a></span>
-                  <br/> <span class="mt-2 inline-flex text-xs font-small monospace text-center">
+                <div class="text-gray-500 dark:text-white text-sm mb-1.5"> <span class="font-semibold text-gray-900 dark:text-white">
+                    <a class="underline text-blue-500" href="/bid/{{ entry[2].bid_id }}">NEW BID</a> ON <a class="underline text-blue-500" href="/offer/{{ entry[2].offer_id }}">OFFER</a></span>
+                  <br/> <span class="mt-2 inline-flex text-xs font-small monospace text-center dark:text-gray-300">
                       <a href="/offer/{{ entry[2].offer_id }}">{{ entry[2].offer_id|truncate(42, True) }}</a>
                     </span></div>
-                <div class="text-xs text-gray-600 bold">{{ entry[0] }}</div>
+                <div class="text-xs text-gray-600 bold dark:text-gray-300">{{ entry[0] }}</div>
               </div>
             </div>
             {% elif entry[1] == 3 %}
-            <div class="flex py-3 px-4 hover:bg-gray-100">
+            <div class="flex py-3 px-4 hover:bg-gray-100 dark:hover:bg-gray-700">
               <div class="inline-flex flex-shrink-0 justify-center items-center w-8 h-8 bg-violet-500 rounded-lg"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24"><g fill="#ffffff"><path d="M8.5,20a1.5,1.5,0,0,1-1.061-.439L.379,12.5,2.5,10.379l6,6,13-13L23.621,5.5,9.561,19.561A1.5,1.5,0,0,1,8.5,20Z" fill="#ffffff"></path></g></svg></div>
               <div class="pl-3 w-full">
-                <div class="text-gray-500 text-sm mb-1.5"> <span class="font-semibold text-gray-900">
-                    <a class="underline" href="/bid/{{ entry[2].bid_id }}">BID</a> ACCEPTED</span>
-                  <br/> <span class="mt-2 inline-flex text-xs font-small monospace text-center">
+                <div class="text-gray-500 text-sm mb-1.5 dark:text-white"> <span class="font-semibold text-gray-900 dark:text-white">
+                    <a class="underline text-blue-500" href="/bid/{{ entry[2].bid_id }}">BID</a> ACCEPTED</span>
+                  <br/> <span class="mt-2 inline-flex text-xs font-small monospace text-center dark:text-gray-300">
                   <a href="/bid/{{ entry[2].bid_id }}">{{ entry[2].bid_id|truncate(42, True) }}</a>
                   </span></div>
-                <div class="text-xs text-gray-600 bold">{{ entry[0] }}</div>
+                <div class="text-xs text-gray-600 bold dark:text-gray-300">{{ entry[0] }}</div>
               </div>
             </div>
             {% else %}
-            <div class="flex py-3 px-4 hover:bg-gray-100">
+            <div class="flex py-3 px-4 hover:bg-gray-100 dark:hover:bg-gray-700">
               <div class="inline-flex flex-shrink-0 justify-center items-center w-8 h-8 bg-blue-500 rounded-lg"><svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24"><g fill="#ffffff"><path d="M8.5,20a1.5,1.5,0,0,1-1.061-.439L.379,12.5,2.5,10.379l6,6,13-13L23.621,5.5,9.561,19.561A1.5,1.5,0,0,1,8.5,20Z" fill="#ffffff"></path></g></svg></div>
               <div class="pl-3 w-full">
-                <div class="text-gray-500 text-sm mb-1.5"> <span class="font-semibold text-gray-900">
+                <div class="text-gray-500 text-sm mb-1.5 dark:text-white"> <span class="font-semibold text-gray-900 dark:text-white">
                     UNKNOWN EVENT</span>
-                  <br/> <span class="mt-2 inline-flex text-xs font-small monospace text-center">
+                  <br/> <span class="mt-2 inline-flex text-xs font-small monospace text-center dark:text-gray-300">
                   {{ entry[1] }}
-                  <div class="text-xs text-gray-600 bold">{{ entry[0] }}</div>
+                  <div class="text-xs text-gray-600 bold dark:text-gray-300 dark:text-gray-300">{{ entry[0] }}</div>
                 </div>
               </div>
                {% endif %}
@@ -261,13 +335,13 @@
                     <circle cx="12" cy="12" r="4" stroke="#6b7280"></circle>
                   </g>
                 </svg> View all
-              </div>
+              </div> 
             </a>-->
           </div>
 <!-- notifications -->
-<!-- todo - fix line -->
+<!-- todo - fix line --> 
 <div class="flex mr-2 items-center text-gray-50 hover:text-gray-100 text-sm ml-5">
-  <div class="flex-shrink-0 w-px h-10 bg-gray-600 ml-4 mr-5"></div>
+  <div class="flex-shrink-0 w-px h-10 bg-gray-400 dark:bg-gray-400 ml-4 mr-5"></div>
               {% if debug_mode == true %}
               <!-- dev mode icons on/off -->
               <ul class="xl:flex">
@@ -334,6 +408,13 @@
                   </li>
                 </ul>
                 <!-- tor -->
+                <button data-tooltip-target="tooltip-darkmode" id="theme-toggle" type="button" class="text-gray-500 dark:text-gray-400 focus:outline-none rounded-lg text-sm ml-5">
+                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="#F59E0B" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path></svg>
+                 <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="#F59E0B" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"></path></svg>
+                 <span data-tooltip-target="tooltip-TOR"></span>
+                    <div class="tooltip-arrow" data-popper-arrow></div>
+                    <div id="tooltip-darkmode" role="tooltip" class="inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-blue-500 rounded-lg shadow-sm opacity-0 transition-opacity duration-300 tooltip">Dark mode</div>
+                </button>
               {% endif %}
             </div>
               <div class="hidden xl:block"></div>
@@ -348,11 +429,11 @@
               </div>
               <!-- mobile menu -->
             </div>
-            <div class="hidden xl:block py-5 px-6 bg-gray-50 border-b">
+            <div class="hidden xl:block py-5 px-6 bg-coolGray-100 border-gray-100 dark:border-gray-500 dark:bg-body border-b dark:border-b-2">
               <div class="flex items-center container flex flex-wrap items-center justify-between items-center mx-auto">
                 <ul class="flex items-center">
                   <li>
-                    <a class="flex mr-10 items-center text-sm text-gray-500 hover:text-gray-600" href="/active">
+                    <a class="flex mr-5 items-center text-sm text-gray-400 hover:text-gray-600 dark:text-gray-100 dark:hover:text-gray-100" href="/active">
                       <svg class="text-gray-100 w-5 h-5 ml-7 mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
                         <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
                           <circle data-cap="butt" cx="12" cy="12" r="3" stroke="#6b7280"></circle>
@@ -363,9 +444,9 @@
                         </g>
                       </svg><span>Swaps in Progress </span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_swapping }}</span></a>
                   </li>
-                  <div class="flex-shrink-0 w-px h-10 bg-gray-300 mr-10"></div>
+                  <div class="flex-shrink-0 w-px h-10 bg-gray-200 dark:bg-gray-400 mr-10"></div>
                   <li>
-                    <a class="flex mr-5 items-center text-sm text-gray-500 hover:text-gray-600" href="/sentoffers">
+                    <a class="flex mr-5 items-center text-sm text-gray-400 hover:text-gray-600 dark:text-gray-100 dark:hover:text-gray-100" href="/sentoffers">
                       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24">
                         <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
                           <circle cx="5" cy="5" r="4"></circle>
@@ -377,9 +458,9 @@
                         </g>
                       </svg><span>Your Offers</span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_sent_offers }}</span></a>
                   </li>
-                  <div class="flex-shrink-0 w-px h-10 bg-gray-300 ml-4 mr-10"></div>
+                  <div class="flex-shrink-0 w-px h-10 bg-gray-200 dark:bg-gray-400 mr-10"></div>
                   <li>
-                    <a class="flex mr-10 items-center text-sm text-gray-500 hover:text-gray-600" href="/availablebids">
+                    <a class="flex mr-10 items-center text-sm text-gray-400 hover:text-gray-600 dark:text-gray-100 dark:hover:text-gray-100" href="/availablebids">
                       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
                         <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
                           <circle cx="12" cy="12" r="11"></circle>
@@ -388,7 +469,7 @@
                       </svg><span>Available Bids</span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_available_bids }}</span></a>
                   </li>
                   <li>
-                    <a class="flex mr-10 items-center text-sm text-gray-500 hover:text-gray-600" href="/receivedbids">
+                    <a class="flex mr-10 items-center text-sm text-gray-400 hover:text-gray-600 dark:text-gray-100 dark:hover:text-gray-100" href="/receivedbids">
                       <svg class="text-gray-100 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
                         <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
                           <path d="M2,16v4a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V16"> </path>
@@ -398,7 +479,7 @@
                       </svg><span>Bids Received</span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_recv_bids }}</span></a>
                   </li>
                   <li>
-                    <a class="flex mr-10 items-center text-sm text-gray-500 hover:text-gray-600" href="/sentbids">
+                    <a class="flex mr-10 items-center text-sm text-gray-400 hover:text-gray-600 dark:text-gray-100 dark:hover:text-gray-100" href="/sentbids">
                       <svg class="text-gray-100 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
                         <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
                           <path d="M2,16v4a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V16"></path>
@@ -406,20 +487,20 @@
                           <polyline points="17 7 12 2 7 7" stroke="#6b7280"></polyline>
                         </g>
                       </svg> <span>Bids Sent</span><span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_sent_bids }}</span></a>
-                  </li>
+                  </li>                  
                 </ul>
               </div>
             </div>
     </nav>
-    <!-- mobile sidebar -->
+    <!-- mobile sidebar TODO/WIP  -->
     <div class="hidden navbar-menu fixed top-0 left-0 bottom-0 w-3/4 lg:w-80 sm:max-w-xs z-50">
-      <div class="navbar-backdrop fixed inset-0 bg-gray-800 opacity-10"></div>
-      <nav class="relative flex flex-col pt-6 pb-8 h-full w-full bg-gray-800 overflow-y-auto">
+      <div class="navbar-backdrop fixed inset-0 bg-gray-700 dark:bg-gray-600 opacity-10"></div>
+      <nav class="relative flex flex-col pt-6 pb-8 h-full w-full bg-gray-700 dark:bg-gray-600 overflow-y-auto">
         <div class="flex w-full items-center px-6 pb-6 mb-6 lg:border-b border-gray-700">
           <a class="text-xl text-white font-semibold" href="/"> <img class="h-8" src="/static/images/logos/basicswap-logo.svg" alt="" width="auto"></a>
         </div>
         <div class="px-4 pb-6">
-          <h3 class="mb-2 text-xs uppercase text-gray-500 font-medium">Wallet</h3>
+          <h3 class="mb-2 text-xs uppercase text-gray-300 font-medium dark:text-gray-300">Wallet</h3>
           <ul class="mb-8 text-sm font-medium">
             <li>
               <a class="flex items-center pl-3 py-3 pr-4 text-gray-50 hover:bg-gray-900 rounded" href="/wallets"> <span class="inline-block mr-3">
@@ -435,7 +516,7 @@
                 </span></a>
             </li>
           </ul>
-          <h3 class="mb-2 text-xs uppercase text-gray-500 font-medium">Exchange</h3>
+          <h3 class="mb-2 text-xs uppercase text-gray-300 font-medium dark:text-gray-300">Exchange</h3>
           <ul class="text-sm font-medium">
             <li>
               <a class="flex items-center pl-3 py-3 pr-2 text-gray-50 hover:bg-gray-900 rounded" href="/newoffer"> <span class="inline-block mr-3">
@@ -523,7 +604,7 @@
                 </span><span>Bids Sent</span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_sent_bids }}</span></a>
             </li>
           </ul>
-          <h3 class="mb-2 text-xs uppercase text-gray-500 font-medium mt-5">Settings</h3>
+          <h3 class="mb-2 text-xs uppercase text-gray-300 font-medium dark:text-gray-300 mt-5">Settings</h3>
           <ul class="text-sm font-medium">
             <li>
               <a class="flex items-center pl-3 py-3 pr-2 text-gray-50 hover:bg-gray-900 rounded" href="/settings"> <span class="inline-block mr-3">
@@ -660,7 +741,7 @@
       let json = JSON.parse(event.data);
       let event_message = 'Unknown event';
       if (json['event'] == 'new_offer') {
-        event_message = '<div id="hide"><div id="toast-success" class="flex items-center p-4 mb-4 w-full max-w-xs text-gray-500 bg-white rounded-lg shadow" role="alert"><div class="inline-flex flex-shrink-0 justify-center items-center w-10 h-10 bg-blue-500 rounded-lg"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round"><circle cx="5" cy="5" r="4"></circle> <circle cx="19" cy="19" r="4"></circle> <polyline data-cap="butt" points="13,5 21,5 21,11 " stroke="#ffffff"></polyline> <polyline data-cap="butt" points="11,19 3,19 3,13 " stroke="#ffffff"></polyline> <polyline points=" 16,2 13,5 16,8 " stroke="#ffffff"></polyline> <polyline points=" 8,16 11,19 8,22 " stroke="#ffffff"></polyline></g></svg></div><div class="uppercase w-40 ml-3 text-sm font-semibold text-gray-900 dark:text-white">New network <a class="underline" href=/offer/' + json['offer_id'] + '>offer</a></div><button type="button" onclick="closeAlert(event)" class="ml-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:text-gray-900 rounded-lg focus:ring-0 focus:outline-none focus:ring-gray-300 p-1.5 hover:bg-gray-100 inline-flex h-8 w-8" data-dismiss="#toast-success" aria-label="Close"><span class="sr-only">Close</span><svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div></div>';
+        event_message = '<div id="hide"><div id="toast-success" class="flex items-center p-4 mb-4 w-full max-w-xs text-gray-500 bg-white rounded-lg shadow" role="alert"><div class="inline-flex flex-shrink-0 justify-center items-center w-10 h-10 bg-blue-500 rounded-lg"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round"><circle cx="5" cy="5" r="4"></circle> <circle cx="19" cy="19" r="4"></circle> <polyline data-cap="butt" points="13,5 21,5 21,11 " stroke="#ffffff"></polyline> <polyline data-cap="butt" points="11,19 3,19 3,13 " stroke="#ffffff"></polyline> <polyline points=" 16,2 13,5 16,8 " stroke="#ffffff"></polyline> <polyline points=" 8,16 11,19 8,22 " stroke="#ffffff"></polyline></g></svg></div><div class="uppercase w-40 ml-3 text-sm font-semibold text-gray-900">New network <a class="underline" href=/offer/' + json['offer_id'] + '>offer</a></div><button type="button" onclick="closeAlert(event)" class="ml-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:text-gray-900 rounded-lg focus:ring-0 focus:outline-none focus:ring-gray-300 p-1.5 hover:bg-gray-100 inline-flex h-8 w-8" data-dismiss="#toast-success" aria-label="Close"><span class="sr-only">Close</span><svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div></div>';
       }
       else
       if (json['event'] == 'new_bid') {
@@ -668,7 +749,7 @@
       }
       else
       if (json['event'] == 'bid_accepted') {
-        event_message = '<div id="hide"><div id="toast-success" class="flex items-center p-4 mb-4 w-full max-w-xs text-gray-500 bg-white rounded-lg shadow" role="alert"><div class="inline-flex flex-shrink-0 justify-center items-center w-10 h-10 bg-green-500 rounded-lg"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24"><g fill="#ffffff"><path d="M8.5,20a1.5,1.5,0,0,1-1.061-.439L.379,12.5,2.5,10.379l6,6,13-13L23.621,5.5,9.561,19.561A1.5,1.5,0,0,1,8.5,20Z" fill="#ffffff"></path></g></svg></div><div class="uppercase w-40 ml-3 text-sm font-semibold text-gray-900 dark:text-white"><a class="underline" href=/bid/' + json['bid_id'] + '>Bid</a> accepted</div><button type="button" onclick="closeAlert(event)" class="ml-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:text-gray-900 rounded-lg focus:ring-0 focus:outline-none focus:ring-gray-300 p-1.5 hover:bg-gray-100 inline-flex h-8 w-8" data-dismiss="#toast-success" aria-label="Close"><span class="sr-only">Close</span><svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div></div>';
+        event_message = '<div id="hide"><div id="toast-success" class="flex items-center p-4 mb-4 w-full max-w-xs text-gray-500 bg-white rounded-lg shadow" role="alert"><div class="inline-flex flex-shrink-0 justify-center items-center w-10 h-10 bg-violet-500 rounded-lg"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24"><g fill="#ffffff"><path d="M8.5,20a1.5,1.5,0,0,1-1.061-.439L.379,12.5,2.5,10.379l6,6,13-13L23.621,5.5,9.561,19.561A1.5,1.5,0,0,1,8.5,20Z" fill="#ffffff"></path></g></svg></div><div class="uppercase w-40 ml-3 text-sm font-semibold text-gray-900"><a class="underline" href=/bid/' + json['bid_id'] + '>Bid</a> accepted</div><button type="button" onclick="closeAlert(event)" class="ml-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:text-gray-900 rounded-lg focus:ring-0 focus:outline-none focus:ring-gray-300 p-1.5 hover:bg-gray-100 inline-flex h-8 w-8" data-dismiss="#toast-success" aria-label="Close"><span class="sr-only">Close</span><svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div></div>';
       }
       let messages = document.getElementById('ul_updates'),
         message = document.createElement('li');
@@ -685,4 +766,4 @@
     element.parentNode.parentNode.removeChild(element.parentNode);
   }
   </script>
-  {% endif %}
+  {% endif %}
\ No newline at end of file
diff --git a/basicswap/templates/identity.html b/basicswap/templates/identity.html
index ada04dc..d777887 100644
--- a/basicswap/templates/identity.html
+++ b/basicswap/templates/identity.html
@@ -1,153 +1,200 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="#">Identity</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/identity/{{ data.identity_address }}">ADDRESS: {{ data.identity_address }}</a></li>
-        </ul>
-      </div>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/smsgaddresses">Identity</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/identity/{{ data.identity_address }}">ADDRESS: {{ data.identity_address }}</a>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Identity</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Address: {{ data.identity_address }}</p>
+     </div>
     </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Identity</h2>
-            <p class="font-semibold text-coolGray-200">Address: {{ data.identity_address }}</p>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <section>
+  <form method="post">
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden min-height-50">
+    <div class="border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="w-full min-w-max text-sm">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl  bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Details</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Settings</span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            {% if data.show_edit_form %}
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Label</td>
+             <td class="py-3 px-6">
+              <input class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" id="label" name="label" value="{{ data.label }}">
+             </td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Automation Override</td>
+             <td class="py-3 px-6">
+              <select name="automation_override" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0 monospace">
+               <option{% if data.automation_override=="0" %} selected{% endif %} value="0">Default</option>
+                {% for a in automation_override_options %}
+                <option{% if data.automation_override==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
+                {% endfor %}
+              </select>
+             </td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Notes</td>
+             <td class="py-3 px-6">
+              <textarea rows="5" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" id="note" name="note">{{ data.note }}</textarea>
+             </td>
+            </tr> {% else %} <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Label</td>
+             <td class="py-3 px-6">{{ data.label }}</td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Automation Override</td>
+             <td class="py-3 px-6">{{ data.str_automation_override }}</td>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Notes</td>
+             <td class="py-3 px-6">
+              <textarea rows="5" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" readonly>{{ data.note }}</textarea>
+             </td>
+             </td>
+            </tr>{% endif %}
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Successful Sent Bids</td>
+             <td class="py-3 px-6">{{ data.num_sent_bids_successful }}</td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Successful Received Bids</td>
+             <td class="py-3 px-6">{{ data.num_recv_bids_successful }}</td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Rejected Sent Bids</td>
+             <td class="py-3 px-6">{{ data.num_sent_bids_rejected }}</td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Rejected Received Bids</td>
+             <td class="py-3 px-6">{{ data.num_recv_bids_rejected }}</td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Failed Sent Bids</td>
+             <td class="py-3 px-6">{{ data.num_sent_bids_failed }}</td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Failed Received Bids</td>
+             <td class="py-3 px-6">{{ data.num_recv_bids_failed }}</td>
+            </tr>
+           </table>
           </div>
+         </div>
         </div>
+       </div>
       </div>
+     </div>
     </div>
-  </section>
-  {% include 'inc_messages.html' %}
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2">
-            <div class="container px-0 mx-auto mt-5">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <form method="post" autocomplete="off">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                    <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                      <tr>
-                        <th scope="col" class="py-3 px-6">Details</th>
-                        <th scope="col">Settings</th>
-                      </tr>
-                    </thead>
-                    {% if data.show_edit_form %}
-                    <tr>
-                      <td class="py-4 px-6 bold">Label</td>
-                      <td class="py-4 pr-5">
-                        <input class="appearance-none bg-gray-50 border w-full border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" type="text" id="label" name="label" value="{{ data.label }}">
-                      </td>
-                    </tr>
-                    <tr>
-                      <td class="py-4 px-6 bold">Automation Override</td>
-                      <td class="py-4 pr-5">
-                        <select name="automation_override">
-                        <option{% if data.automation_override=="0" %} selected{% endif %} value="0">-- Default --</option>
-                        {% for a in automation_override_options %}
-                        <option{% if data.automation_override==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
-                        {% endfor %}
-                        </select>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td class="py-4 px-6 bold">Notes</td>
-                      <td class="py-4 pr-5">
-                      <textarea rows="5" class="w-full" id="note" name="note">{{ data.note }}</textarea>
-                      </td>
-                    </tr>
-                    {% else %}
-                    <tr>
-                      <td class="py-4 px-6 bold">Label</td>
-                      <td class="py-4">{{ data.label }}</td>
-                    </tr>
-                    <tr>
-                      <td class="py-4 px-6 bold">Automation Override</td>
-                      <td class="py-4">{{ data.str_automation_override }}</td>
-                    </tr>
-                    <tr>
-                      <td class="py-4 px-6 bold">Notes</td>
-                      <td class="py-4">
-                      <textarea rows="5" class="w-full" readonly>{{ data.note }}</textarea></td>
-                      </td>
-                    </tr>
-                    {% endif %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold w-96">Successful Sent Bids</td>
-                      <td>{{ data.num_sent_bids_successful }}</td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Successful Received Bids</td>
-                      <td>{{ data.num_recv_bids_successful }}</td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Rejected Sent Bids</td>
-                      <td>{{ data.num_sent_bids_rejected }}</td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Rejected Received Bids</td>
-                      <td>{{ data.num_recv_bids_rejected }}</td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Failed Sent Bids</td>
-                      <td>{{ data.num_sent_bids_failed }}</td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Failed Received Bids</td>
-                      <td>{{ data.num_recv_bids_failed }}</td>
-                    </tr>
-                  </table>
-              </div>
-            </div>
-            <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-              <div class="w-full md:w-0/12">
-                <div class="flex flex-wrap justify-end -m-1.5">
-                  {% if data.show_edit_form %}
-                  <div class="w-full md:w-auto p-1.5 ml-2">
-                    <button name="apply" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>Apply</button>
-                  </div>
-                  <div class="w-full md:w-auto p-1.5 ml-2">
-                    <button name="cancel" value="Cancel" type="submit"class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ef5844" stroke-linejoin="round" ><line x1="16" y1="8" x2="8" y2="16" stroke="#ef5844"></line> <line x1="16" y1="16" x2="8" y2="8" stroke="#ef5844"></line> <circle cx="12" cy="12" r="11"></circle></g></svg>Cancel</button>
-                  </div>
-                  {% else %}
-                    <div class="w-full md:w-auto p-1.5">
-                      <button name="edit" value="edit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" ><line x1="2" y1="23" x2="22" y2="23" stroke="#ffffff"></line> <line data-cap="butt" x1="13" y1="5" x2="17" y2="9"></line> <polygon points="8 18 3 19 4 14 16 2 20 6 8 18"></polygon></g></svg>Edit</button>
-                    </div>
-                {% endif %}</div>
-              </div>
-            </div>
-            <input type="hidden" name="formid" value="{{ form_id }}"> </form>
+   </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+   <div class="pb-6 ">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mx-auto">
+       <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+        <div class="px-6">
+         <div class="flex flex-wrap justify-end">
+          {% if data.show_edit_form %}
+          <div class="w-full md:w-auto p-1.5 ml-2">
+           <button name="apply" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+            <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+             <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+              <polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline>
+              <circle cx="12" cy="12" r="11"></circle>
+             </g>
+            </svg>Apply </button>
           </div>
+          <div class="w-full md:w-auto p-1.5 ml-2">
+           <button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-red-500 hover:bg-red-600 font-medium text-sm text-white border border-red-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+            <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+             <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+              <line x1="16" y1="8" x2="8" y2="16" stroke="#ffffff"></line>
+              <line x1="16" y1="16" x2="8" y2="8" stroke="#ffffff"></line>
+              <circle cx="12" cy="12" r="11"></circle>
+             </g>
+            </svg>Cancel </button>
+          </div>
+          {% else %}
+          <div class="w-full md:w-auto p-1.5">
+           <button name="edit" value="edit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+            <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+             <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+              <line x1="2" y1="23" x2="22" y2="23" stroke="#ffffff"></line>
+              <line data-cap="butt" x1="13" y1="5" x2="17" y2="9"></line>
+              <polygon points="8 18 3 19 4 14 16 2 20 6 8 18"></polygon>
+             </g>
+            </svg>Edit </button>
+          </div>
+          {% endif %}
+         </div>
         </div>
+       </div>
       </div>
+     </div>
     </div>
-  </section>
+   </div>
+  </div>
+ </section>
+ <input type="hidden" name="formid" value="{{ form_id }}">
+ </form>
 </div>
-{% include 'footer.html' %} </div>
+{% include 'footer.html' %}
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/basicswap/templates/inc_messages.html b/basicswap/templates/inc_messages.html
index b39a4da..fe98501 100644
--- a/basicswap/templates/inc_messages.html
+++ b/basicswap/templates/inc_messages.html
@@ -26,26 +26,27 @@
   </div>
 </section>
 {% endfor %}
-{% for m in err_messages %}
-<section class="py-4" id="err_messages_{{ m[0] }}" role="alert">
+{% if err_messages %}
+<section class="py-4" id="err_messages_{{ err_messages[0][0] }}" role="alert">
   <div class="container px-4 mx-auto">
     <div class="p-6 bg-red-100 border border-red-200 rounded-md">
       <div class="flex flex-wrap justify-between items-center -m-2">
         <div class="flex-1 p-2">
           <div class="flex flex-wrap -m-1">
             <div class="w-auto p-1">
-              <svg class="relative top-0.5" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M10.4733 5.52667C10.4114 5.46419 10.3376 5.41459 10.2564 5.38075C10.1751 5.3469 10.088 5.32947 9.99999 5.32947C9.91198 5.32947 9.82485 5.3469 9.74361 5.38075C9.66237 5.41459 9.58863 5.46419 9.52666 5.52667L7.99999 7.06001L6.47333 5.52667C6.34779 5.40114 6.17753 5.33061 5.99999 5.33061C5.82246 5.33061 5.65219 5.40114 5.52666 5.52667C5.40112 5.65221 5.3306 5.82247 5.3306 6.00001C5.3306 6.17754 5.40112 6.3478 5.52666 6.47334L7.05999 8.00001L5.52666 9.52667C5.46417 9.58865 5.41458 9.66238 5.38073 9.74362C5.34689 9.82486 5.32946 9.912 5.32946 10C5.32946 10.088 5.34689 10.1752 5.38073 10.2564C5.41458 10.3376 5.46417 10.4114 5.52666 10.4733C5.58863 10.5358 5.66237 10.5854 5.74361 10.6193C5.82485 10.6531 5.91198 10.6705 5.99999 10.6705C6.088 10.6705 6.17514 10.6531 6.25638 10.6193C6.33762 10.5854 6.41135 10.5358 6.47333 10.4733L7.99999 8.94001L9.52666 10.4733C9.58863 10.5358 9.66237 10.5854 9.74361 10.6193C9.82485 10.6531 9.91198 10.6705 9.99999 10.6705C10.088 10.6705 10.1751 10.6531 10.2564 10.6193C10.3376 10.5854 10.4114 10.5358 10.4733 10.4733C10.5358 10.4114 10.5854 10.3376 10.6193 10.2564C10.6531 10.1752 10.6705 10.088 10.6705 10C10.6705 9.912 10.6531 9.82486 10.6193 9.74362C10.5854 9.66238 10.5358 9.58865 10.4733 9.52667L8.93999 8.00001L10.4733 6.47334C10.5358 6.41137 10.5854 6.33763 10.6193 6.25639C10.6531 6.17515 10.6705 6.08802 10.6705 6.00001C10.6705 5.912 10.6531 5.82486 10.6193 5.74362C10.5854 5.66238 10.5358 5.58865 10.4733 5.52667ZM12.7133 3.28667C12.0983 2.64994 11.3627 2.14206 10.5494 1.79266C9.736 1.44327 8.8612 1.25936 7.976 1.25167C7.0908 1.24398 6.21294 1.41266 5.39363 1.74786C4.57432 2.08307 3.82998 2.57809 3.20403 3.20404C2.57807 3.82999 2.08305 4.57434 1.74785 5.39365C1.41264 6.21296 1.24396 7.09082 1.25166 7.97602C1.25935 8.86121 1.44326 9.73601 1.79265 10.5494C2.14204 11.3627 2.64992 12.0984 3.28666 12.7133C3.90164 13.3501 4.63727 13.858 5.45063 14.2074C6.26399 14.5567 7.13879 14.7407 8.02398 14.7483C8.90918 14.756 9.78704 14.5874 10.6064 14.2522C11.4257 13.9169 12.17 13.4219 12.796 12.796C13.4219 12.17 13.9169 11.4257 14.2521 10.6064C14.5873 9.78706 14.756 8.90919 14.7483 8.024C14.7406 7.1388 14.5567 6.264 14.2073 5.45064C13.8579 4.63728 13.3501 3.90165 12.7133 3.28667ZM11.7733 11.7733C10.9014 12.6463 9.75368 13.1899 8.52585 13.3115C7.29802 13.4332 6.066 13.1254 5.03967 12.4405C4.01335 11.7557 3.25623 10.7361 2.89731 9.55566C2.53838 8.37518 2.59986 7.10677 3.07127 5.96653C3.54267 4.82629 4.39484 3.88477 5.48259 3.30238C6.57033 2.71999 7.82635 2.53276 9.03666 2.77259C10.247 3.01242 11.3367 3.66447 12.1202 4.61765C12.9036 5.57083 13.3324 6.76617 13.3333 8.00001C13.3357 8.70087 13.1991 9.39524 12.9313 10.0429C12.6635 10.6906 12.2699 11.2788 11.7733 11.7733Z" fill="#EF5944"></path>
-              </svg>
+              {% for m in err_messages %}
+              <div class="flex-1 p-1">
+                <h3 class="font-medium text-sm text-red-900 error_msg">
+                  <p class="error_msg">Error: {{ m[1] }}</p>
+                </h3>
+              </div>
+              {% endfor %}
             </div>
-            <div class="flex-1 p-1">
-              <h3 class="font-medium text-sm text-red-900 error_msg">
-                <p class="error_msg">Error: {{ m[1] }}</p>
-              </h3></div>
           </div>
         </div>
         <div class="w-auto p-2">
-          <button type="button" class="ml-auto bg-red-100 text-red-500 rounded-lg focus:ring-0 focus:ring-red-400 p-1.5 hover:bg-red-200 inline-flex h-8 w-8 focus:outline-none" data-dismiss-target="#err_messages_{{ m[0] }}" aria-label="Close"> <span class="sr-only">Close</span>
+          <button type="button" class="ml-auto bg-red-100 text-red-500 rounded-lg focus:ring-0 focus:ring-red-400 p-1.5 hover:bg-red-200 inline-flex h-8 w-8 focus:outline-none" data-dismiss-target="#err_messages_{{ err_messages[0][0] }}" aria-label="Close"> 
+            <span class="sr-only">Close</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
               <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
             </svg>
@@ -55,4 +56,5 @@
     </div>
   </div>
 </section>
-{% endfor %}
\ No newline at end of file
+{% endif %}
+<!-- todo messages colors better for darkmode -->
\ No newline at end of file
diff --git a/basicswap/templates/index.html b/basicswap/templates/index.html
index 1b5b04d..c55909c 100644
--- a/basicswap/templates/index.html
+++ b/basicswap/templates/index.html
@@ -1,89 +1,92 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-      <section class="relative py-24 bg-white overflow-hidden" style="background-image: url('flex-ui-assets/elements/pattern-white.svg'); background-position: center;">
-        <div class="container px-4 mx-auto mb-16 md:mb-0">
-          <div class="md:w-1/2 pl-4">
-            <span class="inline-block py-px px-2 mb-4 text-xs leading-5 text-blue-500 bg-blue-100 font-medium rounded-full shadow-sm">BasicSwap version: {{ version }}</span>
-            <h3 class="mb-6 text-4xl md:text-5xl leading-tight text-coolGray-900 font-bold tracking-tighter">Welcome to BasicSwap DEX</h3>
-            <p class="mb-12 text-lg md:text-xl text-coolGray-500 font-medium">Swap cryptocurrencies in <span class="underline">total privacy</span> with no middlemen, fees,<br> or restrictions.</p>
-            <div class="flex flex-wrap mb-10 text-center md:text-left">
-              <div class="w-full md:w-auto mb-6 md:mb-0 md:pr-6">
-                <a href="/wallets">
-                <div class="inline-flex h-14 w-14 mx-auto items-center justify-center text-white bg-blue-500 rounded-lg">
-                  <svg width="21" height="21" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-                  <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
-                    <path d="M6,3H3C1.895,3,1,3.895,1,5 v0c0,1.105,0.895,2,2,2"></path>
-                    <polyline points=" 6,7 6,1 20,1 20,7 " stroke="#ffffff"></polyline>
-                    <path d="M23,7H3 C1.895,7,1,6.105,1,5v15c0,1.657,1.343,3,3,3h19V7z"></path>
-                    <circle cx="17" cy="15" r="2"></circle>
-                  </g>
-                </svg>
-                </div>
-              </div>
-              <div class="w-full md:flex-1 md:pt-3">
-                <div class="md:max-w-sm">
-                  <h3 class="mb-4 text-xl md:text-2xl leading-tight text-coolGray-900 font-bold">Your Wallet</h3>
-                  <p class="text-coolGray-500 font-medium">Manage your cryptocurrency wallets.</p>
-                 </a>
-                </div>
-              </div>
-            </div>
-            <div class="flex flex-wrap mb-10 text-center md:text-left">
-              <div class="w-full md:w-auto mb-6 md:mb-0 md:pr-6">
-                <a href="/offers">
-                <div class="inline-flex h-14 w-14 mx-auto items-center justify-center text-white bg-blue-500 rounded-lg">
-                  <svg width="21" height="21" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-                  <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
-                    <circle cx="5" cy="5" r="4"></circle>
-                    <circle cx="19" cy="19" r="4"></circle>
-                    <polyline data-cap="butt" points="13,5 21,5 21,11 " stroke="#ffffff"></polyline>
-                    <polyline data-cap="butt" points="11,19 3,19 3,13 " stroke="#ffffff"></polyline>
-                    <polyline points=" 16,2 13,5 16,8 " stroke="#ffffff"></polyline>
-                    <polyline points=" 8,16 11,19 8,22 " stroke="#ffffff"></polyline>
-                  </g>
-                </svg>
-                </div>
-              </div>
-              <div class="w-full md:flex-1 md:pt-3">
-                <div class="md:max-w-sm">
-                  <h3 class="mb-4 text-xl md:text-2xl leading-tight text-coolGray-900 font-bold">Start Trading</h3>
-                  <p class="text-coolGray-500 font-medium">Browse available swap offers placed by others.</p>
-                </a>
-                </div>
-              </div>
-            </div>
-            <div class="flex flex-wrap text-center md:text-left">
-              <div class="w-full md:w-auto mb-6 md:mb-0 md:pr-6">
-               <a href="https://academy.particl.io/en/latest/faq/get_support.html" target="_blank">
-                <div class="inline-flex h-14 w-14 mx-auto items-center justify-center text-white bg-blue-500 rounded-lg">
-                  <svg width="22" height="22" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-                    <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
-                      <line x1="23" y1="11" x2="23" y2="16" stroke="#ffffff"></line> <polygon points="12,13 2,8 12,3 22,8 "></polygon> 
-                      <path data-cap="butt" d="M5,9.5V18c0,1.657,3.134,3,7,3 s7-1.343,7-3V9.5"></path>
-                    </g>
-                  </svg>     
-                </div>
-              </div>
-              <div class="w-full md:flex-1 md:pt-3">
-                <div class="md:max-w-sm">
-                  <h3 class="mb-4 text-xl md:text-2xl leading-tight text-coolGray-900 font-bold">Help / Tutorials</h3>
-                  <p class="text-coolGray-500 font-medium">Learn how to use BasicSwap with the Particl Academy.</p>
-                </div>
-              </div>
-              </a>
-            </div>
-          </div>
-        </div>
-        <div class="md:absolute md:top-28 lg:top-1/2 md:-right-96 xl:-right-80 md:-mr-56 lg:-mr-20 xl:-mr-0 md:transform lg:-translate-y-1/2 px-4 mb-16 md:mb-0">
-          <div class="relative max-w-max">
-            <img class="absolute p-7 -mt-1 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-10/12 z-20" src="/static/images/gfx/dashboard.jpg" alt="">
-            <img class="relative z-10" src="/static/images/gfx/macbook.png" alt="">
-            <img class="absolute -top-24 right-0 md:mt-px md:right-96 md:mr-52 lg:mr-16 xl:-mr-20 w-28 md:w-auto text-blue-500" src="/static/images/elements/dots2-red.svg">
-            <img class="absolute -bottom-24 left-0 md:left-auto md:mt-px md:right-96 md:mr-52 lg:mr-16 xl:-mr-20 w-28 md:w-auto text-red-500" src="/static/images/elements/dots2-red.svg">
-            <img class="absolute left-0 top-1/2 transform -translate-y-1/2 w-28 md:w-auto text-yellow-400" src="/static/images/elements/circle2-violet.svg">
-          </div>
-        </div>
-      </section>
+ <section class="relative py-24 overflow-hidden">
+  <div class="container px-4 mx-auto mb-16 md:mb-0">
+   <div class="md:w-1/2 pl-4">
+    <span class="inline-block py-1 px-3 mb-4 text-xs leading-5 bg-blue-500 text-white font-medium rounded-full shadow-sm">BasicSwap version: {{ version }}</span>
+    <h3 class="mb-6 text-4xl md:text-5xl leading-tight text-coolGray-900 font-bold tracking-tighter dark:text-white">Welcome to BasicSwap DEX</h3>
+    <p class="mb-12 text-lg md:text-xl text-coolGray-500 dark:text-gray-300 font-medium">Swap cryptocurrencies in <span class="underline">total privacy</span> with no middlemen, fees, <br> or restrictions. </p>
+    <div class="flex flex-wrap mb-10 text-center md:text-left">
+     <div class="w-full md:w-auto mb-6 md:mb-0 md:pr-6">
+      <a href="/wallets">
+       <div class="inline-flex h-14 w-14 mx-auto items-center justify-center text-white bg-blue-500 rounded-lg">
+        <svg width="21" height="21" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+         <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+          <path d="M6,3H3C1.895,3,1,3.895,1,5 v0c0,1.105,0.895,2,2,2"></path>
+          <polyline points=" 6,7 6,1 20,1 20,7 " stroke="#ffffff"></polyline>
+          <path d="M23,7H3 C1.895,7,1,6.105,1,5v15c0,1.657,1.343,3,3,3h19V7z"></path>
+          <circle cx="17" cy="15" r="2"></circle>
+         </g>
+        </svg>
+       </div>
+     </div>
+     <div class="w-full md:flex-1 md:pt-3">
+      <div class="md:max-w-sm">
+       <h3 class="mb-4 text-xl md:text-2xl leading-tight text-coolGray-900 dark:text-white font-bold">Your Wallet</h3>
+       <p class="text-coolGray-500 dark:text-gray-300 font-medium">Manage your cryptocurrency wallets.</p>
+       </a>
+      </div>
+     </div>
+    </div>
+    <div class="flex flex-wrap mb-10 text-center md:text-left">
+     <div class="w-full md:w-auto mb-6 md:mb-0 md:pr-6">
+      <a href="/offers">
+       <div class="inline-flex h-14 w-14 mx-auto items-center justify-center text-white bg-blue-500 rounded-lg">
+        <svg width="21" height="21" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+         <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+          <circle cx="5" cy="5" r="4"></circle>
+          <circle cx="19" cy="19" r="4"></circle>
+          <polyline data-cap="butt" points="13,5 21,5 21,11 " stroke="#ffffff"></polyline>
+          <polyline data-cap="butt" points="11,19 3,19 3,13 " stroke="#ffffff"></polyline>
+          <polyline points=" 16,2 13,5 16,8 " stroke="#ffffff"></polyline>
+          <polyline points=" 8,16 11,19 8,22 " stroke="#ffffff"></polyline>
+         </g>
+        </svg>
+       </div>
+     </div>
+     <div class="w-full md:flex-1 md:pt-3">
+      <div class="md:max-w-sm">
+       <h3 class="mb-4 text-xl md:text-2xl leading-tight text-coolGray-900 dark:text-white font-bold">Start Trading</h3>
+       <p class="text-coolGray-500 dark:text-gray-300 font-medium">Browse available swap offers placed by others.</p>
+       </a>
+      </div>
+     </div>
+    </div>
+    <div class="flex flex-wrap text-center md:text-left">
+     <div class="w-full md:w-auto mb-6 md:mb-0 md:pr-6">
+      <a href="https://academy.particl.io/en/latest/faq/get_support.html" target="_blank">
+       <div class="inline-flex h-14 w-14 mx-auto items-center justify-center text-white bg-blue-500 rounded-lg">
+        <svg width="22" height="22" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+         <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+          <line x1="23" y1="11" x2="23" y2="16" stroke="#ffffff"></line>
+          <polygon points="12,13 2,8 12,3 22,8 "></polygon>
+          <path data-cap="butt" d="M5,9.5V18c0,1.657,3.134,3,7,3 s7-1.343,7-3V9.5"></path>
+         </g>
+        </svg>
+       </div>
+     </div>
+     <div class="w-full md:flex-1 md:pt-3">
+      <div class="md:max-w-sm">
+       <h3 class="mb-4 text-xl md:text-2xl leading-tight text-coolGray-900 dark:text-white font-bold">Help / Tutorials</h3>
+       <p class="text-coolGray-500 dark:text-gray-300 font-medium">Learn how to use BasicSwap with the Particl Academy.</p>
+      </div>
+     </div>
+     </a>
+    </div>
+   </div>
+  </div>
+  <div class="md:absolute md:top-28 lg:top-1/2 md:-right-96 xl:-right-80 md:-mr-56 lg:-mr-20 xl:-mr-0 md:transform lg:-translate-y-1/2 px-4 mb-16 md:mb-0">
+   <div class="relative max-w-max">
+    <img class="absolute p-7 -mt-1 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-10/12 z-20 imageshow light-image" src="/static/images/gfx/dashboard.jpg" alt="">
+    <img class="absolute p-7 -mt-1 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-10/12 z-20 imageshow dark-image" src="/static/images/gfx/dashboard2.jpg" alt="">
+    <img class="relative z-10 imageshow light-image" src="/static/images/gfx/macbook.png" alt="">
+    <img class="relative z-10 imageshow dark-image" src="/static/images/gfx/macbook2.png" alt="">
+    <img class="absolute -top-24 right-0 md:mt-px md:right-96 md:mr-52 lg:mr-16 xl:-mr-20 w-28 md:w-auto text-blue-500" src="/static/images/elements/dots2-red.svg">
+    <img class="absolute -bottom-24 left-0 md:left-auto md:mt-px md:right-96 md:mr-52 lg:mr-16 xl:-mr-20 w-28 md:w-auto text-red-500" src="/static/images/elements/dots2-red.svg">
+    <img class="absolute left-0 top-1/2 transform -translate-y-1/2 w-28 md:w-auto text-yellow-400" src="/static/images/elements/circle2-violet.svg">
+   </div>
+  </div>
+ </section>
 </div>
 {% include 'footer.html' %}
 </body>
diff --git a/basicswap/templates/offer.html b/basicswap/templates/offer.html
index edf8c81..bdb9461 100644
--- a/basicswap/templates/offer.html
+++ b/basicswap/templates/offer.html
@@ -1,482 +1,575 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="#">Offer</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="{{ offer_id }}">OFFER ID: {{ offer_id }}</a></li>
-        </ul>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="#">Offer</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="{{ offer_id }}">OFFER ID: {{ offer_id }}</a>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Offer (normal)</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Offer ID: {{ offer_id }}</p>
+     </div>
+     <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
+      {% if refresh %}
+      <a id="refresh" href="/offer/{{ offer_id }}" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600 rounded-md shadow-button focus:ring-0 focus:outline-none">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+        <g fill="#ffffff">
+         <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+         <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+        </g>
+       </svg>
+       <span>Refresh {{ refresh }} seconds</span>
+      </a>
+      {% else %}
+      <a id="refresh" href="/offer/{{ offer_id }}" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white borderdark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600 border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+        <g fill="#ffffff">
+         <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+         <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+        </g>
+       </svg>
+       <span>Refresh</span>
+      </a>
+      {% endif %}
       </div>
     </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Offer (normal)</h2>
-            <p class="font-semibold text-coolGray-200">Offer ID: {{ offer_id }}</p>
-          </div>
-          <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
-            {% if refresh %}
-            <a id="refresh" href="/offer/{{ offer_id }}" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g fill="#ffffff">
-                  <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                  <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                </g>
-              </svg><span>Refresh {{ refresh }} seconds</span></a>
-              {% else %}
-            <a id="refresh" href="/offer/{{ offer_id }}" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g fill="#ffffff">
-                  <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                  <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                </g>
-              </svg><span>Refresh</span></a>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ {% if sent_bid_id %}
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="p-6 bg-green-100 border border-green-200 rounded-md">
+    <div class="flex flex-wrap justify-between items-center -m-2">
+     <div class="flex-1 p-2">
+      <div class="flex flex-wrap -m-1">
+       <div class="w-auto p-1">
+        <svg class="relative top-0.5" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+         <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="#2AD168"></path>
+        </svg>
+       </div>
+       <div class="flex-1 p-1">
+        <h3 class="font-medium text-sm text-green-900">
+         <a href="/bid/{{ sent_bid_id }}">Sent Bid {{ sent_bid_id }}</a>
+        </h3>
+       </div>
+      </div>
+     </div>
+     <div class="w-auto p-2">
+      <a href="#">
+       <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M8.94004 8L13.14 3.80667C13.2656 3.68113 13.3361 3.51087 13.3361 3.33333C13.3361 3.1558 13.2656 2.98554 13.14 2.86C13.0145 2.73447 12.8442 2.66394 12.6667 2.66394C12.4892 2.66394 12.3189 2.73447 12.1934 2.86L8.00004 7.06L3.80671 2.86C3.68117 2.73447 3.51091 2.66394 3.33337 2.66394C3.15584 2.66394 2.98558 2.73447 2.86004 2.86C2.7345 2.98554 2.66398 3.1558 2.66398 3.33333C2.66398 3.51087 2.7345 3.68113 2.86004 3.80667L7.06004 8L2.86004 12.1933C2.79756 12.2553 2.74796 12.329 2.71411 12.4103C2.68027 12.4915 2.66284 12.5787 2.66284 12.6667C2.66284 12.7547 2.68027 12.8418 2.71411 12.9231C2.74796 13.0043 2.79756 13.078 2.86004 13.14C2.92202 13.2025 2.99575 13.2521 3.07699 13.2859C3.15823 13.3198 3.24537 13.3372 3.33337 13.3372C3.42138 13.3372 3.50852 13.3198 3.58976 13.2859C3.671 13.2521 3.74473 13.2025 3.80671 13.14L8.00004 8.94L12.1934 13.14C12.2554 13.2025 12.3291 13.2521 12.4103 13.2859C12.4916 13.3198 12.5787 13.3372 12.6667 13.3372C12.7547 13.3372 12.8419 13.3198 12.9231 13.2859C13.0043 13.2521 13.0781 13.2025 13.14 13.14C13.2025 13.078 13.2521 13.0043 13.286 12.9231C13.3198 12.8418 13.3372 12.7547 13.3372 12.6667C13.3372 12.5787 13.3198 12.4915 13.286 12.4103C13.2521 12.329 13.2025 12.2553 13.14 12.1933L8.94004 8Z" fill="#156633"></path>
+       </svg>
+      </a>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ {% endif %}
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden">
+   <div class="pb-6 border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="w-full mt-6 pb-6 overflow-x-auto">
+          <table class="w-full min-w-max text-sm">
+           <thead class="uppercase">
+            <tr class="text-left">
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Options</span>
+              </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Details</span>
+              </div>
+             </th>
+            </tr>
+           </thead>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Offer State</td>
+            <td class="py-3 px-6">{{ data.state }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Swap Type</td>
+            <td class="py-3 px-6">{{ data.swap_type }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">{% if data.sent %}You Send{% else %}You Get{% endif %}</td>
+            <td class="px-6">
+             <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
+              <img class="h-7" src="/static/images/coins/{{ data.coin_from }}.png" alt="{{ data.coin_from }}">
+             </span>{{ data.coin_from }}
+            </td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">{% if data.sent %}You Get{% else %}You Send{% endif %}</td>
+            <td class="px-6">
+             <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
+              <img class="h-7" src="/static/images/coins/{{ data.coin_to }}.png" alt="{{ data.coin_to }}">
+             </span>{{ data.coin_to }}
+            </td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Amount Offerer Sends</td>
+            <td class="py-3 px-6 bold">{{ data.amt_from }} {{ data.tla_from }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Amount Bidder Sends</td>
+            <td class="py-3 px-6 bold">{{ data.amt_to }} {{ data.tla_to }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Minimum Bid Amount</td>
+            <td class="py-3 px-6">{{ data.amt_bid_min }} {{ data.tla_from }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Rate</td>
+            <td class="py-3 px-6">{{ data.rate }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold" title="Total coin-from value of completed bids, that this node is involved in">Amount Swapped</td>
+            <td class="py-3 px-6">{{ data.amt_swapped }} {{ data.tla_from }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold" title="If bids can be sent with a different amount">Amount Variable</td>
+            <td class="py-3 px-6">{{ data.amount_negotiable }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold" title="If bids can be sent with a different amount">Rate Variable</td>
+            <td class="py-3 px-6">{{ data.rate_negotiable }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Script Lock Type</td>
+            <td class="py-3 px-6">{{ data.lock_type }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Script Lock Value</td>
+            <td class="py-3 px-6">{{ data.lock_value }} {{ data.lock_value_hr }}</td>
+           </tr>
+           {% if data.addr_to == "Public" %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Address To</td>
+            <td class="py-3 px-6">{{ data.addr_to }}</td>
+           </tr>
+           {% else %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Address To</td>
+            <td class="py-3 px-6">
+             <a class="monospace bold" href="/identity/{{ data.addr_to }}">{{ data.addr_to }}</a> {{ data.addr_to_label }}
+            </td>
+           </tr>
+           {% endif %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Address From</td>
+            <td class="py-3 px-6">
+             <a class="monospace bold" href="/identity/{{ data.addr_from }}">{{ data.addr_from }}</a> {{ data.addr_from_label }}
+            </td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td scope="row" class="flex items-center px-46 whitespace-nowrap">
+             <svg alt="" class="w-5 h-5 rounded-full ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3B82F6" stroke-linejoin="round">
+               <circle cx="12" cy="12" r="11"></circle>
+               <polyline points=" 12,6 12,12 18,12 " stroke="#3B82F6"></polyline>
+              </g>
+             </svg>
+             <div class="py-4 pl-2 bold">
+              <div>Created At</div>
+             </div>
+            </td>
+            <td class="py-3 px-6">{{ data.created_at | formatts }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td scope="row" class="flex items-center px-46 whitespace-nowrap">
+             <svg alt="" class="w-5 h-5 rounded-full  ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
+               <circle cx="12" cy="12" r="11"></circle>
+               <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
+              </g>
+             </svg>
+             <div class="py-4 pl-2 bold">
+              <div>Expired At</div>
+             </div>
+            </td>
+            <td class="py-3 px-6">{{ data.expired_at | formatts }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Sent</td>
+            <td class="py-3 px-6">{{ data.sent }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Revoked</td>
+            <td class="py-3 px-6">{{ data.was_revoked }}</td>
+           </tr>
+           {% if data.sent %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Auto Accept Strategy</td>
+            <td class="py-3 px-6">
+            {% if data.automation_strat_id == -1 %} None {% else %}
+            <a href="/automationstrategy/{{ data.automation_strat_id }}">{{ data.automation_strat_label }}</a>
             {% endif %}
-          </div>
+            </td>
+           </tr>
+           {% endif %}
+           {% if data.xmr_type == true %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Chain A offer fee rate</td>
+            <td class="py-3 px-6">{{ data.a_fee_rate }}</td>
+           </tr>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">Chain A local fee rate</td>
+            <td class="py-3 px-6">{{ data.a_fee_rate_verify }} (Fee source: {{ data.a_fee_rate_verify_src }}{% if data.a_fee_warn == true %} WARNING{% endif %})</td>
+           </tr>
+           {% endif %}
+          </table>
+         </div>
         </div>
+       </div>
+ </section>
+ <section class="p-6 bg-body dark:bg-gray-700">
+  <div class="flex flex-wrap items-center">
+   <div class="w-full">
+    <h4 class="font-semibold text-black dark:text-white text-2xl">Bids</h4>
+   </div>
+  </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-6 mt-5 h-full overflow-hidden">
+   <div class="container px-0 mx-auto">
+    <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+     <div class="px-6">
+      <div class="w-full mt-6 pb-6 overflow-x-auto">
+       <table class="w-full min-w-max text-sm">
+        <thead class="uppercase">
+         <tr class="text-left">
+          <th class="p-0">
+           <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+            <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Bid ID</span>
+           </div>
+          </th>
+          <th class="p-0">
+           <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+            <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Bid Amount</span>
+           </div>
+          </th>
+          <th class="p-0">
+           <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+            <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Bid Rate</span>
+           </div>
+          </th>
+          <th class="p-0">
+           <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+            <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Bid Status</span>
+           </div>
+          </th>
+          <th class="p-0">
+           <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+            <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Identity From</span>
+           </div>
+          </th>
+         </tr>
+        </thead>
+        {% for b in bids %}
+        <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+         <td class="py-3 px-6">
+          <a class="monospace" href=/bid/{{ b[0] }}>{{ b[0] }}</a>
+         </td>
+         <td class="py-3 px-6">{{ b[1] }}</td>
+         <td class="py-3 px-6">{{ b[3] }}</td>
+         <td class="py-3 px-6">{{ b[2] }}</td>
+         <td class="py-3 px-6">
+          <a class="monospace" href=/identity/{{ b[4] }}>{{ b[4] }}</a>
+         </td>
+        </tr>
+        {% endfor %}
+       </table>
       </div>
+     </div>
     </div>
-  </section>
-  {% include 'inc_messages.html' %}
-  {% if sent_bid_id %}
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="p-6 bg-green-100 border border-green-200 rounded-md">
-        <div class="flex flex-wrap justify-between items-center -m-2">
-          <div class="flex-1 p-2">
-            <div class="flex flex-wrap -m-1">
-              <div class="w-auto p-1">
-                <svg class="relative top-0.5" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                  <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="#2AD168"></path>
-                </svg>
-              </div>
-              <div class="flex-1 p-1">
-                <h3 class="font-medium text-sm text-green-900"><a href="/bid/{{ sent_bid_id }}">Sent Bid {{ sent_bid_id }}</a></h3> </div>
-            </div>
-          </div>
-          <div class="w-auto p-2">
-            <a href="#">
-              <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M8.94004 8L13.14 3.80667C13.2656 3.68113 13.3361 3.51087 13.3361 3.33333C13.3361 3.1558 13.2656 2.98554 13.14 2.86C13.0145 2.73447 12.8442 2.66394 12.6667 2.66394C12.4892 2.66394 12.3189 2.73447 12.1934 2.86L8.00004 7.06L3.80671 2.86C3.68117 2.73447 3.51091 2.66394 3.33337 2.66394C3.15584 2.66394 2.98558 2.73447 2.86004 2.86C2.7345 2.98554 2.66398 3.1558 2.66398 3.33333C2.66398 3.51087 2.7345 3.68113 2.86004 3.80667L7.06004 8L2.86004 12.1933C2.79756 12.2553 2.74796 12.329 2.71411 12.4103C2.68027 12.4915 2.66284 12.5787 2.66284 12.6667C2.66284 12.7547 2.68027 12.8418 2.71411 12.9231C2.74796 13.0043 2.79756 13.078 2.86004 13.14C2.92202 13.2025 2.99575 13.2521 3.07699 13.2859C3.15823 13.3198 3.24537 13.3372 3.33337 13.3372C3.42138 13.3372 3.50852 13.3198 3.58976 13.2859C3.671 13.2521 3.74473 13.2025 3.80671 13.14L8.00004 8.94L12.1934 13.14C12.2554 13.2025 12.3291 13.2521 12.4103 13.2859C12.4916 13.3198 12.5787 13.3372 12.6667 13.3372C12.7547 13.3372 12.8419 13.3198 12.9231 13.2859C13.0043 13.2521 13.0781 13.2025 13.14 13.14C13.2025 13.078 13.2521 13.0043 13.286 12.9231C13.3198 12.8418 13.3372 12.7547 13.3372 12.6667C13.3372 12.5787 13.3198 12.4915 13.286 12.4103C13.2521 12.329 13.2025 12.2553 13.14 12.1933L8.94004 8Z" fill="#156633"></path>
-              </svg>
-            </a>
+   </div>
+  </div>
+  <form method="post">
+ </section>
+ {% if data.show_edit_form %}
+ <section class="p-6 bg-body dark:bg-gray-700">
+  <div class="flex flex-wrap items-center">
+   <div class="w-full">
+    <h4 class="font-semibold text-black dark:text-white text-2xl">Edit Offer</h4>
+   </div>
+  </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden">
+   <div class="container px-0 mx-auto">
+    <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+     <div class="px-6">
+      <div class="w-full mt-6 pb-6 overflow-x-auto">
+       <table class="w-full min-w-max text-sm">
+        <thead class="uppercase">
+         <tr class="text-left">
+          <th class="p-0">
+           <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+            <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Options</span>
+           </div>
+          </th>
+          <th class="p-0">
+           <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+            <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Settings</span>
+           </div>
+          </th>
+         </tr>
+        </thead>
+        <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+         <td class="pr-3 px-6 bold">Auto Accept Strategy:</td>
+         <td class="py-3 px-6">
+          <div class="relative">
+           <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+           </svg>
+           <select name="automation_strat_id" class="bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0">
+            <option value="-1" {% if data.automation_strat_id==-1 %} selected{% endif %}>None</option>
+            {% for a in data.automation_strategies %}
+            <option value="{{ a[0] }}" {% if data.automation_strat_id==a[0] %} selected{% endif %}>{{ a[1] }}</option>
+            {% endfor %}
+           </select>
           </div>
+         </td>
+        </tr>
+       </table>
+      </div>
+     </div>
+     <div class="rounded-b-md">
+      <div class="w-full md:w-0/12">
+       <div class="flex flex-wrap justify-end pt-6 pr-6 border-t border-gray-100 dark:border-gray-400">
+        <div class="w-full md:w-auto p-1.5">
+         <button name="edit_offer_submit" value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">Send Bid</button>
         </div>
+        <div class="w-full md:w-auto p-1.5">
+         <button name="edit_offer_cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-white hover:text-red border border-red-500 hover:border-red-500 hover:bg-red-600 bg-red-500 rounded-md shadow-button focus:ring-0 focus:outline-none">Cancel</button>
+        </div>
+       </div>
       </div>
+     </div>
     </div>
-  </section>
-  {% endif %}
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2">
-            <div class="container px-0 mx-auto mt-5">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="py-3 px-6">Details</th>
-                      <th scope="col"></th>
-                    </tr>
-                  </thead>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Offer State</td>
-                    <td>{{ data.state }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Swap Type</td>
-                    <td>{{ data.swap_type }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                  <td class="py-4 px-6 bold">{% if data.sent %}You Send{% else %}You Get{% endif %}</td>
-                  <td><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
-                      <img class="h-7" src="/static/images/coins/{{ data.coin_from }}.png" alt="{{ data.coin_from }}">
-                    </span> {{ data.coin_from }} </td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">{% if data.sent %}You Get{% else %}You Send{% endif %}</td>
-                  <td><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
-                      <img class="h-7" src="/static/images/coins/{{ data.coin_to }}.png" alt="{{ data.coin_to }}">
-                    </span> {{ data.coin_to }} </td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Amount Offerer Sends</td>
-                    <td class="bold">{{ data.amt_from }} {{ data.tla_from }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Amount Bidder Sends</td>
-                    <td class="bold">{{ data.amt_to }} {{ data.tla_to }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Minimum Bid Amount</td>
-                    <td>{{ data.amt_bid_min }} {{ data.tla_from }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Rate</td>
-                    <td>{{ data.rate }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold" title="Total coin-from value of completed bids, that this node is involved in">Amount Swapped</td>
-                    <td>{{ data.amt_swapped }} {{ data.tla_from }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold" title="If bids can be sent with a different amount">Amount Variable</td>
-                    <td>{{ data.amount_negotiable }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold" title="If bids can be sent with a different amount">Rate Variable</td>
-                    <td>{{ data.rate_negotiable }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Script Lock Type</td>
-                    <td>{{ data.lock_type }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Script Lock Value</td>
-                    <td>{{ data.lock_value }} {{ data.lock_value_hr }}</td>
-                  </tr> {% if data.addr_to == "Public" %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Address To</td>
-                    <td>{{ data.addr_to }}</td>
-                  </tr> {% else %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Address To</td>
-                    <td><a class="monospace bold" href="/identity/{{ data.addr_to }}">{{ data.addr_to }}</a> {{ data.addr_to_label }}</td>
-                  </tr> {% endif %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Address From</td>
-                    <td><a class="monospace bold" href="/identity/{{ data.addr_from }}">{{ data.addr_from }}</a> {{ data.addr_from_label }}</td>
-                  </tr>
-                   <tr class="bg-white border-t hover:bg-gray-50">
-                    <td scope="row" class="flex items-center px-46 whitespace-nowrap">
-                      <svg alt="" class="w-5 h-5 rounded-full ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
-                          <circle cx="12" cy="12" r="11"></circle>
-                          <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
-                        </g>
-                      </svg>
-                      <div class="py-4 pl-2 bold">
-                        <div>Created At</div>
-                      </div>
-                    </td>
-                    <td>{{ data.created_at | formatts }}</td>
-                  </tr>
-                   <tr class="bg-white border-t hover:bg-gray-50">
-                    <td scope="row" class="flex items-center px-46 whitespace-nowrap">
-                      <svg alt="" class="w-5 h-5 rounded-full  ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
-                          <circle cx="12" cy="12" r="11"></circle>
-                          <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
-                        </g>
-                      </svg>
-                      <div class="py-4 pl-2 bold">
-                        <div>Expired At</div>
-                      </div>
-                    </td>
-                    <td>{{ data.expired_at | formatts }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Sent</td>
-                    <td>{{ data.sent }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Revoked</td>
-                    <td>{{ data.was_revoked }}</td>
-                  </tr>
-                  {% if data.sent %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Auto Accept Strategy</td>
-                    <td>
-                      {% if data.automation_strat_id == -1 %} None {% else %}<a class="monospace" href="/automationstrategy/{{ data.automation_strat_id }}">{{ data.automation_strat_label }}</a>{% endif %}
-                    </td>
-                  </tr>
-                  {% endif %}
-                  {% if data.xmr_type == true %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Chain A offer fee rate</td>
-                    <td>{{ data.a_fee_rate }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold">Chain A local fee rate</td>
-                    <td>{{ data.a_fee_rate_verify }} (Fee source: {{ data.a_fee_rate_verify_src }}{% if data.a_fee_warn == true %} WARNING{% endif %})</td>
-                  </tr> {% endif %} </table>
-              </div>
-            </div>
-            <section class="bg-white p-6">
-              <div class="flex flex-wrap items-center">
-                <div class="w-full">
-                  <h4 class="font-semibold text-black text-2xl">Bids</h4></div>
-              </div>
-            </section>
-            <div class="container px-0 mx-auto">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="py-3 px-6">Bid ID</th>
-                      <th scope="col" class="py-3 px-6">Bid Amount</th>
-                      <th scope="col" class="py-3 px-6">Bid Rate</th>
-                      <th scope="col" class="py-3 px-6">Bid Status</th>
-                      <th scope="col" class="py-3 px-6">Identity From</th>
-                    </tr>
-                  </thead>
-                  {% for b in bids %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6"><a class="monospace" href=/bid/{{ b[0] }}>{{ b[0] }}</a></td>
-                    <td class="py-4 px-6">{{ b[1] }}</td>
-                    <td class="py-4 px-6">{{ b[3] }}</td>
-                    <td class="py-4 px-6">{{ b[2] }}</td>
-                    <td class="py-4 px-6"><a class="monospace" href=/identity/{{ b[4] }}>{{ b[4] }}</a></td>
-                  </tr>
-                {% endfor %}
-              </table>
-              </div>
-            </div>
-            <form method="post">
-              {% if data.show_edit_form %}
-            <section class="bg-white p-6">
-                <div class="flex flex-wrap items-center">
-                  <div class="w-full">
-                    <h4 class="font-semibold text-black text-2xl">Edit Offer</h4> </div>
-                </div>
-              </section>
-              <div class="container px-0 mx-auto">
-                <div class="overflow-x-auto relative border sm:rounded-lg">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <tr>
-                    <td class="pr-2 bold">Auto Accept Strategy:</td>
-                    <td>
-                        <select name="automation_strat_id" class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
-                            <option value="-1" {% if data.automation_strat_id==-1 %} selected{% endif %}>None</option>
-                            {% for a in data.automation_strategies %}
-                            <option value="{{ a[0] }}" {% if data.automation_strat_id==a[0] %} selected{% endif %}>{{ a[1] }}</option>
-                          {% endfor %}
-                        </select>
-                    </td>
-                    </tr>
-                  </table>
-                </div>
-              </div>
-              <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-                <div class="w-full md:w-0/12">
-                  <div class="flex flex-wrap justify-end -m-1.5">
-                        <div class="w-full md:w-auto p-1.5 ml-2">
-                          <button name="edit_offer_cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                          <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ef5844" stroke-linejoin="round" ><line x1="16" y1="8" x2="8" y2="16" stroke="#ef5844"></line> <line x1="16" y1="16" x2="8" y2="8" stroke="#ef5844"></line> <circle cx="12" cy="12" r="11"></circle></g></svg> Cancel </button>
-                        </div>
-                        <div class="w-full md:w-auto p-1.5">
-                          <button name="edit_offer_submit" value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                          <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" ><line x1="2" y1="23" x2="22" y2="23" stroke="#556987"></line> <line data-cap="butt" x1="13" y1="5" x2="17" y2="9"></line> <polygon points="8 18 3 19 4 14 16 2 20 6 8 18"></polygon></g></svg> Submit Edit </button>
-                        </div>
-                    </div>
-                </div>
-              </div>
-              {% elif data.show_bid_form %}
-              <section class="bg-white p-6">
-                <div class="flex flex-wrap items-center">
-                  <div class="w-full">
-                    <h4 class="font-semibold text-black text-2xl">New Bid</h4> </div>
-                </div>
-              </section>
-              <div class="container px-0 mx-auto">
-                <div class="overflow-x-auto relative border sm:rounded-lg">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                    <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                      <tr>
-                        <th scope="col" class="py-3 px-6 w-1/2">Details</th>
-                        <th scope="col" class="w-1/2"></th>
-                      </tr>
-                    </thead>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 ">Amount you will get <span class="bold" id="bid_amt_from">{{ data.amt_from }}</span> {{ data.tla_from }} {% if data.xmr_type == true %} (excluding {{ data.amt_from_lock_spend_tx_fee }} {{ data.tla_from }} in tx fees). {% else %} (excluding a tx fee). {% endif %}</td>
-                      <td class="">Amount you will send <span class="bold" id="bid_amt_to">{{ data.amt_to }}</span> {{ data.tla_to }}</td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold bold">Send From Address</td>
-                      <td class="py-4 pr-5">
-                            <div class="w-full md:flex-1">
-                        <div class="relative">
-                                <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                  <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                                </svg>
-                        <select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="addr_from"> {% for a in addrs %}
-                          <option value="{{ a[0] }}" {% if data.nb_addr_from==a[0] %} selected{% endif %}>{{ a[0] }} {{ a[1] }}</option> {% endfor %}
-                          <option value="-1" {% if data.nb_addr_from=="-1" %} selected{% endif %}>New Address</option>
-                        </select>
-                      </div>
-                      </div>
-                      </td>
-                    </tr>
-                    {% if data.amount_negotiable == true %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Amount</td>
-                      <td class="py-4 px-6">
-                        <input type="text" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" id="bid_amount" name="bid_amount" value="{{ data.bid_amount }}" onchange="updateBidParams('amount');">
-                      </td>
-                    </tr>
-                    {% endif %}
-                    {% if data.rate_negotiable == true %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Rate</td>
-                      <td class="py-4">
-                        <input type="text" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" id="bid_rate" name="bid_rate" value="{{ data.bid_rate }}" onchange="updateBidParams('rate');">
-                      </td>
-                    </tr>
-                    {% endif %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Minutes valid</td>
-                      <td class="py-4">
-                        <input type="number" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="validmins" min="10" max="1440" value="{{ data.nb_validmins }}"> </td>
-                    </tr>
-                    {% if data.debug_ui == true %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Debug Option:</td>
-                      <td class="py-4 pr-5">
-                            <div class="w-full md:flex-1">
-                        <div class="relative">
-                        <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                  <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                                </svg>
-                        <select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="debugind">
-                          <option{% if data.debug_ind=="-1" %} selected{% endif %} value="-1">None</option>
-                            {% for a in data.debug_options %}
-                            <option{% if data.debug_ind==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
-                            {% endfor %}
-                          </select>
-                      </div>
-                      </div>
-                      </td>
-                    </tr>
-                    {% endif %}
-                  </table>
-                </div>
-              </div>
-              <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-                <div class="w-full md:w-0/12">
-                  <div class="flex flex-wrap justify-end -m-1.5">
-                        <div class="w-full md:w-auto p-1.5 ml-2">
-                          <button name="sendbid" value="Send Bid" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
-                  <circle cx="5" cy="5" r="4"></circle>
-                  <circle cx="19" cy="19" r="4"></circle>
-                  <polyline data-cap="butt" points="13,5 21,5 21,11 " stroke="#ffffff"></polyline>
-                  <polyline data-cap="butt" points="11,19 3,19 3,13 " stroke="#ffffff"></polyline>
-                  <polyline points=" 16,2 13,5 16,8 " stroke="#ffffff"></polyline>
-                  <polyline points=" 8,16 11,19 8,22 " stroke="#ffffff"></polyline>
-                </g>
-              </svg>Send Bid</button>
-                        </div>
-                     <div class="w-full md:w-auto p-1.5">
-                          <button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ef5844" stroke-linejoin="round" ><line x1="16" y1="8" x2="8" y2="16" stroke="#ef5844"></line> <line x1="16" y1="16" x2="8" y2="8" stroke="#ef5844"></line> <circle cx="12" cy="12" r="11"></circle></g></svg> Cancel </button>
-                    </div>
-                    <!-- TODO:
+   </div>
+ </section>
+ {% elif data.show_bid_form %}
+ <section class="p-6 bg-body dark:bg-gray-700">
+  <div class="flex flex-wrap items-center">
+   <div class="w-full">
+    <h4 class="font-semibold text-black dark:text-white text-2xl">New Bid</h4>
+   </div>
+  </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden">
+   <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+    <div class="px-6">
+     <div class="w-full mt-6 pb-6 overflow-x-auto">
+      <table class="w-full min-w-max text-sm">
+       <thead class="uppercase">
+        <tr class="text-left">
+         <th class="p-0">
+          <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+           <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Options</span>
+          </div>
+         </th>
+         <th class="p-0">
+          <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+           <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Settings</span>
+          </div>
+         </th>
+        </tr>
+       </thead>
+       <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600 h-20">
+        <td class="py-3 px-6">Amount you will get <span class="bold" id="bid_amt_from">{{ data.amt_from }}</span> {{ data.tla_from }}
+        {% if data.xmr_type == true %} (excluding {{ data.amt_from_lock_spend_tx_fee }} {{ data.tla_from }} in tx fees).
+        {% else %} (excluding a tx fee).
+        {% endif %}</td>
+        <td class="py-3 px-6">Amount you will send <span class="bold" id="bid_amt_to">{{ data.amt_to }}</span> {{ data.tla_to }}
+        </td>
+       </tr>
+       <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+        <td class="py-3 px-6 bold">Send From Address</td>
+        <td class="py-3 px-6">
+         <div class="w-full md:flex-1">
+          <div class="relative">
+           <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+           </svg>
+           <select class="bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="addr_from">
+            {% for a in addrs %}
+            <option value="{{ a[0] }}" {% if data.nb_addr_from==a[0] %} selected{% endif %}>{{ a[0] }} {{ a[1] }}</option>
+            {% endfor %}
+            <option value="-1" {% if data.nb_addr_from=="-1" %} selected{% endif %}>New Address</option>
+           </select>
+          </div>
+         </div>
+        </td>
+       </tr>
+       {% if data.amount_negotiable == true %}
+       <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+        <td class="py-3 px-6 bold">Amount</td>
+        <td class="py-3 px-6">
+         <input type="text" class="bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" id="bid_amount" name="bid_amount" value="{{ data.bid_amount }}" onchange="updateBidParams('amount');">
+        </td>
+       </tr>
+       {% endif %}
+       {% if data.rate_negotiable == true %}
+       <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+        <td class="py-3 px-6 bold">Rate</td>
+        <td class="py-3 px-6">> <input type="text" class="bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-100 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" id="bid_rate" name="bid_rate" value="{{ data.bid_rate }}" onchange="updateBidParams('rate');">
+        </td>
+       </tr>
+       {% endif %}
+       <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+        <td class="py-3 px-6 bold">Minutes valid</td>
+        <td class="py-3 px-6">
+         <input type="number" class="bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="validmins" min="10" max="1440" value="{{ data.nb_validmins }}">
+        </td>
+       </tr>
+       {% if data.debug_ui == true %}
+       <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+        <td class="py-3 px-6 bold">Debug Option:</td>
+        <td class="py-3 px-6">
+         <div class="w-full md:flex-1">
+          <div class="relative">
+           <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+           </svg>
+           <select class="bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="debugind">
+            <option{% if data.debug_ind=="-1" %} selected{% endif %} value="-1">None</option>
+              {% for a in data.debug_options %}
+              <option{% if data.debug_ind==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
+              {% endfor %}
+           </select>
+          </div>
+         </div>
+        </td>
+       </tr>
+       {% endif %}
+      </table>
+     </div>
+    </div>
+    <div class="rounded-b-md">
+     <div class="w-full md:w-0/12">
+      <div class="flex flex-wrap justify-end pt-6 pr-6 border-t border-gray-100 dark:border-gray-400">
        <div class="w-full md:w-auto p-1.5 ml-2">
-        <button name="check_rates" value="Lookup Rates"  type="button" onclick='lookup_rates();' class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-          <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-            <g fill="#556987">
-              <path fill="#556987" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-              <path data-color="#556987" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-            </g>
-          </svg> <span>Lookup Rates</span> </button>
-      </div>
-      --></div>
-                </div>
-              </div>
-              {% else %}
-              <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-                <div class="w-full md:w-0/12">
-                  <div class="flex flex-wrap justify-end -m-1.5">
-                        <div class="w-full md:w-auto p-1.5 ml-2">
-                          <button name="newbid" value="New Bid" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
-                  <circle cx="5" cy="5" r="4"></circle>
-                  <circle cx="19" cy="19" r="4"></circle>
-                  <polyline data-cap="butt" points="13,5 21,5 21,11 " stroke="#ffffff"></polyline>
-                  <polyline data-cap="butt" points="11,19 3,19 3,13 " stroke="#ffffff"></polyline>
-                  <polyline points=" 16,2 13,5 16,8 " stroke="#ffffff"></polyline>
-                  <polyline points=" 8,16 11,19 8,22 " stroke="#ffffff"></polyline>
-                </g>
-              </svg>New Bid</button>
-                        </div>
-                    {% if data.sent %}
-                    <div class="w-full md:w-auto p-1.5">
-                      <button name="repeat_offer" value="Repeat Offer" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                        <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                          <g fill="#556987">
-                            <path fill="#556987" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                            <path data-color="#556987" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                          </g>
-                        </svg> <span>Repeat Offer</span></button>
-                    </div>
-                    {% if data.was_revoked != true %}
-                       <div class="w-full md:w-auto p-1.5">
-                          <button name="revoke_offer" value="Revoke Offer" type="submit" onclick="return confirmPopup();" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ef5844" stroke-linejoin="round" ><line x1="16" y1="8" x2="8" y2="16" stroke="#ef5844"></line> <line x1="16" y1="16" x2="8" y2="8" stroke="#ef5844"></line> <circle cx="12" cy="12" r="11"></circle></g></svg> Revoke Offer </button>
-                       </div>
-                    {% endif %}
-                    <div class="w-full md:w-auto p-1.5">
-                        <button name="edit_offer" value="Edit Offer" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">Edit Offer</button>
-                    </div>
-                    <!-- todo
-                    {% if data.active_ind == 1 %}
-                       <div class="w-full md:w-auto p-1.5">
-                          <button name="archive_offer" value="Archive Offer" type="submit" onclick="return confirmPopup();" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ef5844" stroke-linejoin="round"><polyline data-cap="butt" points="23 15 16 15 16 18 8 18 8 15 1 15"></polyline><line data-cap="butt" x1="12" y1="1" x2="12" y2="11" stroke="#ef5844"></line><path d="M18.558,6a2,2,0,0,1,1.9,1.368L23,15v6a2,2,0,0,1-2,2H3a2,2,0,0,1-2-2V15L3.544,7.368A2,2,0,0,1,5.442,6"></path><polyline points="15 8 12 11 9 8" stroke="#ef5844"></polyline></g></svg>Archive Offer</button>
-                        </div>
-                    {% endif %}
-                    -->
-                    {% endif %}
-                    <!-- todo
-<div class="w-full md:w-auto p-1.5 ml-2">
-  <button name="check_rates" type="button"  value="Lookup Rates" onclick='lookup_rates();' class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-    <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-      <g fill="#556987">
-        <path fill="#556987" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-        <path data-color="#556987" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-      </g>
-    </svg> <span>Lookup Rates</span> </button>
-</div>
---></div>
-                </div>
-              </div>
-              {% endif %}
-              <input type="hidden" id="coin_from" value="{{ data.coin_from_ind }}">
-              <input type="hidden" id="coin_to" value="{{ data.coin_to_ind }}">
-              <input type="hidden" id="amt_var" value="{{ data.amount_negotiable }}">
-              <input type="hidden" id="rate_var" value="{{ data.rate_negotiable }}">
-              <input type="hidden" id="amount_from" value="{{ data.amt_from }}">
-              <input type="hidden" id="offer_rate" value="{{ data.rate }}">
-              <input type="hidden" name="formid" value="{{ form_id }}"> </form>
-            <p id="rates_display"></p>
-          </div>
-        </div>
+        <button name="sendbid" value="Send Bid" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">Send Bid</button>
+       </div>
+       <div class="w-full md:w-auto p-1.5">
+        <button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-white hover:text-red border border-red-500 hover:border-red-500 hover:bg-red-600 bg-red-500 rounded-md shadow-button focus:ring-0 focus:outline-none">Cancel</button>
+       </div>
       </div>
+     </div>
+     <!-- TODO:
+      <div class="w-full md:w-auto p-1.5 ml-2"><button name="check_rates" value="Lookup Rates"  type="button" onclick='lookup_rates();' class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="mr-2"
+      xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24"><g fill="#556987"><path fill="#556987" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path><path data-color="#556987" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path></g></svg><span>Lookup Rates</span></button></div>
+      -->
     </div>
-  </section>
-  <script>
+   </div>
+  </div>
+</div>
+</section>
+{% else %}
+<section>
+ <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden">
+  <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+   <div class="px-6">
+    <div class="w-full overflow-x-auto">
+     <div class="rounded-b-md">
+      <div class="w-full md:w-0/12">
+       <div class="flex flex-wrap justify-end">
+        <div class="w-full md:w-auto p-1.5">
+         <button name="newbid" value="New Bid" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">New Bid</button>
+        </div>
+        {% if data.sent %}
+        <div class="w-full md:w-auto p-1.5">
+         <button name="repeat_offer" value="Repeat Offer" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Repeat Offer</button>
+        </div>
+        <!-- todo icon -->
+        <div class="w-full md:w-auto p-1.5">
+         <button name="edit_offer" value="Edit Offer" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">Edit Offer</button>
+        </div>
+        <!-- todo
+        {% if data.active_ind == 1 %}
+        <div class="w-full md:w-auto p-1.5"><button name="archive_offer" value="Archive Offer" type="submit" onclick="return confirmPopup();" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2"
+        xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ef5844" stroke-linejoin="round"><polyline data-cap="butt" points="23 15 16 15 16 18 8 18 8 15 1 15"></polyline><line data-cap="butt" x1="12" y1="1" x2="12" y2="11" stroke="#ef5844"></line><path d="M18.558,6a2,2,0,0,1,1.9,1.368L23,15v6a2,2,0,0,1-2,2H3a2,2,0,0,1-2-2V15L3.544,7.368A2,2,0,0,1,5.442,6"></path><polyline points="15 8 12 11 9 8" stroke="#ef5844"></polyline></g></svg>Archive Offer</button></div>
+        {% endif %}
+        -->
+        {% endif %}
+        {% if data.was_revoked != true %}
+        <div class="w-full md:w-auto p-1.5">
+         <button name="revoke_offer" value="Revoke Offer" type="submit" onclick="return confirmPopup();" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-white hover:text-red border border-red-500 hover:border-red-500 hover:bg-red-600 bg-red-500 rounded-md shadow-button focus:ring-0 focus:outline-none">Revoke Offer</button>
+        </div>
+        {% endif %}
+        <!-- todo
+        <div class="w-full md:w-auto p-1.5 ml-2"><button name="check_rates" type="button"  value="Lookup Rates" onclick='lookup_rates();' class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="mr-2"
+        xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24"><g fill="#556987"><path fill="#556987" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path><path data-color="#556987" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path></g></svg><span>Lookup Rates</span></button></div>
+        -->
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </div>
+</section>
+{% endif %}
+<input type="hidden" id="coin_from" value="{{ data.coin_from_ind }}">
+<input type="hidden" id="coin_to" value="{{ data.coin_to_ind }}">
+<input type="hidden" id="amt_var" value="{{ data.amount_negotiable }}">
+<input type="hidden" id="rate_var" value="{{ data.rate_negotiable }}">
+<input type="hidden" id="amount_from" value="{{ data.amt_from }}">
+<input type="hidden" id="offer_rate" value="{{ data.rate }}">
+<input type="hidden" name="formid" value="{{ form_id }}">
+</form>
+<p id="rates_display"></p>
+</div>
+</div>
+</div>
+</div>
+</section>
+</div>
+{% include 'footer.html' %}
+<script>
     const xhr_rates = new XMLHttpRequest();
     xhr_rates.onload = () => {
       if (xhr_rates.status == 200) {
@@ -537,8 +630,6 @@
     function confirmPopup() {
       return confirm("Are you sure?");
     }
-  </script>
-</div>
-{% include 'footer.html' %}
+</script>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/basicswap/templates/offer_confirm.html b/basicswap/templates/offer_confirm.html
index f471cd0..4efc43d 100644
--- a/basicswap/templates/offer_confirm.html
+++ b/basicswap/templates/offer_confirm.html
@@ -1,656 +1,758 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/newoffer">Place an new offer</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="#">Setup offer parameters</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="#">Confirm your offer information</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Confirm your offer information</h2>
-            <p class="font-semibold text-coolGray-200">Place an order on the order book.</p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section <section class="bg-white">
-  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden bg-white rounded-t-md">
-    <div class="pb-6 border-coolGray-100">
-      <div class="flex flex-wrap items-center justify-between -m-2">
-        <div class="w-full p-2">
-          {% include 'inc_messages.html' %}
-          <div class="p-5 mb-10">
-            <div class="mx-4 p-4">
-              <div class="flex items-center">
-                <div class="flex items-center text-teal-600 relative">
-                  <div class="rounded-full h-12 w-12 py-3 border-2 border-blue-500">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
-                      <g fill="#3b82f6">
-                        <polygon points="14.5 23.5 11.5 23.5 11.5 4.321 6.766 8.108 4.892 5.766 11.474 0.5 14.5 0.5 14.5 23.5" fill="#3b82f6"></polygon>
-                      </g>
-                    </svg>
-                  </div>
-                  <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase text-gray-500">Step 1</div>
-                </div>
-                <div class="flex-auto border-t-2 border-blue-500"></div>
-                <div class="flex items-center text-teal-600 relative">
-                  <div class="rounded-full transition duration-500 ease-in-out h-12 w-12 py-3 border-2 border-blue-500">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
-                      <g fill="#3b82f6">
-                        <path d="M19.5,23.5H4.5V20.2l.667-.445C9.549,16.828,16.5,10.78,16.5,7c0-2.654-1.682-4-5-4A9.108,9.108,0,0,0,7.333,4.248L6.084,5.08,4.42,2.584l1.247-.832A11.963,11.963,0,0,1,11.5,0c4.935,0,8,2.683,8,7,0,5-6.5,10.662-10.232,13.5H19.5ZM6,21H6Z" fill="#3b82f6"></path>
-                      </g>
-                    </svg>
-                  </div>
-                  <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase text-gray-500">Step 2</div>
-                </div>
-                <div class="flex-auto border-t-2 border-blue-500"></div>
-                <div class="flex items-center text-gray-500 relative">
-                  <div class="rounded-full transition duration-500 ease-in-out h-12 w-12 py-3 border-2 border-blue-500">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
-                      <g fill="#3b82f6">
-                        <polygon points="9 21 1 13 4 10 9 15 21 3 24 6 9 21" fill="#3b82f6"></polygon>
-                      </g>
-                    </svg>
-                  </div>
-                  <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase text-gray-500">Confirm</div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <form method="post">
-            <div class="py-6 border-b border-coolGray-100">
-              <div class="w-full md:w-10/12">
-                <div class="flex flex-wrap -m-3">
-                  <div class="w-full md:w-1/3 p-3">
-                    <p class="text-sm text-coolGray-800 font-semibold">Select network</p>
-                  </div>
-                  <div class="w-full md:flex-1 p-3">
-                    <div class="relative">
-                      <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                      </svg>
-                      <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                        <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                          <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                            <line data-cap="butt" x1="7.6" y1="10.5" x2="16.4" y2="5.5" stroke="#3b82f6"></line>
-                            <line data-cap="butt" x1="7.6" y1="13.5" x2="16.4" y2="18.5" stroke="#3b82f6"></line>
-                            <circle cx="5" cy="12" r="3"></circle>
-                            <circle cx="19" cy="4" r="3"></circle>
-                            <circle cx="19" cy="20" r="3"></circle>
-                          </g>
-                        </svg>
-                      </div>
-                      <select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 opacity-70" name="addr_to" disabled>
-                        <option{% if data.addr_to=="-1" %} selected{% endif %} value="-1">Public Network</option>
-                          {% for a in addrs_to %}
-                          <option{% if data.addr_to==a[0] %} selected{% endif %} value="{{ a[0] }}" class="">{{ a[0] }} {{ a[1] }}</option>
-                          {% endfor %}
-                        </select>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="py-6 border-b border-coolGray-100">
-              <div class="w-full md:w-10/12">
-                <div class="flex flex-wrap -m-3">
-                  <div class="w-full md:w-1/3 p-3">
-                    <p class="text-sm text-coolGray-800 font-semibold">Select address</p>
-                  </div>
-                  <div class="w-full md:flex-1 p-3">
-                    <div class="relative">
-                      <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                      </svg>
-                      <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                        <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                          <title>contacts 2</title>
-                          <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                            <path data-cap="butt" d="M11.992,11.737,14.2,13.4A2,2,0,0,1,15,15v1H7V15a2,2,0,0,1,.8-1.6l2.208-1.663" stroke="#3b82f6"></path>
-                            <rect x="9" y="7" width="4" height="5" rx="2" ry="2" stroke="#3b82f6"></rect>
-                            <path d="M2,1H18a2,2,0,0,1,2,2V21a2,2,0,0,1-2,2H2Z"></path>
-                            <line x1="23" y1="5" x2="23" y2="9" stroke="#3b82f6"></line>
-                          </g>
-                        </svg>
-                      </div>
-                      <select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 opacity-70" name="addr_from" disabled>
-                        {% for a in addrs %}
-                        <option{% if data.addr_from==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[0] }} {{ a[1] }}</option>
-                        {% endfor %}
-                        <option{% if data.addr_from=="-1" %} selected{% endif %} value="-1">New Address</option>
-                      </select>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-              <div class="py-6 border-b border-coolGray-100">
-                <div class="w-full md:w-10/12">
-                  <div class="flex flex-wrap -m-3">
-                    <div class="w-full md:w-1/3 p-3">
-                      <p class="text-sm text-coolGray-800 font-semibold">Swap Type</p>
-                    </div>
-                    <div class="w-full md:flex-1 p-3">
-                      <div class="relative">
-                        <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                          <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                        </svg>
-                        <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                          <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                              <path data-cap="butt" d="M11.992,11.737,14.2,13.4A2,2,0,0,1,15,15v1H7V15a2,2,0,0,1,.8-1.6l2.208-1.663" stroke="#3b82f6"></path>
-                              <rect x="9" y="7" width="4" height="5" rx="2" ry="2" stroke="#3b82f6"></rect>
-                              <path d="M2,1H18a2,2,0,0,1,2,2V21a2,2,0,0,1-2,2H2Z"></path>
-                              <line x1="23" y1="5" x2="23" y2="9" stroke="#3b82f6"></line>
-                            </g>
-                          </svg>
-                        </div>
-                        <select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="swap_type" id="swap_type" disabled>
-                          {% for a in swap_types %}
-                          <option{% if data.swap_type==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
-                          {% endfor %}
-                        </select>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            <div class="py-6 border-b border-coolGray-100">
-              <div class="w-full md:w-10/12">
-                <div class="flex flex-wrap -m-3">
-                  <div class="w-full md:w-1/3 p-3">
-                    <p class="text-sm text-coolGray-800 font-semibold">You Send</p>
-                  </div>
-                  <div class="w-full md:flex-1 p-3">
-                    <div class="flex flex-wrap -m-3">
-                      <div class="w-full md:w-1/2 p-3">
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <select is="ms-dropdown" class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-5 opacity-70" id="coin_from" name="coin_from" onchange="set_rate('coin_from');" disabled>
-                            <option value="-1"></option>
-                            {% for c in coins_from %}
-                            <option{% if data.coin_from==c[0] %} selected{% endif %} value="{{ c[0] }}" data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}-20.png">{{ c[1] }}</option>
-                            {% endfor %}
-                          </select>
-                        </div>
-                      </div>
-                      <div class="w-full md:w-1/2 p-3">
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="text" id="amt_from" name="amt_from" value="{{ data.amt_from }}" onchange="set_rate('amt_from');" readonly> </div>
-                      </div>
-                      {% if data.swap_style == 'xmr' %}
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Confirm Target</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="fee_from_conf" min="1" max="32" value="{{ data.fee_from_conf }}" readonly> </div>
-                      </div>
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Fee Rate From</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" name="fee_rate_from" value="{{ data.from_fee_override }}" readonly> </div><span class="text-sm mt-2 block"><b>Fee Rate Source:</b> {{ data.from_fee_src }}</span> </div>
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Increase By</p>
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 opacity-70" name="fee_from_extra_" disabled>
-                            <option value="0">None</option>
-                            <option value="10" {% if data.fee_from_extra==10 %} selected{% endif %}>10%</option>
-                            <option value="50" {% if data.fee_from_extra==50 %} selected{% endif %}>50%</option>
-                            <option value="100" {% if data.fee_from_extra==100 %} selected{% endif %}>100%</option>
-                          </select>
-                        </div> <span class="text-sm mt-2 block"><b>Lock Tx Spend Fee:</b> {{ data.amt_from_lock_spend_tx_fee }} {{ data.tla_from }}</span></div>
-                      {% endif %}
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="py-6 border-b border-coolGray-100">
-              <div class="w-full md:w-10/12">
-                <div class="flex flex-wrap -m-3">
-                  <div class="w-full md:w-1/3 p-3">
-                    <p class="text-sm text-coolGray-800 font-semibold">You Get</p>
-                  </div>
-                  <div class="w-full md:flex-1 p-3">
-                    <div class="flex flex-wrap -m-3">
-                      <div class="w-full md:w-1/2 p-3">
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <select is="ms-dropdown" class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-5 opacity-70" id="coin_to" name="coin_to" onchange="set_rate('coin_to');" disabled>
-                            <option value="-1"></option>
-                            {% for c in coins %}
-                            <option{% if data.coin_to==c[0] %} selected{% endif %} value="{{ c[0] }}" data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}-20.png">{{ c[1] }}</option>
-                            {% endfor %}
-                          </select>
-                        </div>
-                      </div>
-                      <div class="w-full md:w-1/2 p-3">
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="text" id="amt_to" name="amt_to" value="{{ data.amt_to }}" onchange="set_rate('amt_to');" readonly> </div>
-                      </div>
-                      {% if data.swap_style == 'xmr' %}
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Fee To Confirm Target</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="fee_to_conf" min="1" max="32" value="{{ data.fee_to_conf }}" readonly> </div>
-                      </div>
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Fee Rate To</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" name="fee_rate_to" value="{{ data.to_fee_override }}" readonly> </div> <span class="text-sm mt-2 block"><b>Fee Rate Source:</b> {{ data.to_fee_src }}</span> </div>
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Fee To Increase By</p>
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 opacity-70" name="fee_to_extra_" disabled>
-                            <option value="0">None</option>
-                            <option value="10" {% if data.fee_from_extra==10 %} selected{% endif %}>10%</option>
-                            <option value="50" {% if data.fee_from_extra==50 %} selected{% endif %}>50%</option>
-                            <option value="100" {% if data.fee_from_extra==100 %} selected{% endif %}>100%</option>
-                          </select>
-                        </div>
-                      </div>
-                      {% endif %}
-                      {% if data.swap_style == 'xmr' and coin_to != '6' %}
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Fee To Confirm Target</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="fee_to_conf" min="1" max="32" value="{{ data.fee_from_conf }}" readonly> </div>
-                      </div>
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Fee To Increase By</p>
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 opacity-70" name="fee_to_extra" disabled>
-                            <option value="0">None</option>
-                            <option value="10" {% if data.fee_from_extra==10 %} selected{% endif %}>10%</option>
-                            <option value="50" {% if data.fee_from_extra==50 %} selected{% endif %}>50%</option>
-                            <option value="100" {% if data.fee_from_extra==100 %} selected{% endif %}>100%</option>
-                          </select>
-                        </div>
-                      </div>
-                    {% endif %}
-                  </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="py-6 border-b border-coolGray-100">
-              <div class="w-full md:w-10/12">
-                <div class="flex flex-wrap -m-3">
-                  <div class="w-full md:w-1/3 p-3">
-                    <p class="text-sm text-coolGray-800 font-semibold">Bid amount</p>
-                  </div>
-                  <div class="w-full md:flex-1 p-3">
-                    <div class="flex flex-wrap -m-3">
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Minimum Bid Amount</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <rect x="9.843" y="5.379" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.7635 13.1569)" width="11.314" height="4.243"></rect>
-                                <polyline points="3,23 3,19 15,19 15,23 "></polyline>
-                                <line x1="4" y1="15" x2="1" y2="15" stroke="#3b82f6"></line>
-                                <line x1="5.757" y1="10.757" x2="3.636" y2="8.636" stroke="#3b82f6"></line>
-                                <line x1="1" y1="23" x2="17" y2="23"></line>
-                                <line x1="17" y1="9" x2="23" y2="15"></line>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="text" id="amt_bid_min" name="amt_bid_min" value="{{ data.amt_bid_min }}" title="Bids with an amount below the minimum bid value will be discarded" readonly> </div>
-                      </div>
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Rate</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g fill="#3b82f6">
-                                <path d="M9,9h5L7,0,0,9H5V23a1,1,0,0,0,1,1H8a1,1,0,0,0,1-1Z" fill="#3b82f6"></path>
-                                <path d="M14,17a3,3,0,1,1,3-3A3,3,0,0,1,14,17Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,14,13Z" data-color="color-2"></path>
-                                <path d="M21,24a3,3,0,1,1,3-3A3,3,0,0,1,21,24Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,21,20Z" data-color="color-2"></path>
-                                <path d="M13,23a1,1,0,0,1-.707-1.707l9-9a1,1,0,0,1,1.414,1.414l-9,9A1,1,0,0,1,13,23Z" data-color="color-2"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="text" id="rate" name="rate" value="{{ data.rate }}" onchange="set_rate('rate');" readonly></div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="py-6 border-b border-coolGray-100">
-              <div class="w-full md:w-10/12">
-                <div class="flex flex-wrap -m-3">
-                  <div class="w-full md:w-1/3 p-3">
-                    <p class="text-sm text-coolGray-800 font-semibold">Time</p>
-                  </div>
-                  <div class="w-full md:flex-1 p-3">
-                    <div class="flex flex-wrap -m-3">
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Offer valid (hrs)</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="validhrs" min="1" max="48" value="{{ data.validhrs }}" readonly> </div>
-                      </div>
-                      {% if data.debug_ui == true %}
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Contract Locked (Mins)</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="lockmins" min="10" max="5000" value="{{ data.lockmins }}" readonly> </div>
-                          {% if data.swap_style != 'xmr' %}
-                        <div class="text-sm text-gray-500 mt-1.5">(Participate txn will be locked for half the time.)</div>
-                      {% endif %}
-                    </div>
-                    {% else %}
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Contract locked (Hours)</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="lockhrs" min="1" max="96" value="{{ data.lockhrs }}" readonly> </div>
-                          {% if data.swap_style != 'xmr' %}
-                        <div class="text-sm text-gray-500 mt-1.5">(Participate txn will be locked for half the time.)</div>
-                      {% endif %}
-                    </div>
-                  {% endif %}
-                </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="py-6 border-b border-coolGray-100">
-              <div class="w-full md:w-10/12">
-                <div class="flex flex-wrap -m-3">
-                  <div class="w-full md:w-1/3 p-3">
-                    <p class="text-sm text-coolGray-800 font-semibold">Strategy (BETA)</p>
-                  </div>
-                  <div class="w-full md:flex-1 p-3">
-                    <div class="flex flex-wrap -m-3">
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Auto Accept Strategy</p>
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <circle cx="12" cy="12" r="5" stroke="#3b82f6" data-cap="butt"></circle>
-                                <polygon points="5 6 2 4 5 2 5 6" fill="#3b82f6" stroke="none"></polygon>
-                                <polygon points="19 18 22 20 19 22 19 18" fill="#3b82f6" stroke="none"></polygon>
-                                <polygon points="5 6 2 4 5 2 5 6"></polygon>
-                                <line x1="5" y1="4" x2="9" y2="4"></line>
-                                <polygon points="19 18 22 20 19 22 19 18"></polygon>
-                                <line x1="19" y1="20" x2="15" y2="20"></line>
-                              </g>
-                            </svg>
-                          </div>
-                          <select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 opacity-70" name="automation_strat_id" disabled>
-                            <option value="-1" {% if data.automation_strat_id==-1 %} selected{% endif %}>None</option>
-                            {% for a in automation_strategies %}
-                            <option value="{{ a[0] }}" {% if data.automation_strat_id==a[0] %} selected{% endif %}>{{ a[1] }}</option>
-                          {% endfor %}
-                        </select>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="py-6 border-coolGray-100">
-              <div class="w-full md:w-10/12">
-                <div class="flex flex-wrap -m-3">
-                  <div class="w-full md:w-1/3 p-3">
-                    <p class="text-sm text-coolGray-800 font-semibold">Options</p>
-                  </div>
-                  <div class="w-full md:flex-1 p-3">
-                    <div class="form-check form-check-inline">
-                      <input class="form-check-input h-4 w-4 border border-gray-300 rounded-sm bg-gray-50 checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer opacity-70" type="checkbox" id="amt_var" name="amt_var" value="av" {% if data.amt_var==true %} checked="checked" {% endif %} disabled>
-                      <label class="form-check-label inline-block text-gray-800" for="inlineCheckbox2">Amount Variable</label>
-                    </div>
-                    <div class="form-check form-check-inline">
-                      <input class="form-check-input h-4 w-4 border border-gray-300 rounded-sm bg-gray-50 checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer opacity-70" type="checkbox" id="rate_var" name="rate_var" value="rv" {% if data.rate_var==true %} checked="checked" {% endif %} disabled>
-                      <label class="form-check-label bg-gray-50inline-block text-gray-800" for="inlineCheckbox3">Rate Variable</label>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-              <div class="w-full md:w-0/12">
-                <div class="flex flex-wrap justify-end -m-1.5">
-                  <div class="w-full md:w-auto p-1.5">
-                    <button name="step2" type="submit" value="Back" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round"><circle cx="12" cy="12" r="11"></circle><polyline points="13 16 9 12 13 8" stroke="#556987"></polyline></g></svg>
-                      </svg> <span>Back</span> </button>
-                  </div>
-                  <div class="w-full md:w-auto p-1.5">
-                    <button name="submit_offer" value="Continue" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
-                          <circle cx="12" cy="12" r="11"></circle>
-                          <polyline points="11 8 15 12 11 16" stroke="#ffffff"></polyline>
-                        </g>
-                      </svg> <span>Confirm Offer</span></button>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <input type="hidden" name="formid" value="{{ form_id }}">
-            <input type="hidden" name="addr_to" value="{{ data.addr_to }}">
-            <input type="hidden" name="addr_from" value="{{ data.addr_from }}">
-            <input type="hidden" name="swap_type" value="{{ data.swap_type }}">
-            <input type="hidden" name="coin_from" value="{{ data.coin_from }}">
-            <input type="hidden" name="fee_from_extra" value="{{ data.fee_from_extra }}">
-            <input type="hidden" name="coin_to" value="{{ data.coin_to }}">
-            <input type="hidden" name="fee_to_extra" value="{{ data.fee_to_extra }}">
-            {% if data.automation_strat_id != -1 %}
-            <input type="hidden" name="automation_strat_id" value="{{ data.automation_strat_id }}">
-            {% endif %}
-            {% if data.amt_var==true %}
-            <input type="hidden" name="amt_var" value="av">
-            {% endif %}
-            {% if data.rate_var==true %}
-            <input type="hidden" name="rate_var" value="rv">
-          {% endif %}
-        </form>
-          <script src="static/js/new_offer.js"></script>
-        </div>
-      </div>
-    </div>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/newoffer">Place an new offer</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="#">Setup offers parameters</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="#">Confirm your offer information</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+    </ul>
+   </div>
   </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Confirm your offer information</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Place an order on the order book.</p>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <section>
+  <div class="p-5 mb-10">
+   <div class="mx-4 p-4">
+    <div class="flex items-center">
+     <div class="flex items-center text-teal-600 relative">
+      <div class="rounded-full h-12 w-12 py-3 border-2 border-blue-500">
+       <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
+        <g fill="#3b82f6">
+         <polygon points="14.5 23.5 11.5 23.5 11.5 4.321 6.766 8.108 4.892 5.766 11.474 0.5 14.5 0.5 14.5 23.5" fill="#3b82f6"></polygon>
+        </g>
+       </svg>
+      </div>
+      <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase dark:text-white text-gray-600">Step 1</div>
+     </div>
+     <div class="flex-auto border-t-2 border-blue-500 dark:border-blue-500"></div>
+     <div class="flex items-center text-teal-600 relative ">
+      <div class="rounded-full transition duration-500 ease-in-out h-12 w-12 py-3 border-2 border-blue-500 dark:border-blue-500">
+       <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
+        <g fill="#3b82f6">
+         <path d="M19.5,23.5H4.5V20.2l.667-.445C9.549,16.828,16.5,10.78,16.5,7c0-2.654-1.682-4-5-4A9.108,9.108,0,0,0,7.333,4.248L6.084,5.08,4.42,2.584l1.247-.832A11.963,11.963,0,0,1,11.5,0c4.935,0,8,2.683,8,7,0,5-6.5,10.662-10.232,13.5H19.5ZM6,21H6Z" fill="#3b82f6"></path>
+        </g>
+       </svg>
+      </div>
+      <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase dark:text-white text-gray-600">Step 2</div>
+     </div>
+     <div class="flex-auto border-t-2 border-blue-500 dark:border-blue-500"></div>
+     <div class="flex items-center text-gray-500 relative">
+      <div class="rounded-full transition duration-500 ease-in-out h-12 w-12 py-3 border-2 border-blue-500 dark:border-blue-500">
+       <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
+        <g fill="#3b82f6">
+         <polygon points="9 21 1 13 4 10 9 15 21 3 24 6 9 21" fill="#3b82f6"></polygon>
+        </g>
+       </svg>
+      </div>
+      <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase dark:text-white text-gray-600">Confirm</div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ <section class="py-3">
+  <div class="container px-4 mx-auto">
+   <div class="p-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+    <div class="flex flex-wrap items-center justify-between -mx-4 mb-8 pb-6 border-b border-gray-400 border-opacity-20">
+     <div class="w-full sm:w-auto px-4 mb-6 sm:mb-0">
+      <h4 class="text-2xl font-bold tracking-wide dark:text-white mb-1">CONFIRM</h4>
+      <!-- todo add subtitle <p class="text-sm text-coolGray-500">Lorem ipsum dolor sit amet</p> -->
+     </div>
+    </div>
+    <form method="post" autocomplete="off" id='form'>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Select Network</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="relative">
+          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+           <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+          </svg>
+          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+           <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+             <line data-cap="butt" x1="7.6" y1="10.5" x2="16.4" y2="5.5" stroke="#3b82f6"></line>
+             <line data-cap="butt" x1="7.6" y1="13.5" x2="16.4" y2="18.5" stroke="#3b82f6"></line>
+             <circle cx="5" cy="12" r="3"></circle>
+             <circle cx="19" cy="4" r="3"></circle>
+             <circle cx="19" cy="20" r="3"></circle>
+            </g>
+           </svg>
+          </div>
+          <select class="cursor-not-allowed disabled-select pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-" name="addr_to" disabled>
+           <option{% if data.addr_to=="-1" %} selected{% endif %} value="-1">Public Network</option>
+            {% for a in addrs_to %}
+            <option{% if data.addr_to==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[0] }} {{ a[1] }}</option>
+            {% endfor %}
+          </select>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Select Address</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="relative">
+          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+           <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+          </svg>
+          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+           <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+             <path data-cap="butt" d="M11.992,11.737,14.2,13.4A2,2,0,0,1,15,15v1H7V15a2,2,0,0,1,.8-1.6l2.208-1.663" stroke="#3b82f6"></path>
+             <rect x="9" y="7" width="4" height="5" rx="2" ry="2" stroke="#3b82f6"></rect>
+             <path d="M2,1H18a2,2,0,0,1,2,2V21a2,2,0,0,1-2,2H2Z"></path>
+             <line x1="23" y1="5" x2="23" y2="9" stroke="#3b82f6"></line>
+            </g>
+           </svg>
+          </div>
+          <select class="cursor-not-allowed disabled-select pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="addr_from" disabled>
+            {% for a in addrs %}
+            <option{% if data.addr_from==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[0] }} {{ a[1] }}</option>
+            {% endfor %}
+            <option{% if data.addr_from=="-1" %} selected{% endif %} value="-1">New Address</option>
+          </select>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Swap Type</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="relative">
+          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+           <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+          </svg>
+          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+           <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+             <path data-cap="butt" d="M11.992,11.737,14.2,13.4A2,2,0,0,1,15,15v1H7V15a2,2,0,0,1,.8-1.6l2.208-1.663" stroke="#3b82f6"></path>
+             <rect x="9" y="7" width="4" height="5" rx="2" ry="2" stroke="#3b82f6"></rect>
+             <path d="M2,1H18a2,2,0,0,1,2,2V21a2,2,0,0,1-2,2H2Z"></path>
+             <line x1="23" y1="5" x2="23" y2="9" stroke="#3b82f6"></line>
+            </g>
+           </svg>
+          </div>
+          <select class="cursor-not-allowed disabled-select pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="swap_type" id="swap_type" disabled>
+            {% for a in swap_types %}
+            <option{% if data.swap_type==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
+            {% endfor %}
+          </select>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">You Send</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="flex flex-wrap -m-3">
+          <div class="w-full md:w-1/2 p-3">
+           <div class="custom-select">
+            <div class="relative">
+             <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+             </svg>
+             <select class="select cursor-not-allowed disabled-select hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" id="coin_from" name="coin_from" onchange="set_rate('coin_from');" disabled>
+              <option value="-1">Select coin you send</option>
+              {% for c in coins_from %}
+              <option{% if data.coin_from==c[0] %} selected{% endif %} value="{{ c[0] }}" data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}-20.png">{{ c[1] }}</option>
+              {% endfor %}
+             </select>
+             <div class="select-dropdown">
+              <img class="select-icon" src="" alt="">
+              <img class="select-image" src="" alt="">
+             </div>
+            </div>
+           </div>
+          </div>
+          <div class="w-full md:w-1/2 p-3">
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="cursor-not-allowed disabled-input pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" id="amt_from" name="amt_from" value="{{ data.amt_from }}" onchange="set_rate('amt_from');" readonly>
+           </div>
+          </div>
+          {% if data.swap_style == 'xmr' %}
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Fee From Confirm Target</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="cursor-not-allowed disabled-input pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="number" name="fee_from_conf" min="1" max="32" value="{{ data.fee_from_conf }}" readonly>
+           </div>
+          </div>
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Fee Rate From</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="cursor-not-allowed disabled-input pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="fee_rate_from" value="{{ data.from_fee_override }}" readonly>
+           </div>
+           <span class="text-sm mt-2 block dark:text-white">
+            <b>Fee Rate Source:</b> {{ data.from_fee_src }}
+           </span>
+          </div>
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Fee From Increase By</p>
+           <div class="relative">
+            <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+             <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+            </svg>
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <select class="cursor-not-allowed disabled-select pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="fee_from_extra_" disabled>
+             <option value="0">None</option>
+             <option value="10" {% if data.fee_from_extra==10 %} selected{% endif %}>10%</option>
+             <option value="50" {% if data.fee_from_extra==50 %} selected{% endif %}>50%</option>
+             <option value="100" {% if data.fee_from_extra==100 %} selected{% endif %}>100%</option>
+            </select>
+           </div>
+           <span class="text-sm mt-2 block dark:text-white">
+            <b>Lock Tx Spend Fee:</b> {{ data.amt_from_lock_spend_tx_fee }} {{ data.tla_from }}
+           </span>
+          </div>
+          {% endif %}
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">You Get</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="flex flex-wrap -m-3">
+          <div class="w-full md:w-1/2 p-3">
+           <div class="custom-select">
+            <div class="relative">
+             <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+             </svg>
+             <select class="cursor-not-allowed disabled-select select hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" id="coin_to" name="coin_to" onchange="set_rate('coin_to');" disabled>
+              <option value="-1"></option>
+              {% for c in coins %}
+              <option{% if data.coin_to==c[0] %} selected{% endif %} value="{{ c[0] }}" data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}-20.png">{{ c[1] }}</option>
+              {% endfor %}
+             </select>
+             <div class="select-dropdown">
+              <img class="select-icon" src="" alt="">
+              <img class="select-image" src="" alt="">
+             </div>
+            </div>
+           </div>
+          </div>
+          <div class="w-full md:w-1/2 p-3">
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="cursor-not-allowed disabled-input pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" id="amt_to" name="amt_to" value="{{ data.amt_to }}" onchange="set_rate('amt_to');" readonly>
+           </div>
+          </div>
+          {% if data.swap_style == 'xmr' %}
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Fee To Confirm Target</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="cursor-not-allowed disabled-input pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="number" name="fee_to_conf" min="1" max="32" value="{{ data.fee_to_conf }}" readonly>
+           </div>
+          </div>
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Fee Rate To</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="cursor-not-allowed disabled-input pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="fee_rate_to" value="{{ data.to_fee_override }}" readonly>
+           </div>
+           <span class="text-sm mt-2 block dark:text-white">
+            <b>Fee Rate Source:</b> {{ data.to_fee_src }}
+           </span>
+          </div>
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Fee To Increase By</p>
+           <div class="relative">
+            <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+             <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+            </svg>
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <select class="cursor-not-allowed disabled-select pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="fee_to_extra_" disabled>
+             <option value="0">None</option>
+             <option value="10" {% if data.fee_from_extra==10 %} selected{% endif %}>10%</option>
+             <option value="50" {% if data.fee_from_extra==50 %} selected{% endif %}>50%</option>
+             <option value="100" {% if data.fee_from_extra==100 %} selected{% endif %}>100%</option>
+            </select>
+           </div>
+          </div>
+          {% endif %}
+          {% if data.swap_style == 'xmr' and coin_to != '6' %}
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Fee To Confirm Target</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="cursor-not-allowed disabled-input pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="number" name="fee_to_conf" min="1" max="32" value="{{ data.fee_from_conf }}" readonly>
+           </div>
+          </div>
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Fee To Increase By</p>
+           <div class="relative">
+            <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+             <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+            </svg>
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <select class="cursor-not-allowed disabled-input disabled-select pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="fee_to_extra" disabled>
+             <option value="0">None</option>
+             <option value="10" {% if data.fee_from_extra==10 %} selected{% endif %}>10%</option>
+             <option value="50" {% if data.fee_from_extra==50 %} selected{% endif %}>50%</option>
+             <option value="100" {% if data.fee_from_extra==100 %} selected{% endif %}>100%</option>
+            </select>
+           </div>
+          </div>
+          {% endif %}
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Bid Amount</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="flex flex-wrap -m-3">
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Minimum Bid Amount</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <rect x="9.843" y="5.379" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.7635 13.1569)" width="11.314" height="4.243"></rect>
+               <polyline points="3,23 3,19 15,19 15,23 "></polyline>
+               <line x1="4" y1="15" x2="1" y2="15" stroke="#3b82f6"></line>
+               <line x1="5.757" y1="10.757" x2="3.636" y2="8.636" stroke="#3b82f6"></line>
+               <line x1="1" y1="23" x2="17" y2="23"></line>
+               <line x1="17" y1="9" x2="23" y2="15"></line>
+              </g>
+             </svg>
+            </div>
+            <input class="cursor-not-allowed disabled-input pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" id="amt_bid_min" name="amt_bid_min" value="{{ data.amt_bid_min }}" title="Bids with an amount below the minimum bid value will be discarded" readonly>
+           </div>
+          </div>
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Rate</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g fill="#3b82f6">
+               <path d="M9,9h5L7,0,0,9H5V23a1,1,0,0,0,1,1H8a1,1,0,0,0,1-1Z" fill="#3b82f6"></path>
+               <path d="M14,17a3,3,0,1,1,3-3A3,3,0,0,1,14,17Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,14,13Z" data-color="color-2"></path>
+               <path d="M21,24a3,3,0,1,1,3-3A3,3,0,0,1,21,24Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,21,20Z" data-color="color-2"></path>
+               <path d="M13,23a1,1,0,0,1-.707-1.707l9-9a1,1,0,0,1,1.414,1.414l-9,9A1,1,0,0,1,13,23Z" data-color="color-2"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="cursor-not-allowed disabled-input pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" id="rate" name="rate" value="{{ data.rate }}" onchange="set_rate('rate');" readonly>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Time</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="flex flex-wrap -m-3">
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Offer valid (hrs)</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="cursor-not-allowed disabled-input pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="number" name="validhrs" min="1" max="48" value="{{ data.validhrs }}" readonly>
+           </div>
+          </div>
+          {% if data.debug_ui == true %}
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Contract Locked (Mins)</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="cursor-not-allowed disabled-input pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="number" name="lockmins" min="10" max="5000" value="{{ data.lockmins }}" readonly>
+           </div>
+           {% if data.swap_style != 'xmr' %}
+           <div class="text-sm text-gray-500 mt-1.5 dark:text-white">(Participate txn will be locked for half the time.)</div>
+           {% endif %}
+          </div>
+           {% else %}
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Contract locked (Hours)</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="cursor-not-allowed disabled-input pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="number" name="lockhrs" min="1" max="96" value="{{ data.lockhrs }}" readonly>
+           </div>
+           {% if data.swap_style != 'xmr' %}
+           <div class="text-sm text-gray-500 mt-1.5 dark:text-white">(Participate txn will be locked for half the time.)</div>
+           {% endif %}
+          </div>
+           {% endif %}
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Strategy</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="flex flex-wrap -m-3">
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Auto Accept Strategy</p>
+           <div class="relative">
+            <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+             <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+            </svg>
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <circle cx="12" cy="12" r="5" stroke="#3b82f6" data-cap="butt"></circle>
+               <polygon points="5 6 2 4 5 2 5 6" fill="#3b82f6" stroke="none"></polygon>
+               <polygon points="19 18 22 20 19 22 19 18" fill="#3b82f6" stroke="none"></polygon>
+               <polygon points="5 6 2 4 5 2 5 6"></polygon>
+               <line x1="5" y1="4" x2="9" y2="4"></line>
+               <polygon points="19 18 22 20 19 22 19 18"></polygon>
+               <line x1="19" y1="20" x2="15" y2="20"></line>
+              </g>
+             </svg>
+            </div>
+            <select class="cursor-not-allowed disabled-select pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="automation_strat_id" disabled>
+             <option value="-1" {% if data.automation_strat_id==-1 %} selected{% endif %}>None</option>
+             {% for a in automation_strategies %}
+             <option value="{{ a[0] }}" {% if data.automation_strat_id==a[0] %} selected{% endif %}>{{ a[1] }}</option>
+             {% endfor %}
+            </select>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Options</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="form-check form-check-inline">
+          <input class="cursor-not-allowed disabled-input hover:border-blue-500 w-5 h-5 form-check-input text-blue-600 bg-gray-50 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-1 dark:bg-gray-500 dark:border-gray-400" type="checkbox" id="amt_var" name="amt_var" value="av" {% if data.amt_var==true %} checked="checked" {% endif %} disabled>
+          <label class="form-check-label ml-2 text-sm font-medium text-gray-800 dark:text-white" for="inlineCheckbox2">Amount Variable</label>
+         </div>
+         <div class="form-check form-check-inline mt-2">
+          <input class="cursor-not-allowed disabled-input hover:border-blue-500 w-5 h-5 form-check-input text-blue-600 bg-gray-50 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-1 dark:bg-gray-500 dark:border-gray-400" type="checkbox" id="rate_var" name="rate_var" value="rv" {% if data.rate_var==true %} checked="checked" {% endif %} disabled>
+          <label class="form-check-label ml-2 text-sm font-medium text-gray-800 dark:text-white" for="inlineCheckbox3">Rate Variable</label>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+   </div>
+  </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+   <div class="pb-6 border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="flex flex-wrap justify-end">
+          <div class="w-full md:w-auto p-1.5">
+           <button name="step2" type="submit" value="Back" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">
+            <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+             <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+              <circle cx="12" cy="12" r="11"></circle>
+              <polyline points="13 16 9 12 13 8" stroke="#ffffff"></polyline>
+             </g>
+            </svg>
+            </svg>
+            <span>Back</span>
+           </button>
+          </div>
+          <div class="w-full md:w-auto p-1.5">
+           <button name="submit_offer" value="Continue" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+            <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+             <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+              <circle cx="12" cy="12" r="11"></circle>
+              <polyline points="11 8 15 12 11 16" stroke="#ffffff"></polyline>
+             </g>
+            </svg>
+            <span>Confirm Offer</span>
+           </button>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ <script>
+      const selects = document.querySelectorAll('select.disabled-select');
+      for (const select of selects) {
+       if (select.disabled) {
+        select.classList.add('disabled-select-enabled');
+       } else {
+        select.classList.remove('disabled-select-enabled');
+       }
+      }
+</script>
+
+<script>
+          const inputs = document.querySelectorAll('input.disabled-input, input[type="checkbox"].disabled-input');
+           for (const input of inputs) {
+            if (input.readOnly) {
+             input.classList.add('disabled-input-enabled');
+            } else {
+             input.classList.remove('disabled-input-enabled');
+            }
+           }
+</script>
+<style>
+.disabled-input-enabled {
+    opacity: 0.50 !important;
+}
+select.disabled-select-enabled {
+    opacity: 0.50 !important;
+}
+ </style> 
+ <input type="hidden" name="formid" value="{{ form_id }}">
+ <input type="hidden" name="addr_to" value="{{ data.addr_to }}">
+ <input type="hidden" name="addr_from" value="{{ data.addr_from }}">
+ <input type="hidden" name="swap_type" value="{{ data.swap_type }}">
+ <input type="hidden" name="coin_from" value="{{ data.coin_from }}">
+ <input type="hidden" name="fee_from_extra" value="{{ data.fee_from_extra }}">
+ <input type="hidden" name="coin_to" value="{{ data.coin_to }}">
+ <input type="hidden" name="fee_to_extra" value="{{ data.fee_to_extra }}">
+ {% if data.automation_strat_id != -1 %}
+ <input type="hidden" name="automation_strat_id" value="{{ data.automation_strat_id }}">
+ {% endif %}
+ {% if data.amt_var==true %}
+ <input type="hidden" name="amt_var" value="av">
+ {% endif %}
+ {% if data.rate_var==true %}
+ <input type="hidden" name="rate_var" value="rv">
+ {% endif %}
+</form>
+<!-- ?? -->
+<script src="static/js/new_offer.js"></script>
+<script src="static/js/coin_icons.js"></script>
+<script src="static/js/coin_icons_2.js"></script>
+</div>
+</div>
+</div>
 </div>
 {% include 'footer.html' %}
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/basicswap/templates/offer_new_1.html b/basicswap/templates/offer_new_1.html
index 9513ad5..306f9ee 100644
--- a/basicswap/templates/offer_new_1.html
+++ b/basicswap/templates/offer_new_1.html
@@ -1,387 +1,419 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/newoffer">Place an new offer</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-        </ul>
-      </div>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/newoffer">Place an new offer</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Place an new offer</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Place an order on the order book.</p>
+     </div>
     </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Place an new offer</h2>
-            <p class="font-semibold text-coolGray-200">Place an order on the order book.</p>
-          </div>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <section>
+  <div class="p-5 mb-10">
+   <div class="mx-4 p-4">
+    <div class="flex items-center">
+     <div class="flex items-center text-teal-600 relative">
+      <div class="rounded-full h-12 w-12 py-3 border-2 border-blue-500">
+       <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
+        <g fill="#3b82f6">
+         <polygon points="14.5 23.5 11.5 23.5 11.5 4.321 6.766 8.108 4.892 5.766 11.474 0.5 14.5 0.5 14.5 23.5" fill="#3b82f6"></polygon>
+        </g>
+       </svg>
+      </div>
+      <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase dark:text-white text-gray-600">Step 1</div>
+     </div>
+     <div class="flex-auto border-t-2 border-teal-600 dark:border-gray-400"></div>
+     <div class="flex items-center text-teal-600 relative">
+      <div class="rounded-full transition duration-500 ease-in-out h-12 w-12 py-3 border-2 border-teal-600 dark:border-gray-400">
+       <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
+        <g fill="#3b82f6">
+         <path d="M19.5,23.5H4.5V20.2l.667-.445C9.549,16.828,16.5,10.78,16.5,7c0-2.654-1.682-4-5-4A9.108,9.108,0,0,0,7.333,4.248L6.084,5.08,4.42,2.584l1.247-.832A11.963,11.963,0,0,1,11.5,0c4.935,0,8,2.683,8,7,0,5-6.5,10.662-10.232,13.5H19.5ZM6,21H6Z" fill="#d1d5db"></path>
+        </g>
+       </svg>
+      </div>
+      <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase dark:text-white text-gray-600">Step 2</div>
+     </div>
+     <div class="flex-auto border-t-2 border-teal-600 dark:border-gray-400"></div>
+     <div class="flex items-center text-gray-500 relative">
+      <div class="rounded-full transition duration-500 ease-in-out h-12 w-12 py-3 border-2 border-teal-600 dark:border-gray-400">
+       <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
+        <g fill="#3b82f6">
+         <polygon points="9 21 1 13 4 10 9 15 21 3 24 6 9 21" fill="#d1d5db"></polygon>
+        </g>
+       </svg>
+      </div>
+      <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase dark:text-white text-gray-600">Confirm</div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ <section class="py-3">
+  <div class="container px-4 mx-auto">
+   <div class="p-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+    <div class="flex flex-wrap items-center justify-between -mx-4 mb-8 pb-6 border-b border-gray-400 border-opacity-20">
+     <div class="w-full sm:w-auto px-4 mb-6 sm:mb-0">
+      <h4 class="text-2xl font-bold tracking-wide dark:text-white mb-1">STEP 1</h4>
+      <!-- todo add subtitle <p class="text-sm text-coolGray-500">Lorem ipsum dolor sit amet</p> -->
+     </div>
+    </div>
+    <form method="post" autocomplete="off" id='form'>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Select Network</p>
         </div>
-      </div>
-    </div>
-  </section>
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-20 h-full overflow-hidden bg-white rounded-t-md">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full p-2">
-            {% include 'inc_messages.html' %}
-            <div class="p-5 mb-10">
-              <div class="mx-4 p-4">
-                <div class="flex items-center">
-                  <div class="flex items-center text-teal-600 relative">
-                    <div class="rounded-full h-12 w-12 py-3 border-2 border-blue-500">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
-                        <g fill="#3b82f6">
-                          <polygon points="14.5 23.5 11.5 23.5 11.5 4.321 6.766 8.108 4.892 5.766 11.474 0.5 14.5 0.5 14.5 23.5" fill="#3b82f6"></polygon>
-                        </g>
-                      </svg>
-                    </div>
-                    <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase text-gray-500">Step 1</div>
-                  </div>
-                  <div class="flex-auto border-t-2 border-teal-600"></div>
-                  <div class="flex items-center text-teal-600 relative">
-                    <div class="rounded-full transition duration-500 ease-in-out h-12 w-12 py-3 border-2 border-teal-600">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
-                        <g fill="#3b82f6">
-                          <path d="M19.5,23.5H4.5V20.2l.667-.445C9.549,16.828,16.5,10.78,16.5,7c0-2.654-1.682-4-5-4A9.108,9.108,0,0,0,7.333,4.248L6.084,5.08,4.42,2.584l1.247-.832A11.963,11.963,0,0,1,11.5,0c4.935,0,8,2.683,8,7,0,5-6.5,10.662-10.232,13.5H19.5ZM6,21H6Z" fill="#d1d5db"></path>
-                        </g>
-                      </svg>
-                    </div>
-                    <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase text-gray-500">Step 2</div>
-                  </div>
-                  <div class="flex-auto border-t-2 border-teal-600"></div>
-                  <div class="flex items-center text-gray-500 relative">
-                    <div class="rounded-full transition duration-500 ease-in-out h-12 w-12 py-3 border-2 border-teal-600">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
-                        <g fill="#3b82f6">
-                          <polygon points="9 21 1 13 4 10 9 15 21 3 24 6 9 21" fill="#d1d5db"></polygon>
-                        </g>
-                      </svg>
-                    </div>
-                    <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase text-gray-500">Confirm</div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <form method="post" autocomplete="off" id='form'>
-              <div class="py-6 border-b border-t border-coolGray-100">
-                <div class="w-full md:w-10/12">
-                  <div class="flex flex-wrap -m-3">
-                    <div class="w-full md:w-1/3 p-3">
-                      <p class="text-sm text-coolGray-800 font-semibold">Select network</p>
-                    </div>
-                    <div class="w-full md:flex-1 p-3">
-                      <div class="relative">
-                        <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                          <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                        </svg>
-                        <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                          <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                              <line data-cap="butt" x1="7.6" y1="10.5" x2="16.4" y2="5.5" stroke="#3b82f6"></line>
-                              <line data-cap="butt" x1="7.6" y1="13.5" x2="16.4" y2="18.5" stroke="#3b82f6"></line>
-                              <circle cx="5" cy="12" r="3"></circle>
-                              <circle cx="19" cy="4" r="3"></circle>
-                              <circle cx="19" cy="20" r="3"></circle>
-                            </g>
-                          </svg>
-                        </div>
-                        <select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="addr_to">
-                          <option{% if data.addr_to=="-1" %} selected{% endif %} value="-1">Public Network</option>
-                            {% for a in addrs_to %}
-                            <option{% if data.addr_to==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[0] }} {{ a[1] }}</option>
-                            {% endfor %}
-                          </select>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="py-6 border-b border-coolGray-100">
-                <div class="w-full md:w-10/12">
-                  <div class="flex flex-wrap -m-3">
-                    <div class="w-full md:w-1/3 p-3">
-                      <p class="text-sm text-coolGray-800 font-semibold">Select address</p>
-                    </div>
-                    <div class="w-full md:flex-1 p-3">
-                      <div class="relative">
-                        <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                          <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                        </svg>
-                        <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                          <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                              <path data-cap="butt" d="M11.992,11.737,14.2,13.4A2,2,0,0,1,15,15v1H7V15a2,2,0,0,1,.8-1.6l2.208-1.663" stroke="#3b82f6"></path>
-                              <rect x="9" y="7" width="4" height="5" rx="2" ry="2" stroke="#3b82f6"></rect>
-                              <path d="M2,1H18a2,2,0,0,1,2,2V21a2,2,0,0,1-2,2H2Z"></path>
-                              <line x1="23" y1="5" x2="23" y2="9" stroke="#3b82f6"></line>
-                            </g>
-                          </svg>
-                        </div>
-                        <select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="addr_from">
-                          {% for a in addrs %}
-                          <option{% if data.addr_from==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[0] }} {{ a[1] }}</option>
-                          {% endfor %}
-                            <option{% if data.addr_from=="-1" %} selected{% endif %} value="-1">New Address</option>
-                        </select>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              <div class="py-6 border-b border-coolGray-100">
-                <div class="w-full md:w-10/12">
-                  <div class="flex flex-wrap -m-3">
-                    <div class="w-full md:w-1/3 p-3">
-                      <p class="text-sm text-coolGray-800 font-semibold">Swap Type</p>
-                    </div>
-                    <div class="w-full md:flex-1 p-3">
-                      <div class="relative">
-                        <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                          <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                        </svg>
-                        <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                          <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                              <path data-cap="butt" d="M11.992,11.737,14.2,13.4A2,2,0,0,1,15,15v1H7V15a2,2,0,0,1,.8-1.6l2.208-1.663" stroke="#3b82f6"></path>
-                              <rect x="9" y="7" width="4" height="5" rx="2" ry="2" stroke="#3b82f6"></rect>
-                              <path d="M2,1H18a2,2,0,0,1,2,2V21a2,2,0,0,1-2,2H2Z"></path>
-                              <line x1="23" y1="5" x2="23" y2="9" stroke="#3b82f6"></line>
-                            </g>
-                          </svg>
-                        </div>
-                        <select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="swap_type" id="swap_type">
-                          {% for a in swap_types %}
-                          <option{% if data.swap_type==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
-                          {% endfor %}
-                        </select>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              <div class="py-6 border-b border-coolGray-100">
-                <div class="w-full md:w-10/12">
-                  <div class="flex flex-wrap -m-3">
-                    <div class="w-full md:w-1/3 p-3">
-                      <p class="text-sm text-coolGray-800 font-semibold">You Send</p>
-                    </div>
-                    <div class="w-full md:flex-1 p-3">
-                      <div class="flex flex-wrap -m-3">
-                        <div class="w-full md:w-1/2 p-3">
-                          <div class="relative">
-                            <svg class="absolute right-4 top-1/2 transform -translate-y-1/2 z-50" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                              <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                            </svg>
-                            <select is="ms-dropdown" class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" id="coin_from" name="coin_from" onchange="set_rate('coin_from');">
-                              <option value="-1">Select coin you send</option>
-                              {% for c in coins_from %}
-                             <option{% if data.coin_from==c[0] %} selected{% endif %} value="{{ c[0] }}" data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}-20.png">{{ c[1] }}</option>
-                              {% endfor %}
-                            </select>
-                          </div>
-                        </div>
-                        <div class="w-full md:w-1/2 p-3">
-                          <div class="relative">
-                            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                              <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                                <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                  <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                  <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                  <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                  <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                  <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                                </g>
-                              </svg>
-                            </div>
-                            <input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" placeholder="Amount you send" type="text" id="amt_from" name="amt_from" value="{{ data.amt_from }}" onchange="set_rate('amt_from');"> </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="py-6 border-b border-coolGray-100">
-                <div class="w-full md:w-10/12">
-                  <div class="flex flex-wrap -m-3">
-                    <div class="w-full md:w-1/3 p-3">
-                      <p class="text-sm text-coolGray-800 font-semibold">You Get</p>
-                    </div>
-                    <div class="w-full md:flex-1 p-3">
-                      <div class="flex flex-wrap -m-3">
-                        <div class="w-full md:w-1/2 p-3">
-                          <div class="relative">
-                            <svg class="absolute right-4 top-1/2 transform -translate-y-1/2 z-50" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                              <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                            </svg>
-                            <select is="ms-dropdown" class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-5" id="coin_to" name="coin_to" onchange="set_rate('coin_to');">
-                              <option value="-1">Select coin you get</option>
-                              {% for c in coins %}
-                              <option{% if data.coin_to==c[0] %} selected{% endif %} value="{{ c[0] }}" data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}-20.png">{{ c[1] }}</option>
-                              {% endfor %}
-                            </select>
-                          </div>
-                        </div>
-                        <div class="w-full md:w-1/2 p-3">
-                          <div class="relative">
-                            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                              <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                                <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                  <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                  <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                  <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                  <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                  <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                                </g>
-                              </svg>
-                            </div>
-                            <input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" placeholder="Amount you get" type="text" id="amt_to" name="amt_to" value="{{ data.amt_to }}" onchange="set_rate('amt_to');"> </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="py-6 border-b border-coolGray-100">
-                <div class="w-full md:w-10/12">
-                  <div class="flex flex-wrap -m-3">
-                    <div class="w-full md:w-1/3 p-3">
-                      <p class="text-sm text-coolGray-800 font-semibold">Bid amount</p>
-                    </div>
-                    <div class="w-full md:flex-1 p-3">
-                      <div class="flex flex-wrap -m-3">
-                        <div class="w-full md:w-1/2 p-3">
-                          <p class="mb-1.5 font-medium text-base text-coolGray-800">Minimum Bid Amount</p>
-                          <div class="relative">
-                            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                              <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                                <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                  <rect x="9.843" y="5.379" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.7635 13.1569)" width="11.314" height="4.243"></rect>
-                                  <polyline points="3,23 3,19 15,19 15,23 "></polyline>
-                                  <line x1="4" y1="15" x2="1" y2="15" stroke="#3b82f6"></line>
-                                  <line x1="5.757" y1="10.757" x2="3.636" y2="8.636" stroke="#3b82f6"></line>
-                                  <line x1="1" y1="23" x2="17" y2="23"></line>
-                                  <line x1="17" y1="9" x2="23" y2="15"></line>
-                                </g>
-                              </svg>
-                            </div>
-                            <input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="text" id="amt_bid_min" name="amt_bid_min" value="{{ data.amt_bid_min }}" title="Bids with an amount below the minimum bid value will be discarded"> </div>
-                        </div>
-                        <div class="w-full md:w-1/2 p-3">
-                          <p class="mb-1.5 font-medium text-base text-coolGray-800">Rate</p>
-                          <div class="relative">
-                            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                              <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                                <g fill="#3b82f6">
-                                  <path d="M9,9h5L7,0,0,9H5V23a1,1,0,0,0,1,1H8a1,1,0,0,0,1-1Z" fill="#3b82f6"></path>
-                                  <path d="M14,17a3,3,0,1,1,3-3A3,3,0,0,1,14,17Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,14,13Z" data-color="color-2"></path>
-                                  <path d="M21,24a3,3,0,1,1,3-3A3,3,0,0,1,21,24Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,21,20Z" data-color="color-2"></path>
-                                  <path d="M13,23a1,1,0,0,1-.707-1.707l9-9a1,1,0,0,1,1.414,1.414l-9,9A1,1,0,0,1,13,23Z" data-color="color-2"></path>
-                                </g>
-                              </svg>
-                            </div>
-                            <input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="text" id="rate" name="rate" value="{{ data.rate }}" onchange="set_rate('rate');"> </div>
-                            <div class="form-check form-check-inline">
-                            <input class="form-check-input h-4 w-4 border border-gray-300 rounded-sm bg-gray-50 checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer" type="checkbox" id="rate_lock" name="rate_lock" value="rl" checked=checked>
-                            <label class="cursor-help form-check-label inline-block text-gray-800" for="inlineCheckbox1">Lock Rate</label>
-                            </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="py-6 border-coolGray-100">
-                <div class="w-full md:w-10/12">
-                  <div class="flex flex-wrap -m-3">
-                    <div class="w-full md:w-1/3 p-3">
-                      <p class="text-sm text-coolGray-800 font-semibold">Options</p>
-                    </div>
-                    <div class="w-full md:flex-1 p-3">
-                      <div class="form-check form-check-inline">
-                        <input class="form-check-input h-4 w-4 border border-gray-300 rounded-sm bg-gray-50 checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer" type="checkbox" id="amt_var" name="amt_var" value="av" {% if data.amt_var==true %} checked="checked" {% endif %}>
-                        <label class="form-check-label inline-block text-gray-800" for="inlineCheckbox2">Amount Variable</label>
-                      </div>
-                      <div class="form-check form-check-inline">
-                        <input class="form-check-input h-4 w-4 border border-gray-300 rounded-sm bg-gray-50 checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer" type="checkbox" id="rate_var" name="rate_var" value="rv" {% if data.rate_var==true %} checked="checked" {% endif %}>
-                        <label class="form-check-label bg-gray-50inline-block text-gray-800" for="inlineCheckbox3">Rate Variable</label>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="py-6 border-b border-t border-coolGray-100">
-                <div class="w-full md:w-10/12">
-                  <div class="flex flex-wrap -m-3">
-                    <div class="w-full md:w-1/3 p-3">
-                      <p class="text-sm text-coolGray-800 font-semibold">Rates</p>
-                    </div>
-                    <div class="w-full md:flex-1 p-3">
-                      <p id="rates_display"></p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="p-6 pt-10 bg-white bg-opacity-60 mb-10 rounded-b-md mb-20">
-                <div class="w-full md:w-0/12">
-                  <div class="flex flex-wrap justify-end -m-1.5">
-                    <!--<div class="w-full md:w-auto p-1.5">
-                <button name="show_rates_table" type="button" value="Show Rates Table" onclick='lookup_rates_table();' class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                  <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                    <g fill="#556987">
-                      <path fill="#556987" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                      <path data-color="#556987" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                    </g>
-                  </svg> <span>Show Rates Table</span> </button>
-              </div>-->
-                    <div class="w-full md:w-auto p-1.5">
-                      <button name="check_rates" type="button" value="Lookup Rates (RAW)" onclick='lookup_rates();' class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                        <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                          <g fill="#556987">
-                            <path fill="#556987" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                            <path data-color="#556987" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                          </g>
-                        </svg> <span>Check Current Rates</span></button>
-                    </div>
-                    <div class="w-full md:w-auto p-1.5">
-                      <button name="continue" value="Continue" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-                        <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                          <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
-                            <circle cx="12" cy="12" r="11"></circle>
-                            <polyline points="11 8 15 12 11 16" stroke="#ffffff"></polyline>
-                          </g>
-                        </svg> <span>Continue</span></button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <input type="hidden" name="formid" value="{{ form_id }}">
-              <input type="hidden" name="step1" value="a"> </form>
+        <div class="w-full md:flex-1 p-3">
+         <div class="relative">
+          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+           <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+          </svg>
+          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+           <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+             <line data-cap="butt" x1="7.6" y1="10.5" x2="16.4" y2="5.5" stroke="#3b82f6"></line>
+             <line data-cap="butt" x1="7.6" y1="13.5" x2="16.4" y2="18.5" stroke="#3b82f6"></line>
+             <circle cx="5" cy="12" r="3"></circle>
+             <circle cx="19" cy="4" r="3"></circle>
+             <circle cx="19" cy="20" r="3"></circle>
+            </g>
+           </svg>
           </div>
+          <select class="pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="addr_to">
+           <option{% if data.addr_to=="-1" %} selected{% endif %} value="-1">Public Network</option>
+            {% for a in addrs_to %}
+            <option{% if data.addr_to==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[0] }} {{ a[1] }}</option>
+            {% endfor %}
+          </select>
+         </div>
         </div>
+       </div>
       </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Select Address</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="relative">
+          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+           <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+          </svg>
+          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+           <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+             <path data-cap="butt" d="M11.992,11.737,14.2,13.4A2,2,0,0,1,15,15v1H7V15a2,2,0,0,1,.8-1.6l2.208-1.663" stroke="#3b82f6"></path>
+             <rect x="9" y="7" width="4" height="5" rx="2" ry="2" stroke="#3b82f6"></rect>
+             <path d="M2,1H18a2,2,0,0,1,2,2V21a2,2,0,0,1-2,2H2Z"></path>
+             <line x1="23" y1="5" x2="23" y2="9" stroke="#3b82f6"></line>
+            </g>
+           </svg>
+          </div>
+          <select class="pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="addr_from">
+            {% for a in addrs %}
+            <option{% if data.addr_from==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[0] }} {{ a[1] }}</option>
+            {% endfor %}
+            <option{% if data.addr_from=="-1" %} selected{% endif %} value="-1">New Address</option>
+          </select>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Swap Type</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="relative">
+          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+           <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+          </svg>
+          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+           <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+             <path data-cap="butt" d="M11.992,11.737,14.2,13.4A2,2,0,0,1,15,15v1H7V15a2,2,0,0,1,.8-1.6l2.208-1.663" stroke="#3b82f6"></path>
+             <rect x="9" y="7" width="4" height="5" rx="2" ry="2" stroke="#3b82f6"></rect>
+             <path d="M2,1H18a2,2,0,0,1,2,2V21a2,2,0,0,1-2,2H2Z"></path>
+             <line x1="23" y1="5" x2="23" y2="9" stroke="#3b82f6"></line>
+            </g>
+           </svg>
+          </div>
+          <select class="pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="swap_type" id="swap_type">
+            {% for a in swap_types %}
+            <option{% if data.swap_type==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
+            {% endfor %}
+          </select>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+
+<div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+ <div class="w-full md:w-10/12">
+  <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+   <div class="w-full md:w-1/3 p-3">
+    <p class="text-sm text-coolGray-800 dark:text-white font-semibold">You Send</p>
+   </div>
+   <div class="w-full md:flex-1 p-3">
+    <div class="flex flex-wrap -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <div class="custom-select">
+       <div class="relative">
+        <svg class="absolute right-4 top-1/2 transform -translate-y-1/2 z-50" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+         <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+        </svg>
+        <select class="select hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" id="coin_from" name="coin_from" onchange="set_rate('coin_from');">
+         <option value="-1">Select coin you send</option>
+         {% for c in coins_from %}
+         <option{% if data.coin_from==c[0] %} selected{% endif %} value="{{ c[0] }}" data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}-20.png">{{ c[1] }}</option>
+          {% endfor %}
+        </select>
+        <div class="select-dropdown">
+         <img class="select-icon" src="" alt="">
+         <img class="select-image" src="" alt="">
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="w-full md:w-1/2 p-3">
+      <div class="relative">
+       <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+        <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+         <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+          <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+          <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+          <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+          <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+          <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+         </g>
+        </svg>
+       </div>
+       <input class="pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" placeholder="Amount you send" type="text" id="amt_from" name="amt_from" value="{{ data.amt_from }}" onchange="set_rate('amt_from');">
+      </div>
+     </div>
     </div>
-  </section>
-  <script>
+   </div>
+  </div>
+ </div>
+</div>
+<div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+ <div class="w-full md:w-10/12">
+  <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+   <div class="w-full md:w-1/3 p-3">
+    <p class="text-sm text-coolGray-800 dark:text-white font-semibold">You Get</p>
+   </div>
+   <div class="w-full md:flex-1 p-3">
+    <div class="flex flex-wrap -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <div class="custom-select">
+       <div class="relative">
+        <svg class="absolute right-4 top-1/2 transform -translate-y-1/2 z-50" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+         <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+        </svg>
+        <select class="select hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0"" id="coin_to" name="coin_to" onchange="set_rate('coin_to');">
+         <option class="no-space" value="-1">Select coin you get</option>
+         {% for c in coins %}
+         <option{% if data.coin_to==c[0] %} selected{% endif %} value="{{ c[0] }}" data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}-20.png">{{ c[1] }}</option>{% endfor %}
+        </select>
+        <div class="select-dropdown">
+         <img class="select-icon" src="" alt="">
+         <img class="select-image" src="" alt="">
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="w-full md:w-1/2 p-3">
+      <div class="relative">
+       <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+        <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+         <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+          <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+          <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+          <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+          <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+          <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+         </g>
+        </svg>
+       </div>
+       <input class="pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" placeholder="Amount you get" type="text" id="amt_to" name="amt_to" value="{{ data.amt_to }}" onchange="set_rate('amt_to');">
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </div>
+</div>
+<div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+ <div class="w-full md:w-10/12">
+  <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+   <div class="w-full md:w-1/3 p-3">
+    <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Bid Amount</p>
+   </div>
+   <div class="w-full md:flex-1 p-3">
+    <div class="flex flex-wrap -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <p class="mb-1.5 font-medium text-base dark:text-white text-coolGray-800">Minimum Bid Amount</p>
+      <div class="relative">
+       <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+        <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+         <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+          <rect x="9.843" y="5.379" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.7635 13.1569)" width="11.314" height="4.243"></rect>
+          <polyline points="3,23 3,19 15,19 15,23 "></polyline>
+          <line x1="4" y1="15" x2="1" y2="15" stroke="#3b82f6"></line>
+          <line x1="5.757" y1="10.757" x2="3.636" y2="8.636" stroke="#3b82f6"></line>
+          <line x1="1" y1="23" x2="17" y2="23"></line>
+          <line x1="17" y1="9" x2="23" y2="15"></line>
+         </g>
+        </svg>
+       </div>
+       <input class="pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" id="amt_bid_min" name="amt_bid_min" value="{{ data.amt_bid_min }}" title="Bids with an amount below the minimum bid value will be discarded">
+      </div>
+     </div>
+     <div class="w-full md:w-1/2 p-3">
+      <p class="mb-1.5 font-medium text-base dark:text-white text-coolGray-800">Rate</p>
+      <div class="relative">
+       <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+        <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+         <g fill="#3b82f6">
+          <path d="M9,9h5L7,0,0,9H5V23a1,1,0,0,0,1,1H8a1,1,0,0,0,1-1Z" fill="#3b82f6"></path>
+          <path d="M14,17a3,3,0,1,1,3-3A3,3,0,0,1,14,17Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,14,13Z" data-color="color-2"></path>
+          <path d="M21,24a3,3,0,1,1,3-3A3,3,0,0,1,21,24Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,21,20Z" data-color="color-2"></path>
+          <path d="M13,23a1,1,0,0,1-.707-1.707l9-9a1,1,0,0,1,1.414,1.414l-9,9A1,1,0,0,1,13,23Z" data-color="color-2"></path>
+         </g>
+        </svg>
+       </div>
+       <input class="pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" id="rate" name="rate" value="{{ data.rate }}" onchange="set_rate('rate');">
+      </div>
+      <div class="form-check form-check-inline mt-5">
+       <input class="form-check-input hover:border-blue-500 w-5 h-5 form-check-input text-blue-600 bg-gray-50 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-1 dark:bg-gray-500 dark:border-gray-400" type="checkbox" id="rate_lock" name="rate_lock" value="rl" checked=checked>
+       <label class="form-check-label ml-2 text-sm font-medium text-gray-800 dark:text-white" for="inlineCheckbox1">Lock Rate</label>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </div>
+</div>
+<div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+ <div class="w-full md:w-10/12">
+  <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+   <div class="w-full md:w-1/3 p-3">
+    <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Options</p>
+   </div>
+   <div class="w-full md:flex-1 p-3">
+    <div class="form-check form-check-inline">
+     <input class="hover:border-blue-500 w-5 h-5 form-check-input text-blue-600 bg-gray-50 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-1 dark:bg-gray-500 dark:border-gray-400" type="checkbox" id="amt_var" name="amt_var" value="av" {% if data.amt_var==true %} checked="checked" {% endif %}>
+     <label class="form-check-label ml-2 text-sm font-medium text-gray-800 dark:text-white" for="inlineCheckbox2">Amount Variable</label>
+    </div>
+    <div class="form-check form-check-inline mt-2">
+     <input class="hover:border-blue-500 w-5 h-5 form-check-input text-blue-600 bg-gray-50 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-1 dark:bg-gray-500 dark:border-gray-400" type="checkbox" id="rate_var" name="rate_var" value="rv" {% if data.rate_var==true %} checked="checked" {% endif %}>
+     <label class="form-check-label ml-2 text-sm font-medium text-gray-800 dark:text-white" for="inlineCheckbox3">Rate Variable</label>
+    </div>
+   </div>
+  </div>
+ </div>
+</div>
+<div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+ <div class="w-full md:w-10/12">
+  <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+   <div class="w-full md:w-1/3 p-3">
+    <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Rates</p>
+   </div>
+   <div class="w-full md:flex-1 p-3 dark:text-white text-sm monospace">
+    <p id="rates_display"></p>
+    <!-- todo adjust font-size -->
+   </div>
+  </div>
+ </div>
+</div>
+</div>
+</div>
+</section>
+<section>
+ <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+  <div class="pb-6 border-coolGray-100">
+   <div class="flex flex-wrap items-center justify-between -m-2">
+    <div class="w-full pt-2">
+     <div class="container mt-5 mx-auto">
+      <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+       <div class="px-6">
+        <div class="flex flex-wrap justify-end">
+         <!--<div class="w-full md:w-auto p-1.5"><button name="show_rates_table" type="button" value="Show Rates Table" onclick='lookup_rates_table();' class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="mr-2"
+          xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24"><g fill="#556987"><path fill="#556987" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path><path data-color="#556987" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path></g></svg><span>Show Rates Table</span></button></div>-->
+         <div class="w-full md:w-auto p-1.5">
+          <button name="check_rates" type="button" value="Lookup Rates (RAW)" onclick='lookup_rates();' class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600"><span>Check Current Rates</span>
+          </button>
+         </div>
+         <div class="w-full md:w-auto p-1.5">
+          <button name="continue" value="Continue" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+           <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+             <circle cx="12" cy="12" r="11"></circle>
+             <polyline points="11 8 15 12 11 16" stroke="#ffffff"></polyline>
+            </g>
+           </svg>
+           <span>Continue</span>
+          </button>
+         </div>
+         <input type="hidden" name="formid" value="{{ form_id }}">
+         <input type="hidden" name="step1" value="a">
+         </form>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </div>
+</section>
+<style>
+select.select-disabled {
+opacity: 0.50 !important;
+}
+</style>
+<script>
     const xhr_rates = new XMLHttpRequest();
     xhr_rates.onload = () => {
       if (xhr_rates.status == 200) {
@@ -477,13 +509,16 @@
         swap_type.disabled = true;
         swap_type.value = 'xmr_swap';
         make_hidden = true;
+        swap_type.classList.add('select-disabled'); // Add the class to the disabled select
       } else
       if (coin_from == '11' /* PIVX */ || coin_from == '12' /* DASH */ || coin_from == '13' /* FIRO */) {
         swap_type.disabled = true;
         swap_type.value = 'seller_first';
         make_hidden = true;
+        swap_type.classList.add('select-disabled'); // Add the class to the disabled select
       } else {
         swap_type.disabled = false;
+        swap_type.classList.remove('select-disabled'); // Remove the class from the enabled select
       }
       let swap_type_hidden = document.getElementById('swap_type_hidden');
       if (make_hidden) {
@@ -544,10 +579,12 @@
       const swap_type = document.getElementById('swap_type');
       set_swap_type_enabled(coin_from, coin_to, swap_type);
     });
-  </script>
-  <script src="static/js/new_offer.js"></script>
+</script>
+<script src="static/js/new_offer.js"></script>
+<script src="static/js/coin_icons.js"></script>
+<script src="static/js/coin_icons_2.js"></script>
 </div>
 {% include 'footer.html' %}
 </div>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/basicswap/templates/offer_new_2.html b/basicswap/templates/offer_new_2.html
index 1c2f3c8..6a355b7 100644
--- a/basicswap/templates/offer_new_2.html
+++ b/basicswap/templates/offer_new_2.html
@@ -1,566 +1,699 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/newoffer">Place an new offer</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="#">Setup offer parameters</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Setup offer parameters</h2>
-            <p class="font-semibold text-coolGray-200">Place an order on the order book.</p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section class="bg-white">
-  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden bg-white rounded-t-md">
-    <div class="pb-6 border-coolGray-100">
-      <div class="flex flex-wrap items-center justify-between -m-2">
-        <div class="w-full p-2">
-          {% include 'inc_messages.html' %}
-          <div class="p-5 mb-10">
-            <div class="mx-4 p-4">
-              <div class="flex items-center">
-                <div class="flex items-center text-teal-600 relative">
-                  <div class="rounded-full h-12 w-12 py-3 border-2 border-blue-500">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
-                      <g fill="#3b82f6">
-                        <polygon points="14.5 23.5 11.5 23.5 11.5 4.321 6.766 8.108 4.892 5.766 11.474 0.5 14.5 0.5 14.5 23.5" fill="#3b82f6"></polygon>
-                      </g>
-                    </svg>
-                  </div>
-                  <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase text-gray-500">Step 1</div>
-                </div>
-                <div class="flex-auto border-t-2 border-blue-500"></div>
-                <div class="flex items-center text-teal-600 relative">
-                  <div class="rounded-full transition duration-500 ease-in-out h-12 w-12 py-3 border-2 border-blue-500">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
-                      <g fill="#3b82f6">
-                        <path d="M19.5,23.5H4.5V20.2l.667-.445C9.549,16.828,16.5,10.78,16.5,7c0-2.654-1.682-4-5-4A9.108,9.108,0,0,0,7.333,4.248L6.084,5.08,4.42,2.584l1.247-.832A11.963,11.963,0,0,1,11.5,0c4.935,0,8,2.683,8,7,0,5-6.5,10.662-10.232,13.5H19.5ZM6,21H6Z" fill="#3b82f6"></path>
-                      </g>
-                    </svg>
-                  </div>
-                  <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase text-gray-500">Step 2</div>
-                </div>
-                <div class="flex-auto border-t-2 border-teal-600"></div>
-                <div class="flex items-center text-gray-500 relative">
-                  <div class="rounded-full transition duration-500 ease-in-out h-12 w-12 py-3 border-2 border-teal-600">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
-                      <g fill="#3b82f6">
-                        <polygon points="9 21 1 13 4 10 9 15 21 3 24 6 9 21" fill="#d1d5db"></polygon>
-                      </g>
-                    </svg>
-                  </div>
-                  <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase text-gray-500">Confirm</div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <form method="post">
-            <div class="py-6 border-b border-coolGray-100">
-              <div class="w-full md:w-10/12">
-                <div class="flex flex-wrap -m-3">
-                  <div class="w-full md:w-1/3 p-3">
-                    <p class="text-sm text-coolGray-800 font-semibold">Select network</p>
-                  </div>
-                  <div class="w-full md:flex-1 p-3">
-                    <div class="relative">
-                      <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                      </svg>
-                      <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                        <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                          <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                            <line data-cap="butt" x1="7.6" y1="10.5" x2="16.4" y2="5.5" stroke="#3b82f6"></line>
-                            <line data-cap="butt" x1="7.6" y1="13.5" x2="16.4" y2="18.5" stroke="#3b82f6"></line>
-                            <circle cx="5" cy="12" r="3"></circle>
-                            <circle cx="19" cy="4" r="3"></circle>
-                            <circle cx="19" cy="20" r="3"></circle>
-                          </g>
-                        </svg>
-                      </div>
-                      <select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="addr_to" disabled>
-                        <option{% if data.addr_to=="-1" %} selected{% endif %} value="-1">Public Network</option>
-                          {% for a in addrs_to %}
-                          <option{% if data.addr_to==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[0] }} {{ a[1] }}</option>
-                          {% endfor %}
-                        </select>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            <div class="py-6 border-b border-coolGray-100">
-              <div class="w-full md:w-10/12">
-                <div class="flex flex-wrap -m-3">
-                  <div class="w-full md:w-1/3 p-3">
-                    <p class="text-sm text-coolGray-800 font-semibold">Select address</p>
-                  </div>
-                  <div class="w-full md:flex-1 p-3">
-                    <div class="relative">
-                      <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                      </svg>
-                      <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                        <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                          <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                            <path data-cap="butt" d="M11.992,11.737,14.2,13.4A2,2,0,0,1,15,15v1H7V15a2,2,0,0,1,.8-1.6l2.208-1.663" stroke="#3b82f6"></path>
-                            <rect x="9" y="7" width="4" height="5" rx="2" ry="2" stroke="#3b82f6"></rect>
-                            <path d="M2,1H18a2,2,0,0,1,2,2V21a2,2,0,0,1-2,2H2Z"></path>
-                            <line x1="23" y1="5" x2="23" y2="9" stroke="#3b82f6"></line>
-                          </g>
-                        </svg>
-                      </div>
-                      <select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="addr_from" disabled> {% for a in addrs %}
-                        <option{% if data.addr_from==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[0] }} {{ a[1] }}</option> {% endfor %}
-                          <option{% if data.addr_from=="-1" %} selected{% endif %} value="-1">New Address</option>
-                      </select>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            <div class="py-6 border-b border-coolGray-100">
-                <div class="w-full md:w-10/12">
-                  <div class="flex flex-wrap -m-3">
-                    <div class="w-full md:w-1/3 p-3">
-                      <p class="text-sm text-coolGray-800 font-semibold">Swap Type</p>
-                    </div>
-                    <div class="w-full md:flex-1 p-3">
-                      <div class="relative">
-                        <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                          <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                        </svg>
-                        <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                          <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                              <path data-cap="butt" d="M11.992,11.737,14.2,13.4A2,2,0,0,1,15,15v1H7V15a2,2,0,0,1,.8-1.6l2.208-1.663" stroke="#3b82f6"></path>
-                              <rect x="9" y="7" width="4" height="5" rx="2" ry="2" stroke="#3b82f6"></rect>
-                              <path d="M2,1H18a2,2,0,0,1,2,2V21a2,2,0,0,1-2,2H2Z"></path>
-                              <line x1="23" y1="5" x2="23" y2="9" stroke="#3b82f6"></line>
-                            </g>
-                          </svg>
-                        </div>
-                        <select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="swap_type" id="swap_type" disabled>
-                          {% for a in swap_types %}
-                          <option{% if data.swap_type==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
-                          {% endfor %}
-                        </select>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-            <div class="py-6 border-b border-coolGray-100">
-              <div class="w-full md:w-10/12">
-                <div class="flex flex-wrap -m-3">
-                  <div class="w-full md:w-1/3 p-3">
-                    <p class="text-sm text-coolGray-800 font-semibold">You Send</p>
-                  </div>
-                  <div class="w-full md:flex-1 p-3">
-                    <div class="flex flex-wrap -m-3">
-                      <div class="w-full md:w-1/2 p-3">
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <select is="ms-dropdown" class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-5" id="coin_from" name="coin_from" onchange="set_rate('coin_from');" disabled>
-                            <option value="-1"></option>
-                            {% for c in coins_from %}
-                            <option{% if data.coin_from==c[0] %} selected{% endif %} value="{{ c[0] }}" data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}-20.png">{{ c[1] }}</option>
-                            {% endfor %}
-                          </select>
-                        </div>
-                      </div>
-                      <div class="w-full md:w-1/2 p-3">
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="text" id="amt_from" name="amt_from" value="{{ data.amt_from }}" onchange="set_rate('amt_from');" readonly> </div>
-                      </div>
-                      {% if data.swap_style == 'xmr' %}
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Confirm Target</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="number" name="fee_from_conf" min="1" max="32" value="{{ data.fee_from_conf }}"> </div>
-                      </div>
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Increase By</p>
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="fee_from_extra">
-                            <option value="0">None</option>
-                            <option value="10" {% if data.fee_from_extra==10 %} selected{% endif %}>10%</option>
-                            <option value="50" {% if data.fee_from_extra==50 %} selected{% endif %}>50%</option>
-                            <option value="100" {% if data.fee_from_extra==100 %} selected{% endif %}>100%</option>
-                          </select>
-                        </div>
-                      </div>
-                    {% endif %}
-                  </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="py-6 border-b border-coolGray-100">
-              <div class="w-full md:w-10/12">
-                <div class="flex flex-wrap -m-3">
-                  <div class="w-full md:w-1/3 p-3">
-                    <p class="text-sm text-coolGray-800 font-semibold">You Get</p>
-                  </div>
-                  <div class="w-full md:flex-1 p-3">
-                    <div class="flex flex-wrap -m-3">
-                      <div class="w-full md:w-1/2 p-3">
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <select is="ms-dropdown" class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-5" id="coin_to" name="coin_to" onchange="set_rate('coin_to');" disabled>
-                            <option value="-1"></option>
-                            {% for c in coins %}
-                            <option{% if data.coin_to==c[0] %} selected{% endif %} value="{{ c[0] }}" data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}-20.png">{{ c[1] }}</option>
-                            {% endfor %}
-                          </select>
-                        </div>
-                      </div>
-                      <div class="w-full md:w-1/2 p-3">
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="text" id="amt_to" name="amt_to" value="{{ data.amt_to }}" onchange="set_rate('amt_to');" readonly> </div>
-                      </div>
-                      {% if data.swap_style == 'xmr' and coin_to != '6' %}
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Confirm Target</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="number" name="fee_to_conf" min="1" max="32" value="{{ data.fee_from_conf }}"></div>
-                      </div>
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Increase By</p>
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                          </svg>
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="fee_to_extra">
-                            <option value="0">None</option>
-                            <option value="10" {% if data.fee_from_extra==10 %} selected{% endif %}>10%</option>
-                            <option value="50" {% if data.fee_from_extra==50 %} selected{% endif %}>50%</option>
-                            <option value="100" {% if data.fee_from_extra==100 %} selected{% endif %}>100%</option>
-                          </select>
-                        </div>
-                      </div>
-                    {% endif %}
-                  </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="py-6 border-b border-coolGray-100">
-              <div class="w-full md:w-10/12">
-                <div class="flex flex-wrap -m-3">
-                  <div class="w-full md:w-1/3 p-3">
-                    <p class="text-sm text-coolGray-800 font-semibold">Bid amount</p>
-                  </div>
-                  <div class="w-full md:flex-1 p-3">
-                    <div class="flex flex-wrap -m-3">
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Minimum Bid Amount</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <rect x="9.843" y="5.379" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.7635 13.1569)" width="11.314" height="4.243"></rect>
-                                <polyline points="3,23 3,19 15,19 15,23 "></polyline>
-                                <line x1="4" y1="15" x2="1" y2="15" stroke="#3b82f6"></line>
-                                <line x1="5.757" y1="10.757" x2="3.636" y2="8.636" stroke="#3b82f6"></line>
-                                <line x1="1" y1="23" x2="17" y2="23"></line>
-                                <line x1="17" y1="9" x2="23" y2="15"></line>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="text" id="amt_bid_min" name="amt_bid_min" value="{{ data.amt_bid_min }}" title="Bids with an amount below the minimum bid value will be discarded" readonly> </div>
-                      </div>
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Rate</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g fill="#3b82f6">
-                                <path d="M9,9h5L7,0,0,9H5V23a1,1,0,0,0,1,1H8a1,1,0,0,0,1-1Z" fill="#3b82f6"></path>
-                                <path d="M14,17a3,3,0,1,1,3-3A3,3,0,0,1,14,17Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,14,13Z" data-color="color-2"></path>
-                                <path d="M21,24a3,3,0,1,1,3-3A3,3,0,0,1,21,24Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,21,20Z" data-color="color-2"></path>
-                                <path d="M13,23a1,1,0,0,1-.707-1.707l9-9a1,1,0,0,1,1.414,1.414l-9,9A1,1,0,0,1,13,23Z" data-color="color-2"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="text" id="rate" name="rate" value="{{ data.rate }}" onchange="set_rate('rate');" readonly></div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="py-6 border-b border-coolGray-100">
-              <div class="w-full md:w-10/12">
-                <div class="flex flex-wrap -m-3">
-                  <div class="w-full md:w-1/3 p-3">
-                    <p class="text-sm text-coolGray-800 font-semibold">Time</p>
-                  </div>
-                  <div class="w-full md:flex-1 p-3">
-                    <div class="flex flex-wrap -m-3">
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Offer valid (hrs)</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="number" name="validhrs" min="1" max="48" value="{{ data.validhrs }}"></div>
-                      </div>
-                      {% if data.debug_ui == true %}
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Contract Locked (Mins)</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="number" name="lockmins" min="10" max="5000" value="{{ data.lockmins }}"> </div> {% if data.swap_style != 'xmr' %}
-                        <div class="text-sm text-gray-500 mt-1.5">(Participate txn will be locked for half the time.)</div>
-                      {% endif %}
-                    </div>
-                    {% else %}
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Contract locked (Hours)</p>
-                        <div class="relative">
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
-                                <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
-                                <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
-                                <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
-                                <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
-                              </g>
-                            </svg>
-                          </div>
-                          <input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="number" name="lockhrs" min="1" max="96" value="{{ data.lockhrs }}"></div>
-                          {% if data.swap_style != 'xmr' %}
-                        <div class="text-sm text-gray-500 mt-1.5">(Participate txn will be locked for half the time.)</div>
-                      {% endif %}
-                    </div>
-                  {% endif %}
-                </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="py-6 border-b border-coolGray-100">
-              <div class="w-full md:w-10/12">
-                <div class="flex flex-wrap -m-3">
-                  <div class="w-full md:w-1/3 p-3">
-                    <p class="text-sm text-coolGray-800 font-semibold">Strategy (BETA)</p>
-                  </div>
-                  <div class="w-full md:flex-1 p-3">
-                    <div class="flex flex-wrap -m-3">
-                      <div class="w-full md:w-1/2 p-3">
-                        <p class="mb-1.5 font-medium text-base text-coolGray-800">Auto Accept Strategy</p>
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-                            <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
-                                <circle cx="12" cy="12" r="5" stroke="#3b82f6" data-cap="butt"></circle>
-                                <polygon points="5 6 2 4 5 2 5 6" fill="#3b82f6" stroke="none"></polygon>
-                                <polygon points="19 18 22 20 19 22 19 18" fill="#3b82f6" stroke="none"></polygon>
-                                <polygon points="5 6 2 4 5 2 5 6"></polygon>
-                                <line x1="5" y1="4" x2="9" y2="4"></line>
-                                <polygon points="19 18 22 20 19 22 19 18"></polygon>
-                                <line x1="19" y1="20" x2="15" y2="20"></line>
-                              </g>
-                            </svg>
-                          </div>
-                          <select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="automation_strat_id">
-                            <option value="-1" {% if data.automation_strat_id==-1 %} selected{% endif %}>None</option>
-                            {% for a in automation_strategies %}
-                            <option value="{{ a[0] }}" {% if data.automation_strat_id==a[0] %} selected{% endif %}>{{ a[1] }}</option>
-                          {% endfor %}
-                        </select>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="py-6 border-coolGray-100">
-              <div class="w-full md:w-10/12">
-                <div class="flex flex-wrap -m-3">
-                  <div class="w-full md:w-1/3 p-3">
-                    <p class="text-sm text-coolGray-800 font-semibold">Options</p>
-                  </div>
-                  <div class="w-full md:flex-1 p-3">
-                    <div class="form-check form-check-inline">
-                      <input class="form-check-input h-4 w-4 border border-gray-300 rounded-sm bg-gray-50 checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer" type="checkbox" id="amt_var" name="amt_var" value="av" {% if data.amt_var==true %} checked="checked" {% endif %} disabled>
-                      <label class="form-check-label inline-block text-gray-800" for="inlineCheckbox2">Amount Variable</label>
-                    </div>
-                    <div class="form-check form-check-inline">
-                      <input class="form-check-input h-4 w-4 border border-gray-300 rounded-sm bg-gray-50 checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer" type="checkbox" id="rate_var" name="rate_var" value="rv" {% if data.rate_var==true %} checked="checked" {% endif %} disabled>
-                      <label class="form-check-label bg-gray-50inline-block text-gray-800" for="inlineCheckbox3">Rate Variable</label>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-              <div class="w-full md:w-0/12">
-                <div class="flex flex-wrap justify-end -m-1.5">
-                  <div class="w-full md:w-auto p-1.5">
-                    <button name="step1" type="submit" value="Back" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round"><circle cx="12" cy="12" r="11"></circle><polyline points="13 16 9 12 13 8" stroke="#556987"></polyline></g></svg>
-                      </svg><span>Back</span></button>
-                  </div>
-                  <div class="w-full md:w-auto p-1.5">
-                    <button name="check_offer" value="Continue" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
-                          <circle cx="12" cy="12" r="11"></circle>
-                          <polyline points="11 8 15 12 11 16" stroke="#ffffff"></polyline>
-                        </g>
-                      </svg><span>Continue</span></button>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <input type="hidden" name="formid" value="{{ form_id }}">
-            <input type="hidden" name="addr_to" value="{{ data.addr_to }}">
-            <input type="hidden" name="addr_from" value="{{ data.addr_from }}">
-            <input type="hidden" name="swap_type" value="{{ data.swap_type }}">
-            <input type="hidden" name="coin_from" value="{{ data.coin_from }}">
-            <input type="hidden" name="coin_to" value="{{ data.coin_to }}"> {% if data.amt_var==true %}
-            <input type="hidden" name="amt_var" value="true"> {% endif %} {% if data.rate_var==true %}
-            <input type="hidden" name="rate_var" value="true"> {% endif %} </form>
-          <script src="static/js/new_offer.js"></script>
-        </div>
-      </div>
-    </div>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/newoffer">Place an new offer</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="#">Setup offers parameters</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+    </ul>
+   </div>
   </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Setup offers parameters</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Place an order on the order book.</p>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <section>
+  <div class="p-5 mb-10">
+   <div class="mx-4 p-4">
+    <div class="flex items-center">
+     <div class="flex items-center text-teal-600 relative">
+      <div class="rounded-full h-12 w-12 py-3 border-2 border-blue-500">
+       <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
+        <g fill="#3b82f6">
+         <polygon points="14.5 23.5 11.5 23.5 11.5 4.321 6.766 8.108 4.892 5.766 11.474 0.5 14.5 0.5 14.5 23.5" fill="#3b82f6"></polygon>
+        </g>
+       </svg>
+      </div>
+      <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase dark:text-white text-gray-600">Step 1</div>
+     </div>
+     <div class="flex-auto border-t-2 border-blue-500 dark:border-blue-500"></div>
+     <div class="flex items-center text-teal-600 relative ">
+      <div class="rounded-full transition duration-500 ease-in-out h-12 w-12 py-3 border-2 border-blue-500 dark:border-blue-500">
+       <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
+        <g fill="#3b82f6">
+         <path d="M19.5,23.5H4.5V20.2l.667-.445C9.549,16.828,16.5,10.78,16.5,7c0-2.654-1.682-4-5-4A9.108,9.108,0,0,0,7.333,4.248L6.084,5.08,4.42,2.584l1.247-.832A11.963,11.963,0,0,1,11.5,0c4.935,0,8,2.683,8,7,0,5-6.5,10.662-10.232,13.5H19.5ZM6,21H6Z" fill="#3b82f6"></path>
+        </g>
+       </svg>
+      </div>
+      <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase dark:text-white text-gray-600">Step 2</div>
+     </div>
+     <div class="flex-auto border-t-2 border-teal-600 dark:border-gray-400"></div>
+     <div class="flex items-center text-gray-500 relative">
+      <div class="rounded-full transition duration-500 ease-in-out h-12 w-12 py-3 border-2 border-teal-600 dark:border-gray-400">
+       <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
+        <g fill="#3b82f6">
+         <polygon points="9 21 1 13 4 10 9 15 21 3 24 6 9 21" fill="#d1d5db"></polygon>
+        </g>
+       </svg>
+      </div>
+      <div class="absolute top-0 -ml-10 text-center mt-16 w-32 text-xs font-medium uppercase dark:text-white text-gray-600">Confirm</div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ <section class="py-3">
+  <div class="container px-4 mx-auto">
+   <div class="p-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+    <div class="flex flex-wrap items-center justify-between -mx-4 mb-8 pb-6 border-b border-gray-400 border-opacity-20">
+     <div class="w-full sm:w-auto px-4 mb-6 sm:mb-0">
+      <h4 class="text-2xl font-bold tracking-wide dark:text-white mb-1">STEP 2</h4>
+      <!-- todo add subtitle <p class="text-sm text-coolGray-500">Lorem ipsum dolor sit amet</p> -->
+     </div>
+    </div>
+    <form method="post" autocomplete="off" id='form'>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Select Network</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="relative">
+          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+           <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+          </svg>
+          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+           <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+             <line data-cap="butt" x1="7.6" y1="10.5" x2="16.4" y2="5.5" stroke="#3b82f6"></line>
+             <line data-cap="butt" x1="7.6" y1="13.5" x2="16.4" y2="18.5" stroke="#3b82f6"></line>
+             <circle cx="5" cy="12" r="3"></circle>
+             <circle cx="19" cy="4" r="3"></circle>
+             <circle cx="19" cy="20" r="3"></circle>
+            </g>
+           </svg>
+          </div>
+          <select class="cursor-not-allowed disabled-select pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0 disabled:opacity-20" name="addr_to" disabled>
+           <option{% if data.addr_to=="-1" %} selected{% endif %} value="-1">Public Network</option>
+            {% for a in addrs_to %}
+            <option{% if data.addr_to==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[0] }} {{ a[1] }}</option>
+            {% endfor %}
+          </select>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Select Address</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="relative">
+          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+           <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+          </svg>
+          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+           <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+             <path data-cap="butt" d="M11.992,11.737,14.2,13.4A2,2,0,0,1,15,15v1H7V15a2,2,0,0,1,.8-1.6l2.208-1.663" stroke="#3b82f6"></path>
+             <rect x="9" y="7" width="4" height="5" rx="2" ry="2" stroke="#3b82f6"></rect>
+             <path d="M2,1H18a2,2,0,0,1,2,2V21a2,2,0,0,1-2,2H2Z"></path>
+             <line x1="23" y1="5" x2="23" y2="9" stroke="#3b82f6"></line>
+            </g>
+           </svg>
+          </div>
+          <select class="cursor-not-allowed disabled-select pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="addr_from" disabled>
+            {% for a in addrs %}
+            <option{% if data.addr_from==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[0] }} {{ a[1] }}</option>
+            {% endfor %}
+            <option{% if data.addr_from=="-1" %} selected{% endif %} value="-1">New Address</option>
+          </select>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Swap Type</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="relative">
+          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+           <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+          </svg>
+          <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+           <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+             <path data-cap="butt" d="M11.992,11.737,14.2,13.4A2,2,0,0,1,15,15v1H7V15a2,2,0,0,1,.8-1.6l2.208-1.663" stroke="#3b82f6"></path>
+             <rect x="9" y="7" width="4" height="5" rx="2" ry="2" stroke="#3b82f6"></rect>
+             <path d="M2,1H18a2,2,0,0,1,2,2V21a2,2,0,0,1-2,2H2Z"></path>
+             <line x1="23" y1="5" x2="23" y2="9" stroke="#3b82f6"></line>
+            </g>
+           </svg>
+          </div>
+          <select class="cursor-not-allowed disabled-select pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="swap_type" id="swap_type" disabled>
+            {% for a in swap_types %}
+            <option{% if data.swap_type==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
+            {% endfor %}
+          </select>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">You Send</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="flex flex-wrap -m-3">
+          <div class="w-full md:w-1/2 p-3">
+           <div class="custom-select">
+            <div class="relative">
+             <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+             </svg>
+             <select class="select cursor-not-allowed disabled-select hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" id="coin_from" name="coin_from" onchange="set_rate('coin_from');" disabled>
+              <option value="-1">Select coin you send</option>
+              {% for c in coins_from %}
+              <option{% if data.coin_from==c[0] %} selected{% endif %} value="{{ c[0] }}" data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}-20.png">{{ c[1] }}</option>
+              {% endfor %}
+             </select>
+             <div class="select-dropdown">
+              <img class="select-icon" src="" alt="">
+              <img class="select-image" src="" alt="">
+             </div>
+            </div>
+           </div>
+          </div>
+          <div class="w-full md:w-1/2 p-3">
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="cursor-not-allowed disabled-input appearance-none pl-10 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" id="amt_from" name="amt_from" value="{{ data.amt_from }}" onchange="set_rate('amt_from');" readonly>
+           </div>
+          </div>
+          {% if data.swap_style == 'xmr' %}
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Fee From Confirm Target</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="number" name="fee_from_conf" min="1" max="32" value="{{ data.fee_from_conf }}">
+           </div>
+          </div>
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Fee From Increase By</p>
+           <div class="relative">
+            <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+             <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+            </svg>
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <select class="pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="fee_from_extra">
+             <option value="0">None</option>
+             <option value="10" {% if data.fee_from_extra==10 %} selected{% endif %}>10%</option>
+             <option value="50" {% if data.fee_from_extra==50 %} selected{% endif %}>50%</option>
+             <option value="100" {% if data.fee_from_extra==100 %} selected{% endif %}>100%</option>
+            </select>
+           </div>
+          </div>
+          {% endif %}
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">You Get</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="flex flex-wrap -m-3">
+          <div class="w-full md:w-1/2 p-3">
+           <div class="custom-select">
+            <div class="relative">
+             <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+             </svg>
+             <select class="select cursor-not-allowed disabled-select hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" id="coin_to" name="coin_to" onchange="set_rate('coin_to');" disabled>
+              <option value="-1"></option>
+              {% for c in coins %}
+              <option{% if data.coin_to==c[0] %} selected{% endif %} value="{{ c[0] }}" data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}-20.png">{{ c[1] }}</option>
+              {% endfor %}
+             </select>
+             <div class="select-dropdown">
+              <img class="select-icon" src="" alt="">
+              <img class="select-image" src="" alt="">
+             </div>
+            </div>
+           </div>
+          </div>
+          <div class="w-full md:w-1/2 p-3">
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="cursor-not-allowed disabled-input pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" id="amt_to" name="amt_to" value="{{ data.amt_to }}" onchange="set_rate('amt_to');" readonly>
+           </div>
+          </div>
+          {% if data.swap_style == 'xmr' and coin_to != '6' %}
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Fee From Confirm Target</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="disabled-input pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="number" name="fee_to_conf" min="1" max="32" value="{{ data.fee_from_conf }}">
+           </div>
+          </div>
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Fee From Increase By</p>
+           <div class="relative">
+            <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+             <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+            </svg>
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <select class="pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="fee_to_extra">
+             <option value="0">None</option>
+             <option value="10" {% if data.fee_from_extra==10 %} selected{% endif %}>10%</option>
+             <option value="50" {% if data.fee_from_extra==50 %} selected{% endif %}>50%</option>
+             <option value="100" {% if data.fee_from_extra==100 %} selected{% endif %}>100%</option>
+            </select>
+           </div>
+          </div>
+          {% endif %}
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Bid Amount</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="flex flex-wrap -m-3">
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Minimum Bid Amount</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <rect x="9.843" y="5.379" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.7635 13.1569)" width="11.314" height="4.243"></rect>
+               <polyline points="3,23 3,19 15,19 15,23 "></polyline>
+               <line x1="4" y1="15" x2="1" y2="15" stroke="#3b82f6"></line>
+               <line x1="5.757" y1="10.757" x2="3.636" y2="8.636" stroke="#3b82f6"></line>
+               <line x1="1" y1="23" x2="17" y2="23"></line>
+               <line x1="17" y1="9" x2="23" y2="15"></line>
+              </g>
+             </svg>
+            </div>
+            <input class="cursor-not-allowed disabled-input pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" id="amt_bid_min" name="amt_bid_min" value="{{ data.amt_bid_min }}" title="Bids with an amount below the minimum bid value will be discarded" readonly>
+           </div>
+          </div>
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Rate</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g fill="#3b82f6">
+               <path d="M9,9h5L7,0,0,9H5V23a1,1,0,0,0,1,1H8a1,1,0,0,0,1-1Z" fill="#3b82f6"></path>
+               <path d="M14,17a3,3,0,1,1,3-3A3,3,0,0,1,14,17Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,14,13Z" data-color="color-2"></path>
+               <path d="M21,24a3,3,0,1,1,3-3A3,3,0,0,1,21,24Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,21,20Z" data-color="color-2"></path>
+               <path d="M13,23a1,1,0,0,1-.707-1.707l9-9a1,1,0,0,1,1.414,1.414l-9,9A1,1,0,0,1,13,23Z" data-color="color-2"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="cursor-not-allowed disabled-input pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" id="rate" name="rate" value="{{ data.rate }}" onchange="set_rate('rate');" readonly>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Time</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="flex flex-wrap -m-3">
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Offer valid (hrs)</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="number" name="validhrs" min="1" max="48" value="{{ data.validhrs }}">
+           </div>
+          </div>
+          {% if data.debug_ui == true %}
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Contract Locked (Mins)</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="number" name="lockmins" min="10" max="5000" value="{{ data.lockmins }}">
+           </div>
+           {% if data.swap_style != 'xmr' %}
+           <div class="text-sm text-gray-500 mt-1.5">(Participate txn will be locked for half the time.)</div>
+           {% endif %}
+          </div> {% else %} <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Contract locked (Hours)</p>
+           <div class="relative">
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <path d="M15.6,13.873a2.273,2.273,0,0,1-.825,1.833,4.1,4.1,0,0,1-2.31.829v1.47h-.982V16.563a7.95,7.95,0,0,1-3.07-.617V14.053a8.328,8.328,0,0,0,1.5.545,8.019,8.019,0,0,0,1.568.28V12.654L11,12.468a5.357,5.357,0,0,1-2.012-1.216A2.332,2.332,0,0,1,8.4,9.627a2.123,2.123,0,0,1,.814-1.71,4.143,4.143,0,0,1,2.27-.812v-1.1h.982V7.074a8.126,8.126,0,0,1,2.97.66l-.674,1.678a7.768,7.768,0,0,0-2.3-.559v2.116a11.073,11.073,0,0,1,1.991.932,2.733,2.733,0,0,1,.867.868A2.146,2.146,0,0,1,15.6,13.873ZM10.558,9.627a.678.678,0,0,0,.219.52,2.569,2.569,0,0,0,.707.42V8.881Q10.559,9.017,10.558,9.627Zm2.884,4.354a.646.646,0,0,0-.244-.509,3.173,3.173,0,0,0-.732-.431v1.786Q13.441,14.662,13.442,13.981Z" stroke="none" fill="#3b82f6"></path>
+               <polyline points="5.346 7.929 6.932 2.237 1.135 2.966"></polyline>
+               <path data-cap="butt" d="M11.789,23A11,11,0,0,1,6.932,2.237"></path>
+               <polyline points="18.654 16.071 17.068 21.763 22.865 21.034"></polyline>
+               <path data-cap="butt" d="M12.211,1a11,11,0,0,1,4.857,20.763"></path>
+              </g>
+             </svg>
+            </div>
+            <input class="pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="number" name="lockhrs" min="1" max="96" value="{{ data.lockhrs }}">
+           </div>
+           {% if data.swap_style != 'xmr' %}
+           <div class="text-sm text-gray-500 mt-1.5 dark:text-white">(Participate txn will be locked for half the time.)</div>
+           {% endif %}
+          </div>
+          {% endif %}
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Strategy</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="flex flex-wrap -m-3">
+          <div class="w-full md:w-1/2 p-3">
+           <p class="mb-1.5 font-medium text-base text-coolGray-800 dark:text-white">Auto Accept Strategy</p>
+           <div class="relative">
+            <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+             <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+            </svg>
+            <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
+             <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round">
+               <circle cx="12" cy="12" r="5" stroke="#3b82f6" data-cap="butt"></circle>
+               <polygon points="5 6 2 4 5 2 5 6" fill="#3b82f6" stroke="none"></polygon>
+               <polygon points="19 18 22 20 19 22 19 18" fill="#3b82f6" stroke="none"></polygon>
+               <polygon points="5 6 2 4 5 2 5 6"></polygon>
+               <line x1="5" y1="4" x2="9" y2="4"></line>
+               <polygon points="19 18 22 20 19 22 19 18"></polygon>
+               <line x1="19" y1="20" x2="15" y2="20"></line>
+              </g>
+             </svg>
+            </div>
+            <select class="pl-10 hover:border-blue-500 pl-10 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="automation_strat_id">
+             <option value="-1" {% if data.automation_strat_id==-1 %} selected{% endif %}>None</option>
+             {% for a in automation_strategies %}
+             <option value="{{ a[0] }}" {% if data.automation_strat_id==a[0] %} selected{% endif %}>{{ a[1] }}</option>
+             {% endfor %}
+            </select>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+     <div class="py-3 border-b items-center justify-between -mx-4 mb-6 pb-6 border-gray-400 border-opacity-20">
+      <div class="w-full md:w-10/12">
+       <div class="flex flex-wrap -m-3 w-full sm:w-auto px-4 mb-6 sm:mb-0">
+        <div class="w-full md:w-1/3 p-3">
+         <p class="text-sm text-coolGray-800 dark:text-white font-semibold">Options</p>
+        </div>
+        <div class="w-full md:flex-1 p-3">
+         <div class="form-check form-check-inline">
+          <input class="cursor-not-allowed disabled-input hover:border-blue-500 w-5 h-5 form-check-input text-blue-600 bg-gray-50 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-1 dark:bg-gray-500 dark:border-gray-400" type="checkbox" id="amt_var" name="amt_var" value="av" {% if data.amt_var==true %} checked="checked" {% endif %} disabled>
+          <label class="form-check-label ml-2 text-sm font-medium text-gray-800 dark:text-white" for="inlineCheckbox2">Amount Variable</label>
+         </div>
+         <div class="form-check form-check-inline mt-2">
+          <input class="cursor-not-allowed disabled-input hover:border-blue-500 w-5 h-5 form-check-input text-blue-600 bg-gray-50 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-1 dark:bg-gray-500 dark:border-gray-400" type="checkbox" id="rate_var" name="rate_var" value="rv" {% if data.rate_var==true %} checked="checked" {% endif %} disabled>
+          <label class="form-check-label ml-2 text-sm font-medium text-gray-800 dark:text-white" for="inlineCheckbox3">Rate Variable</label>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+   </div>
+  </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+   <div class="pb-6 border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="flex flex-wrap justify-end">
+          <div class="w-full md:w-auto p-1.5">
+           <button name="step1" type="submit" value="Back" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">
+            <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+             <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+              <circle cx="12" cy="12" r="11"></circle>
+              <polyline points="13 16 9 12 13 8" stroke="#ffffff"></polyline>
+             </g>
+            </svg>
+            </svg>
+            <span>Back</span>
+           </button>
+          </div>
+          <div class="w-full md:w-auto p-1.5">
+           <button name="check_offer" value="Continue" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+            <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+             <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+              <circle cx="12" cy="12" r="11"></circle>
+              <polyline points="11 8 15 12 11 16" stroke="#ffffff"></polyline>
+             </g>
+            </svg>
+            <span>Continue</span>
+           </button>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ <input type="hidden" name="formid" value="{{ form_id }}">
+ <input type="hidden" name="addr_to" value="{{ data.addr_to }}">
+ <input type="hidden" name="addr_from" value="{{ data.addr_from }}">
+ <input type="hidden" name="swap_type" value="{{ data.swap_type }}">
+ <input type="hidden" name="coin_from" value="{{ data.coin_from }}">
+ <input type="hidden" name="coin_to" value="{{ data.coin_to }}">
+ {% if data.amt_var==true %}
+ <input type="hidden" name="amt_var" value="true">
+ {% endif %}
+ {% if data.rate_var==true %}
+ <input type="hidden" name="rate_var" value="true">
+{% endif %}
+</form>
+<script>
+      const selects = document.querySelectorAll('select.disabled-select');
+      for (const select of selects) {
+       if (select.disabled) {
+        select.classList.add('disabled-select-enabled');
+       } else {
+        select.classList.remove('disabled-select-enabled');
+       }
+      }
+</script>
+
+<script>
+          const inputs = document.querySelectorAll('input.disabled-input, input[type="checkbox"].disabled-input');
+           for (const input of inputs) {
+            if (input.readOnly) {
+             input.classList.add('disabled-input-enabled');
+            } else {
+             input.classList.remove('disabled-input-enabled');
+            }
+           }
+</script>
+
+<style>
+.disabled-input-enabled {
+    opacity: 0.50 !important;
+}
+select.disabled-select-enabled {
+    opacity: 0.50 !important;
+}
+ </style>  
+
+<script src="static/js/new_offer.js"></script>
+<style>
+  .custom-select .select {
+   appearance: none;
+   background-position: 10px center;
+   background-repeat: no-repeat;
+   position: relative;
+  }
+
+  .custom-select select::-webkit-scrollbar {
+   width: 0;
+  }
+
+  .custom-select .select option {
+   padding-left: 0;
+   text-indent: 0;
+   background-repeat: no-repeat;
+   background-position: 0 50%;
+  }
+
+  .custom-select .select option.no-space {
+   padding-left: 0;
+  }
+
+  .custom-select .select option[data-image] {
+   background-image: url('');
+  }
+
+  .custom-select .select-icon {
+   position: absolute;
+   top: 50%;
+   left: 10px;
+   transform: translateY(-50%);
+  }
+
+  .custom-select .select-image {
+   display: none;
+   margin-top: 10px;
+  }
+
+  .custom-select .select:focus+.select-dropdown .select-image {
+   display: block;
+  }
+ </style>
+<script src="static/js/coin_icons.js"></script>
+<script src="static/js/coin_icons_2.js"></script>
 </div>
-{% include 'footer.html' %}
+</div>
+</div>
+</div>{% include 'footer.html' %}
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/basicswap/templates/offers.html b/basicswap/templates/offers.html
index bb60f38..48debcf 100644
--- a/basicswap/templates/offers.html
+++ b/basicswap/templates/offers.html
@@ -1,465 +1,625 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <!-- todo fix link -->
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="#">{{ page_type }}</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </section>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <!-- todo fix link -->
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="#">{{ page_type }}</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
   <section class="py-4">
     <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
         <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
         <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
         <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center">
+        <div class="relative z-20 flex flex-wrap items-center -m-3">
           <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">{{ page_type }}</h2>
-            <p class="font-semibold text-coolGray-200">{{ page_type_description }}</p>
-          </div>
-          <div class="{{ page_button }} w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
-            <a id="refresh" href="/newoffer" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24">
-                <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
-                  <circle cx="5" cy="5" r="4"></circle>
-                  <circle cx="19" cy="19" r="4"></circle>
-                  <polyline data-cap="butt" points="13,5 21,5 21,11 " stroke="#ffffff"></polyline>
-                  <polyline data-cap="butt" points="11,19 3,19 3,13 " stroke="#ffffff"></polyline>
-                  <polyline points=" 16,2 13,5 16,8 " stroke="#ffffff"></polyline>
-                  <polyline points=" 8,16 11,19 8,22 " stroke="#ffffff"></polyline>
-                </g>
-              </svg><span>Place new Offer</span></a>
-          </div>
-        </div>
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">{{ page_type }}</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">{{ page_type_description }}</p>
+     </div>
+     <div class="{{ page_button }} w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
+      <a id="refresh" href="/newoffer" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border dark:bg-gray-500 dark:hover:bg-gray-700 border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24">
+        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+         <circle cx="5" cy="5" r="4"></circle>
+         <circle cx="19" cy="19" r="4"></circle>
+         <polyline data-cap="butt" points="13,5 21,5 21,11 " stroke="#ffffff"></polyline>
+         <polyline data-cap="butt" points="11,19 3,19 3,13 " stroke="#ffffff"></polyline>
+         <polyline points=" 16,2 13,5 16,8 " stroke="#ffffff"></polyline>
+         <polyline points=" 8,16 11,19 8,22 " stroke="#ffffff"></polyline>
+        </g>
+       </svg>
+       <span>Place new Offer</span>
+      </a>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section> 
+ {% include 'inc_messages.html' %} 
+
+ {% if show_chart %}
+<section class="py-4 overflow-hidden">
+  <div class="container px-4 mx-auto">
+    <div class="flex flex-wrap -m-3">
+
+<div class="w-full sm:w-1/2 lg:w-1/5 p-3">
+  <div class="px-5 py-3 h-full bg-coolGray-100 dark:bg-gray-500 rounded-lg dark:text-white">
+    <div class="flex items-center mb-2.5">
+      <img src="/static/images/coins/bitcoin-20.png" height="20" width="20" class="mr-2">
+      <p class="text-sm text-neutral-500 font-medium">Bitcoin (BTC)</p>
+    </div>
+    <div class="flex flex-wrap items-center mb-2 -m-1">
+      <div class="w-auto p-1">
+        <h3 class="font-heading text-1xl font-semibold">
+          <div id="btc-price-usd"></div>
+        </h3>
+      </div>
+      <div class="w-auto p-1">
+        <div id="btc-price-change-container" class="w-auto p-1"></div>
+      </div>
+      <div class="w-auto p-1">
+        <h3 class="font-heading text-1xl font-semibold">
+          <div id="btc-price-btc"></div>
+        </h3>
       </div>
     </div>
-  </section>
-  {% include 'inc_messages.html' %}
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2">
-            <!-- Chart-->
-            {% if show_chart %}
-            <div class="mb-10 mt-8">
-              <div id="price-chart"></div>
-              <script src="/static/js/chart.js"></script>
-              <script>
-                CryptoCharts.roiComparison({
-                  chart_id: "price-chart",
-                  cryptocompare_api_key: "{{chart_api_key}}",
-                  cryptocompare_tickers: ["BTC", "PART", "DASH", "PIVX", "XMR", "LTC", "FIRO"],
-                  last_days: 30,
-                  axes: true,
-                  title: true,
-                  loading_indicator: false,
-                  fontFamily: "Inter,Helvetica, Arial, sans-serif",
-                  options: {
-                    colors: ["#f2a900", "#2ad167", "#1376b5", "#662D91", "#fc6621", "#345D9D", "#9B1C2E"],
-                    chart: {
-                      type: "area",
-                      height: 360
-                    },
-                    dataLabels: {
-                      enabled: false
-                    },
-                    stroke: {
-                      curve: "smooth"
-                    },
-                    xaxis: {
-                      labels: {
-                        style: {
-                          tickAmount: 4,
-                          // colors: colors,
-                          fontSize: "12px"
-                        }
-                      }
-                    },
-                    yaxis: {
-                      min: -100,
-                      max: 200,
-                      tickAmount: 4
-                    },
-                    grid: {
-                      show: true,
-                      borderColor: "#e5e5e5",
-                      strokeDashArray: 0,
-                      position: "back",
-                      xaxis: {
-                        lines: {
-                          show: false
-                        }
-                      },
-                      yaxis: {
-                        lines: {
-                          show: true
-                        }
-                      },
-                      row: {
-                        colors: undefined,
-                        opacity: 0.5
-                      },
-                      column: {
-                        colors: undefined,
-                        opacity: 0.5
-                      },
-                      padding: {
-                        top: 0,
-                        right: 0,
-                        bottom: 0,
-                        left: 0
-                      }
-                    },
-                    legend: {
-                      show: true,
-                      showForSingleSeries: false,
-                      showForNullSeries: true,
-                      showForZeroSeries: true,
-                      position: "right",
-                      horizontalAlign: "right",
-                      floating: false,
-                      fontSize: "14px",
-                      fontFamily: "Inter,Helvetica, Arial, sans-serif",
-                      fontWeight: 400,
-                      formatter: undefined,
-                      inverseOrder: false,
-                      width: undefined,
-                      height: undefined,
-                      tooltipHoverFormatter: undefined,
-                      customLegendItems: [],
-                      offsetX: -20,
-                      offsetY: -20,
-                      labels: {
-                        colors: undefined,
-                        useSeriesColors: false
-                      },
-                      markers: {
-                        width: 14,
-                        height: 14,
-                        strokeWidth: 2,
-                        strokeColor: "#00000",
-                        fillColors: undefined,
-                        radius: 12,
-                        customHTML: undefined,
-                        onClick: undefined,
-                        offsetX: 0,
-                        offsetY: 0
-                      },
-                      itemMargin: {
-                        horizontal: 5,
-                        vertical: 15
-                      },
-                      onItemClick: {
-                        toggleDataSeries: true
-                      },
-                      onItemHover: {
-                        highlightDataSeries: true
-                      }
-                    },
-                    annotations: {
-                      yaxis: [{
-                        y: 8600,
-                        y2: 9000,
-                        borderColor: "#000",
-                        fillColor: "#FEB019",
-                        label: {
-                          text: "Y-axis range"
-                        }
-                      }]
-                    },
-                    markers: {
-                      size: 0,
-                      colors: undefined,
-                      strokeColors: "#fff",
-                      strokeWidth: 2,
-                      strokeOpacity: 0.9,
-                      strokeDashArray: 0,
-                      fillOpacity: 1,
-                      discrete: [],
-                      shape: "circle",
-                      radius: 2,
-                      offsetX: 0,
-                      offsetY: 0,
-                      onClick: undefined,
-                      onDblClick: undefined,
-                      showNullDataPoints: true,
-                      hover: {
-                        size: undefined,
-                        sizeOffset: 3
-                      }
-                    },
-                    title: {
-                      text: '30 Days Moving % - Daily price in USD',
-                      align: 'left',
-                      margin: 10,
-                      offsetX: 10,
-                      offsetY: 0,
-                      floating: false,
-                      style: {
-                        fontSize: '14px',
-                        fontWeight: 'bold',
-                        fontFamily: "Inter,Helvetica, Arial, sans-serif",
-                        color: '#212121'
-                      },
-                    }
-                  }
-                });
-              </script>
-            </div>
-            <!-- Chart -->
-            {% endif %}
-            <form method="post">
-              <div class="flex justify-between items-center pb-4 bg-white">
-                <div class="bg-white bg-opacity-60 rounded-b-md">
-                  <div class="w-full md:w-0/12">
-                    <div class="flex flex-wrap justify-end -m-1.5">
-                      <div class="w-full md:w-auto p-1.5">
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2 " width="16 " height="16 " viewBox="0 0 16 16 " fill="none " xmlns="http://www.w3.org/2000/svg ">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z " fill="#8896AB "> </path>
-                          </svg>
-                          <select is="ms-dropdown" name="coin_from" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
-                            <option value="any" {% if filters.coin_from==-1 %} selected{% endif %}>Any</option>
-                            {% for c in coins_from %}
-                            <option class="text-sm" value="{{ c[0] }}" {% if filters.coin_from==c[0] %} selected{% endif %} data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}-20.png">{{ c[1] }}</option>
-                            {% endfor %}
-                        </select>
-                        </div>
-                      </div>
-                      <div class="flex items-center">
-                        <div class="w-full md:w-auto p-1.5">
-                          <p class="text-sm font-heading">
-                            <svg aria-hidden="true " class="w-5 h-5 " fill="currentColor " viewBox="0 0 20 20 " xmlns="http://www.w3.org/2000/svg ">
-                              <path fill-rule="evenodd " d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z " clip-rule="evenodd "></path>
-                            </svg>
-                          </p>
-                        </div>
-                      </div>
-                      <div class="w-full md:w-auto p-1.5">
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <select is="ms-dropdown" name="coin_to" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
-                            <option value="any" {% if filters.coin_to==-1 %} selected{% endif %}>Any</option>
-                            {% for c in coins %}
-                            <option class="text-sm" value="{{ c[0] }}" {% if filters.coin_to==c[0] %} selected{% endif %} data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}-20.png">{{ c[1] }}</option>
-                            {% endfor %}
-                        </select>
-                        </div>
-                      </div>
-                      <div class="flex items-center">
-                        <div class="w-full md:w-auto p-1.5">
-                          <p class="text-sm font-heading bold">Sort By:</p>
-                        </div>
-                      </div>
-                      <div class="w-full md:w-auto p-1.5">
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <select name="sort_by" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
-                            <option value="created_at" {% if filters.sort_by=='created_at' %} selected{% endif %}>Time Created</option>
-                            <option value="rate" {% if filters.sort_by=='rate' %} selected{% endif %}>Rate</option>
-                          </select>
-                        </div>
-                      </div>
-                      <div class="w-full md:w-auto p-1.5">
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <select name="sort_dir" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
-                            <option value="asc" {% if filters.sort_dir=='asc' %} selected{% endif %}>Ascending</option>
-                            <option value="desc" {% if filters.sort_dir=='desc' %} selected{% endif %}>Descending</option>
-                          </select>
-                        </div>
-                      </div>
-                      <div class="flex items-center">
-                        <div class="w-full md:w-auto p-1.5">
-                          <p class="text-sm font-heading bold">Sent From Node:</p>
-                        </div>
-                      </div>
-                      <div class="w-full md:w-auto p-1.5">
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <select name="sent_from" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
-                            <option value="any" {% if filters.sent_from=='any' %} selected{% endif %}>Any</option>
-                            <option value="only" {% if filters.sent_from=='only' %} selected{% endif %}>Only</option>
-                          </select>
-                        </div>
-                      </div>
-                      {% if sent_offers %}
-                      <div class="flex items-center">
-                        <div class="w-full md:w-auto p-1.5">
-                          <p class="text-sm font-heading bold">State:</p>
-                        </div>
-                      </div>
-                      <div class="w-full md:w-auto p-1.5">
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <select name="active" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
-                            <option value="any" {% if filters.active=='any' %} selected{% endif %}>Any</option>
-                            <option value="active" {% if filters.active=='active' %} selected{% endif %}>Active</option>
-                            <option value="expired" {% if filters.active=='expired' %} selected{% endif %}>Expired</option>
-                            <option value="revoked" {% if filters.active=='revoked' %} selected{% endif %}>Revoked</option>
-                          </select>
-                        </div>
-                      </div>
-                      {% endif %}
-                      <div class="w-full md:w-auto p-1.5">
-                        <div class="relative">
-                          <button type="submit" name='clearfilters' value="Clear Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                            <svg class="mr-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round">
-                                <line x1="20" y1="2" x2="12.329" y2="11.506"></line>
-                                <path d="M11,11a2,2,0,0,1,2,2,3.659,3.659,0,0,1-.2.891A9.958,9.958,0,0,0,13.258,23H1C1,16.373,4.373,11,11,11Z"></path>
-                                <line x1="18" y1="15" x2="23" y2="15" stroke="#556987"></line>
-                                <line x1="17" y1="19" x2="23" y2="19" stroke="#556987"></line>
-                                <line x1="19" y1="23" x2="23" y2="23" stroke="#556987"></line>
-                                <path d="M8.059,11.415A3.9,3.9,0,0,0,12,16c.041,0,.079-.011.12-.012" data-cap="butt"></path>
-                                <path d="M5,23a13.279,13.279,0,0,1,.208-3.4" data-cap="butt"></path>
-                                <path d="M9.042,23c-.688-1.083-.313-3.4-.313-3.4" data-cap="butt"></path>
-                              </g>
-                            </svg><span>Clear</span></button>
-                        </div>
-                      </div>
-                      <div class="w-full md:w-auto p-1.5">
-                        <div class="relative">
-                          <button type="submit" name='applyfilters' value="Apply Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                            <svg class="mr-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round">
-                                <rect x="2" y="2" width="7" height="7"></rect>
-                                <rect x="15" y="15" width="7" height="7"></rect>
-                                <rect x="2" y="15" width="7" height="7"></rect>
-                                <polyline points="15 6 17 8 22 3" stroke="#556987"></polyline>
-                              </g>
-                            </svg><span>Apply Filters</span></button>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="container px-0 mx-auto mt-5">
-                <div class="overflow-x-auto relative border sm:rounded-lg">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                    <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                      <tr>
-                        <th scope="col" class="py-3 px-6"> TIME AT </th>
-                        <th scope="col" class="py-3 px-6"> Network </th>
-                        <th scope="col" class="py-3 px-6"> Recipient </th>
-                        <!--<th scope="col" class="py-3 px-6">ID</th>-->
-                        <th scope="col" class="py-3">Swap Type</th>
-                        <th scope="col" class="py-3"> You Get</th>
-                        <th scope="col" class="py-3"></th>
-                        <th scope="col" class="py-3"> You Send</th>
-                        <th scope="col" class="py-3"></th>
-                        <th scope="col" class="py-3 px-6"> Rate </th>
-                        <!--Todo: Add swap + id back -->
-                        <!--<th scope="col" class="py-3 px-6">Amount From Swapped </th>-->
-                        <th scope="col" class="py-3 px-6"> Trade </th>
-                      </tr>
-                    </thead>
-                    <tbody> {% for o in offers %}
-                      <tr class="bg-white border-t hover:bg-gray-50">
-                        <td scope="row" class="flex items-center py-7 px-46 text-gray-900 whitespace-nowrap">
-                          <svg alt="" class="w-5 h-5 rounded-full ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="{% if o[12]==2 %}#AC0000{% elif o[11]==true %}#6b7280{% else %}#3B82F6{% endif %}" stroke-linejoin="round">
-                              <circle cx="12" cy="12" r="11"></circle>
-                              <polyline points=" 12,6 12,12 18,12 " stroke="{% if o[12]==2 %}#AC0000{% elif o[11]==true %}#6b7280{% else %}#3B82F6{% endif %}"></polyline>
-                            </g>
-                          </svg>
-                          <div class="pl-3">
-                            <div class="{% if o[11]==true or o[12]==2 %}text-coolGray-500{% else %}font-semibold{% endif %} text-xs">{{ o[0] }}</div>
-                          </div>
-                        </td>
-                        <!--<td class="py-4 px-6 text-xs"><a class="monospace text-xs" href=/offer/{{ o[1] }}>{{ o[1]|truncate(6, True) }}</a></td>-->
-                        <!--<td class="py-4 px-6 text-xs monospace">{{ o[8] }}{% if o[9]==true %} <b>Sent</b>{% endif %}</td>-->
-                        <!--Todo: Add link back -->
-                        <td class="py-4 px-6">{{ o[7] }} {% if o[12]==2 %}(Revoked){% elif o[11]==true %}(Not Active){% else %}(Active){% endif %}</td>
-                        <td class="py-4 px-6 text-xs monospace"><a href="/identity/{{ o[8] }}{% if o[9]==true %}{% endif %}">{{ o[8] }}</a></td>
-                        <td class="py-4 text-xs">{{ o[13] }}</td>
-                        <td class="py-4"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
-                        {% if o[9]==true %}
-                        <img class="h-7" src="/static/images/coins/{{ o[3]|replace(" ", "-") }}.png" alt=""></span> {{ o[3] }}</td>
-                        <td class="py-4 text-xs">{{ o[5] }}</td>
-                        {% else %}
-                        <img class="h-7" src="/static/images/coins/{{ o[2]|replace(" ", "-") }}.png" alt=""></span> {{ o[2] }}</td>
-                        <td class="py-4 text-xs">{{ o[4] }}</td>
-                        {% endif %}
-                        <td class="py-4"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
-                        {% if o[9]==true %}
-                        <img class="h-7" src="/static/images/coins/{{ o[2]|replace(" ", "-") }}.png" alt=""></span> {{ o[2] }}</td>
-                        <td class="py-4 text-xs">{{ o[4] }}</td>
-                        {% else %}
-                        <img class="h-7" src="/static/images/coins/{{ o[3]|replace(" ", "-") }}.png" alt=""></span> {{ o[3] }}</td>
-                        <td class="py-4 text-xs">{{ o[5] }}</td>
-                        {% endif %}
-                        <td class="py-4 text-xs px-6">{{ o[6] }}</td>
-                        <!--  <td class="py-4 px-6">{{ o[10] }}</td>-->
-                        <td class="py-4 px-6"> <a class="inline-block w-20 py-1 px-2 font-medium text-center text-sm rounded-md shadow-button {% if o[9]==true %} bg-white text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 {% else %} bg-blue-500 text-white {% endif %}" href="/offer/{{ o[1] }}">{% if o[9]==true %}Edit{% else %}Swap{% endif %}</a> </td>
-                      </tr>
-                    </tbody>{% endfor %}
-                  </table>
-                  <input type="hidden" name="formid" value="{{ form_id }}">
-                  <input type="hidden" name="pageno" value="{{ filters.page_no }}"> </div>
-              </div>
-              <div class="pt-10 bg-white bg-opacity-60 rounded-b-md">
-                <div class="w-full md:w-0/12">
-                  <div class="flex flex-wrap justify-end -m-1.5">
-                    <div class="w-full md:w-auto p-1.5">
-                      <button type="submit" name='pageback' value="Page Back" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                        <svg aria-hidden="true" class="mr-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-                          <path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
-                        </svg><span>Page Back</span></button>
-                    </div>
-                    <div class="flex items-center">
-                      <div class="w-full md:w-auto p-1.5">
-                        <p class="text-sm font-heading">Page: {{ filters.page_no }}</p>
-                      </div>
-                    </div>
-                    <div class="w-full md:w-auto p-1.5">
-                      <button type="submit" name='pageforwards' value="Page Forwards" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Page Forwards</span>
-                        <svg aria-hidden="true" class="ml-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-                          <path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
-                        </svg>
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </form>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
+    <p class="text-xs text-neutral-400 font-medium">
+      Volume 24H:<div class="text-xs" id="btc-volume-24h"></div>
+    </p>
+  </div>
 </div>
+
+<div class="w-full sm:w-1/2 lg:w-1/5 p-3">
+  <div class="px-5 py-3 h-full bg-coolGray-100 dark:bg-gray-500 rounded-lg dark:text-white">  
+        <div class="flex items-center mb-2.5">
+      <img src="/static/images/coins/monero-20.png" height="20" width="20" class="mr-2">
+      <p class="text-sm text-neutral-500 font-medium">Monero (XMR)</p>
+    </div>
+    <div class="flex flex-wrap items-center mb-2 -m-1">
+      <div class="w-auto p-1">
+        <h3 class="font-heading text-1xl font-semibold">
+          <div id="xmr-price-usd"></div>
+        </h3>
+      </div>
+          <div class="w-auto p-1">
+        <div id="xmr-price-change-container" class="w-auto p-1"></div>
+      </div>
+      <div class="w-auto p-1">
+        <h3 class="font-heading text-1xl font-semibold">
+          <div class="text-xs" id="xmr-price-btc"></div>
+        </h3>
+      </div>
+
+    </div>
+    <p class="text-xs text-neutral-400 font-medium">
+      Volume 24H:<div class="text-xs" id="xmr-volume-24h"></div>
+    </p>
+  </div>
+</div>
+
+<div class="w-full sm:w-1/2 lg:w-1/5 p-3">
+  <div class="px-5 py-3 h-full bg-coolGray-100 dark:bg-gray-500 rounded-lg dark:text-white">
+        <div class="flex items-center mb-2.5">
+      <img src="/static/images/coins/particl-20.png" height="20" width="20" class="mr-2">
+      <p class="text-sm text-neutral-500 font-medium">Particl (PART)</p>
+    </div>
+    <div class="flex flex-wrap items-center mb-2 -m-1">
+      <div class="w-auto p-1">
+        <h3 class="font-heading text-1xl font-semibold">
+          <div id="part-price-usd"></div>
+        </h3>
+      </div>
+          <div class="w-auto p-1">
+        <div id="part-price-change-container" class="w-auto p-1"></div>
+      </div>
+      <div class="w-auto p-1">
+        <h3 class="font-heading text-1xl font-semibold">
+          <div class="text-xs" id="part-price-btc"></div>
+        </h3>
+      </div>
+
+    </div>
+    <p class="text-xs text-neutral-400 font-medium">
+      Volume 24H:<div class="text-xs"id="part-volume-24h"></div>
+    </p>
+  </div>
+</div>
+
+
+<div class="w-full sm:w-1/2 lg:w-1/5 p-3">
+  <div class="px-5 py-3 h-full bg-coolGray-100 dark:bg-gray-500 rounded-lg dark:text-white">
+        <div class="flex items-center mb-2.5">
+      <img src="/static/images/coins/pivx-20.png" height="20" width="20" class="mr-2">
+      <p class="text-sm text-neutral-500 font-medium">PIVX (PIVX)</p>
+    </div>
+    <div class="flex flex-wrap items-center mb-2 -m-1">
+      <div class="w-auto p-1">
+        <h3 class="font-heading text-1xl font-semibold">
+          <div id="pivx-price-usd"></div>
+        </h3>
+      </div>
+          <div class="w-auto p-1">
+        <div id="pivx-price-change-container" class="w-auto p-1"></div>
+      </div>
+      <div class="w-auto p-1">
+        <h3 class="text-xs font-semibold">
+          <div id="pivx-price-btc"></div>
+        </h3>
+      </div>
+
+    </div>
+    <p class="text-xs text-neutral-400 font-medium">
+      Volume 24H:<div class="text-xs" id="pivx-volume-24h"></div>
+    </p>
+  </div>
+</div>
+
+<div class="w-full sm:w-1/2 lg:w-1/5 p-3">
+  <div class="px-5 py-3 h-full bg-coolGray-100 dark:bg-gray-500 rounded-lg dark:text-white">
+       <div class="flex items-center mb-2.5">
+      <img src="/static/images/coins/firo-20.png" height="20" width="20" class="mr-2">
+      <p class="text-sm text-neutral-500 font-medium">Firo (FIRO)</p>
+    </div>
+    <div class="flex flex-wrap items-center mb-2 -m-1">
+      <div class="w-auto p-1">
+        <h3 class="font-heading text-1xl font-semibold">
+          <div id="firo-price-usd"></div>
+        </h3>
+      </div>
+          <div class="w-auto p-1">
+        <div id="firo-price-change-container" class="w-auto p-1"></div>
+      </div>
+      <div class="w-auto p-1">
+        <h3 class="text-xs font-semibold">
+          <div id="firo-price-btc"></div>
+        </h3>
+      </div>
+
+    </div>
+    <p class="text-xs text-neutral-400 font-medium">
+      Volume 24H:<div class="text-xs" id="firo-volume-24h"></div>
+    </p>
+  </div>
+</div>
+
+<div class="w-full sm:w-1/2 lg:w-1/5 p-3">
+  <div class="px-5 py-3 h-full bg-coolGray-100 dark:bg-gray-500 rounded-lg dark:text-white">
+        <div class="flex items-center mb-2.5">
+      <img src="/static/images/coins/litecoin-20.png" height="20" width="20" class="mr-2">
+      <p class="text-sm text-neutral-500 font-medium">Litecoin (LTC)</p>
+    </div>
+    <div class="flex flex-wrap items-center mb-2 -m-1">
+      <div class="w-auto p-1">
+        <h3 class="font-heading text-1xl font-semibold">
+          <div id="ltc-price-usd"></div>
+        </h3>
+      </div>
+          <div class="w-auto p-1">
+        <div id="ltc-price-change-container" class="w-auto p-1"></div>
+      </div>
+      <div class="w-auto p-1">
+        <h3 class="text-xs font-semibold">
+          <div id="ltc-price-btc"></div>
+        </h3>
+      </div>
+
+    </div>
+    <p class="text-xs text-neutral-400 font-medium">
+      Volume 24H:<div class="text-xs" id="ltc-volume-24h"></div>
+    </p>
+  </div>
+</div>
+
+<div class="w-full sm:w-1/2 lg:w-1/5 p-3">
+  <div class="px-5 py-3 h-full bg-coolGray-100 dark:bg-gray-500 rounded-lg dark:text-white">
+        <div class="flex items-center mb-2.5">
+      <img src="/static/images/coins/bitcoin-20.png" height="20" width="20" class="mr-2">
+      <p class="text-sm text-neutral-500 font-medium">Dash (DASH)</p>
+    </div>
+    <div class="flex flex-wrap items-center mb-2 -m-1">
+      <div class="w-auto p-1">
+        <h3 class="font-heading text-1xl font-semibold">
+          <div id="dash-price-usd"></div>
+        </h3>
+      </div>
+          <div class="w-auto p-1">
+        <div id="dash-price-change-container" class="w-auto p-1"></div>
+      </div>
+      <div class="w-auto p-1">
+        <h3 class="text-xs font-semibold">
+          <div id="dash-price-btc"></div>
+        </h3>
+      </div>
+
+    </div>
+    <p class="text-xs text-neutral-400 font-medium">
+      Volume 24H:<div class="text-xs" id="dash-volume-24h"></div>
+    </p>
+  </div>
+</div>
+
+</section>
+
+<script>
+window.addEventListener('load', function() {
+  const api_key = 'price-chart';
+  
+  const coins = ['BTC', 'PART', 'XMR', 'LTC', 'FIRO', 'DASH', 'PIVX'];
+  
+  coins.forEach(coin => {
+    fetch(`https://min-api.cryptocompare.com/data/pricemultifull?fsyms=${coin}&tsyms=USD,BTC&api_key=${api_key}`)
+      .then(response => response.json())
+      .then(data => {
+        const priceUSD = data.RAW[coin].USD.PRICE;
+        const priceBTC = data.RAW[coin].BTC.PRICE;
+        const priceChange1h = data.RAW[coin].USD.CHANGEPCTHOUR;
+        const volume24h = data.RAW[coin].USD.TOTALVOLUME24HTO;
+
+
+        document.querySelector(`#${coin.toLowerCase()}-price-usd`).textContent = priceUSD.toFixed(2) + ' USD';
+        if (coin !== 'BTC') {
+          document.querySelector(`#${coin.toLowerCase()}-price-btc`).textContent = priceBTC.toFixed(8) + ' BTC';
+        }
+        document.querySelector(`#${coin.toLowerCase()}-price-change-container`).textContent = priceChange1h.toFixed(2) + '%';
+        document.querySelector(`#${coin.toLowerCase()}-volume-24h`).textContent = volume24h.toFixed(0).replace(/\B(?=(\d{3})+(?!\d))/g, ',') + ' USD';
+
+        const priceChangeContainer = document.querySelector(`#${coin.toLowerCase()}-price-change-container`);
+if (priceChange1h >= 0) {
+  priceChangeContainer.innerHTML = `
+    <div class="flex flex-wrap items-center py-px px-1 border border-green-500 rounded-full">
+    <svg class="mr-0.5" width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M8.16667 0.916748C7.75245 0.916748 7.41667 1.25253 7.41667 1.66675C7.41667 2.08096 7.75245 2.41675 8.16667 2.41675V0.916748ZM13.5 1.66675H14.25C14.25 1.25253 13.9142 0.916748 13.5 0.916748V1.66675ZM12.75 7.00008C12.75 7.41429 13.0858 7.75008 13.5 7.75008C13.9142 7.75008 14.25 7.41429 14.25 7.00008H12.75ZM0.96967 7.80308C0.676777 8.09598 0.676777 8.57085 0.96967 8.86374C1.26256 9.15664 1.73744 9.15664 2.03033 8.86374L0.96967 7.80308ZM5.5 4.33341L6.03033 3.80308C5.73744 3.51019 5.26256 3.51019 4.96967 3.80308L5.5 4.33341ZM8.16667 7.00008L7.63634 7.53041C7.92923 7.8233 8.4041 7.8233 8.697 7.53041L8.16667 7.00008ZM8.16667 2.41675H13.5V0.916748H8.16667V2.41675ZM12.75 1.66675V7.00008H14.25V1.66675H12.75ZM2.03033 8.86374L6.03033 4.86374L4.96967 3.80308L0.96967 7.80308L2.03033 8.86374ZM4.96967 4.86374L7.63634 7.53041L8.697 6.46975L6.03033 3.80308L4.96967 4.86374ZM8.697 7.53041L14.0303 2.19708L12.9697 1.13642L7.63634 6.46975L8.697 7.53041Z" fill="#20C43A"></path>
+    </svg>
+    <span class="text-xs text-green-500 font-medium">${priceChange1h.toFixed(2)}%</span>
+    </div>`;
+} else {
+  priceChangeContainer.innerHTML = `
+    <div class="flex flex-wrap items-center py-px px-1 border border-red-500 rounded-full">
+    <svg class="mr-0.5" width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M7.66667 7.58341C7.25245 7.58341 6.91667 7.9192 6.91667 8.33341C6.91667 8.74763 7.25245 9.08341 7.66667 9.08341V7.58341ZM13 8.33341V9.08341C13.4142 9.08341 13.75 8.74763 13.75 8.33341H13ZM13.75 3.00008C13.75 2.58587 13.4142 2.25008 13 2.25008C12.5858 2.25008 12.25 2.58587 12.25 3.00008H13.75ZM1.53033 1.13642C1.23744 0.843525 0.762563 0.843525 0.46967 1.13642C0.176777 1.42931 0.176777 1.90418 0.46967 2.19708L1.53033 1.13642ZM5 5.66675L4.46967 6.19708C4.76256 6.48997 5.23744 6.48997 5.53033 6.19708L5 5.66675ZM7.66667 3.00008L8.197 2.46975C7.9041 2.17686 7.42923 2.17686 7.13634 2.46975L7.66667 3.00008ZM7.66667 9.08341H13V7.58341H7.66667V9.08341ZM13.75 8.33341V3.00008H12.25V8.33341H13.75ZM0.46967 2.19708L4.46967 6.19708L5.53033 5.13642L1.53033 1.13642L0.46967 2.19708ZM5.53033 6.19708L8.197 3.53041L7.13634 2.46975L4.46967 5.13642L5.53033 6.19708ZM7.13634 3.53041L12.4697 8.86374L13.5303 7.80308L8.197 2.46975L7.13634 3.53041Z" fill="#FF3131"></path>
+    </svg>
+    <span class="text-xs text-red-500 font-medium">${Math.abs(priceChange1h.toFixed(2))}%</span>
+    </div>`;
+}
+
+      })
+      .catch(error => console.error(`Error fetching ${coin} data:`, error));
+  });
+});
+</script>
+
+{% endif %} 
+
+
+
+
+
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden">
+   <div class="pb-6 border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2"> 
+     
+      <form method="post">
+       <div class="flex justify-between items-center pb-4 dark:text-white">
+        <div class="rounded-b-md">
+         <div class="w-full md:w-0/12">
+          <div class="flex flex-wrap justify-end -m-1.5">
+           <div class="w-full md:w-auto p-1.5">
+            <div class="relative">
+             <svg class="absolute right-4 top-1/2 transform -translate-y-1/2 " width="16 " height="16 " viewBox="0 0 16 16 " fill="none " xmlns="http://www.w3.org/2000/svg ">
+              <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z " fill="#8896AB"></path>
+             </svg>
+             <!-- is="ms-dropdown" todo -->
+             <select name="coin_from" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0">
+              <option value="any" {% if filters.coin_from==-1 %} selected{% endif %}>Any</option>
+              {% for c in coins_from %}
+              <option class="text-sm" value="{{ c[0] }}" {% if filters.coin_from==c[0] %} selected{% endif %} data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}-20.png">{{ c[1] }}</option>
+              {% endfor %}
+             </select>
+            </div>
+           </div>
+           <div class="flex items-center">
+            <div class="w-full md:w-auto p-1.5">
+             <p class="text-sm font-heading">
+              <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg ">
+               <path fill-rule="evenodd " d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z " clip-rule="evenodd"></path>
+              </svg>
+             </p>
+            </div>
+           </div>
+           <div class="w-full md:w-auto p-1.5">
+            <div class="relative">
+             <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+             </svg>
+             <!-- is="ms-dropdown" todo -->
+             <select name="coin_to" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0">
+              <option value="any" {% if filters.coin_to==-1 %} selected{% endif %}>Any</option>
+              {% for c in coins %}
+              <option class="text-sm" value="{{ c[0] }}" {% if filters.coin_to==c[0] %} selected{% endif %} data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}-20.png">{{ c[1] }}</option>
+              {% endfor %}
+             </select>
+            </div>
+           </div>
+           <div class="flex items-center">
+            <div class="w-full md:w-auto p-1.5">
+             <p class="text-sm font-heading bold">Sort By:</p>
+            </div>
+           </div>
+           <div class="w-full md:w-auto p-1.5">
+            <div class="relative">
+             <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+             </svg>
+             <select name="sort_by" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0">
+              <option value="created_at" {% if filters.sort_by=='created_at' %} selected{% endif %}>Time Created</option>
+              <option value="rate" {% if filters.sort_by=='rate' %} selected{% endif %}>Rate</option>
+             </select>
+            </div>
+           </div>
+           <div class="w-full md:w-auto p-1.5">
+            <div class="relative">
+             <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+             </svg>
+             <select name="sort_dir" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0">
+              <option value="asc" {% if filters.sort_dir=='asc' %} selected{% endif %}>Ascending</option>
+              <option value="desc" {% if filters.sort_dir=='desc' %} selected{% endif %}>Descending</option>
+             </select>
+            </div>
+           </div>
+           <div class="flex items-center">
+            <div class="w-full md:w-auto p-1.5">
+             <p class="text-sm font-heading bold">Sent From Node:</p>
+            </div>
+           </div>
+           <div class="w-full md:w-auto p-1.5">
+            <div class="relative">
+             <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+             </svg>
+             <select name="sent_from" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0">
+              <option value="any" {% if filters.sent_from=='any' %} selected{% endif %}>Any</option>
+              <option value="only" {% if filters.sent_from=='only' %} selected{% endif %}>Only</option>
+             </select>
+            </div>
+           </div>
+            {% if sent_offers %}
+            <div class="flex items-center">
+            <div class="w-full md:w-auto p-1.5">
+             <p class="text-sm font-heading bold">State:</p>
+            </div>
+           </div>
+           <div class="w-full md:w-auto p-1.5">
+            <div class="relative">
+             <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+             </svg>
+             <select name="active" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0">
+              <option value="any" {% if filters.active=='any' %} selected{% endif %}>Any</option>
+              <option value="active" {% if filters.active=='active' %} selected{% endif %}>Active</option>
+              <option value="expired" {% if filters.active=='expired' %} selected{% endif %}>Expired</option>
+              <option value="revoked" {% if filters.active=='revoked' %} selected{% endif %}>Revoked</option>
+             </select>
+            </div>
+           </div>
+            {% endif %}
+          <div class="w-full md:w-auto p-1.5">
+            <div class="relative">
+             <button type="submit" name='clearfilters' value="Clear Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-white bg-blue-500 hover:bg-blue-600 rounded-lg transition duration-200 border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+              <svg class="mr-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+               <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+                <line x1="20" y1="2" x2="12.329" y2="11.506"></line>
+                <path d="M11,11a2,2,0,0,1,2,2,3.659,3.659,0,0,1-.2.891A9.958,9.958,0,0,0,13.258,23H1C1,16.373,4.373,11,11,11Z"></path>
+                <line x1="18" y1="15" x2="23" y2="15" stroke="#ffffff"></line>
+                <line x1="17" y1="19" x2="23" y2="19" stroke="#ffffff"></line>
+                <line x1="19" y1="23" x2="23" y2="23" stroke="#ffffff"></line>
+                <path d="M8.059,11.415A3.9,3.9,0,0,0,12,16c.041,0,.079-.011.12-.012" data-cap="butt"></path>
+                <path d="M5,23a13.279,13.279,0,0,1,.208-3.4" data-cap="butt"></path>
+                <path d="M9.042,23c-.688-1.083-.313-3.4-.313-3.4" data-cap="butt"></path>
+               </g>
+              </svg>
+              <span>Clear</span>
+             </button>
+            </div>
+           </div>
+           <div class="w-full md:w-auto p-1.5">
+            <div class="relative">
+             <button type="submit" name='applyfilters' value="Apply Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-white bg-blue-500 hover:bg-blue-600 rounded-lg transition duration-200 border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+              <svg class="mr-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+               <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+                <rect x="2" y="2" width="7" height="7"></rect>
+                <rect x="15" y="15" width="7" height="7"></rect>
+                <rect x="2" y="15" width="7" height="7"></rect>
+                <polyline points="15 6 17 8 22 3" stroke="#ffffff"></polyline>
+               </g>
+              </svg>
+              <span>Apply Filters</span>
+             </button>
+            </div>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="w-full min-w-max">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Date/Time at</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Network</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Recipient</span>
+               </div>
+              </th>
+              <!--<th>ID</th>-->
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Swap Type</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">You get</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Amount</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">You Send</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Amount</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Rate</span>
+               </div>
+              </th>
+              <!--<th>Amount From Swapped</th>-->
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600 rounded-tr-xl">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Trade</span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            <tbody> 
+            {% for o in offers %} 
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+              <td class="flex items-center py-7 px-46 dark:text-white text-gray-900 whitespace-nowrap">
+               <svg alt="" class="w-5 h-5 rounded-full ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+                <g stroke-linecap="round" stroke-width="2" fill="none" stroke="{% if o[12]==2 %}#AC0000{% elif o[11]==true %}#6b7280{% else %}#3B82F6{% endif %}" stroke-linejoin="round">
+                 <circle cx="12" cy="12" r="11"></circle>
+                 <polyline points=" 12,6 12,12 18,12 " stroke="{% if o[12]==2 %} #AC0000 {% elif o[11]==true %} #6b7280 {% else %} #3B82F6 {% endif %}"></polyline>
+                </g>
+               </svg>
+               <div class="pl-3">
+                <div class="{% if o[11]==true or o[12]==2 %} dark:text-white {% else %} font-semibold {% endif %} text-xs">{{ o[0] }}</div>
+               </div>
+              </td>
+              <!--<td class="py-4 px-6 text-xs"><a class="monospace text-xs" href=/offer/{{ o[1] }}>{{ o[1]|truncate(6, True) }}</a></td>-->
+              <!--<td class="py-4 px-6 text-xs monospace">{{ o[8] }}{% if o[9]==true %} <b>Sent</b>{% endif %}</td>-->
+              <td class="py-3 px-6 text-xs">{{ o[7] }}
+               <!-- {% if o[12]==2 %}(Revoked){% elif o[11]==true %}(Not Active){% else %}(Active){% endif %} -->
+              </td>
+              <td class="py-3 px-6 text-xs monospace">
+               <a href="/identity/{{ o[8] }}{% if o[9]==true %}{% endif %}">{{ o[8] }}</a>
+              </td>
+              <td class="py-3 px-6 text-xs">{{ o[13] }}</td>
+              <td class="py-3 px-6 text-xs">
+               <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
+                {% if o[9]==true %} <img class="h-7" src="/static/images/coins/{{ o[3]|replace(" ", "-") }}.png" alt="">
+               </span>{{ o[3] }}
+              </td>
+              <td class="py-3 px-6 text-xs">{{ o[5] }}</td>
+              {% else %}
+              <img class="h-7" src="/static/images/coins/{{ o[2]|replace(" ", "-") }}.png" alt="">
+              </span>{{ o[2] }}
+              </td>
+              <td class="py-3 px-6 text-xs">{{ o[4]|truncate(8,true,'',0) }}</td>
+              {% endif %}
+              <td class="py-4 px-6 text-xs">
+               <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded"> {% if o[9]==true %} <img class="h-7" src="/static/images/coins/{{ o[2]|replace(" ", "-") }}.png" alt="">
+               </span>{{ o[2] }}
+              </td>
+              <td class="py-3 px-6 text-xs">{{ o[4] }}</td>
+              {% else %}
+              <img class="h-7" src="/static/images/coins/{{ o[3]|replace(" ", "-") }}.png" alt="">
+              </span>{{ o[3] }}
+              </td>
+              <td class="py-3 px-6 text-xs">{{ o[5]|truncate(8,true,'',0) }}</td>
+              {% endif %}
+              <td class="py-4 px-6 text-xs">{{ o[6]|truncate(8,true,'',0) }}</td>
+              <!--  <td class="py-4 px-6">{{ o[10] }}</td>-->
+              <td class="py-3 px-6">
+               <a class="inline-block w-20 py-1 px-2 font-medium text-center text-sm rounded-md {% if o[9]==true %} bg-blue-500 text-white border border-blue-500 hover:bg-blue-600 transition duration-200  {% else %} bg-blue-500 text-white hover:bg-blue-600 transition duration-200 {% endif %}" href="/offer/{{ o[1] }}">{% if o[9]==true %}Edit{% else %}Swap{% endif %}</a>
+              </td>
+             </tr>
+            </tbody>
+            {% endfor %}
+           </table>
+           <input type="hidden" name="formid" value="{{ form_id }}">
+           <input type="hidden" name="pageno" value="{{ filters.page_no }}">
+          </div>
+         </div>
+         
+         <div class="rounded-b-md">
+          <div class="w-full md:w-0/12">
+           <div class="flex flex-wrap justify-end pt-6 pr-6 border-t border-gray-100 dark:border-gray-400">
+            <div class="w-full md:w-auto p-1.5">
+             <button type="submit" name='pageback' value="Page Back" class="inline-flex items-center h-9 py-1 px-4 text-xs text-blue-50 font-semibold bg-blue-500 hover:bg-blue-600 rounded-lg transition duration-200 focus:ring-0 focus:outline-none">
+              <svg aria-hidden="true" class="mr-2 w-5 h-5" fill="#fff" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+               <path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
+              </svg>
+              <span>Page Back</span>
+             </button>
+            </div>
+            <div class="flex items-center">
+             <div class="w-full md:w-auto p-1.5">
+              <p class="text-sm font-heading dark:text-white">Page: {{ filters.page_no }}</p>
+             </div>
+            </div>
+            <div class="w-full md:w-auto p-1.5">
+             <button type="submit" name='pageforwards' value="Page Forwards" class="inline-flex items-center h-9 py-1 px-4 text-xs text-blue-50 font-semibold bg-blue-500 hover:bg-blue-600 rounded-lg transition duration-200 focus:ring-0 focus:outline-none">
+              <span>Page Forwards</span>
+              <svg aria-hidden="true" class="ml-2 w-5 h-5" fill="#fff" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+               <path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
+              </svg>
+             </button>
+            </div>
+           </div>
+          </div>
+         </div>
+      </form>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+</div> 
 {% include 'footer.html' %}
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/basicswap/templates/rpc.html b/basicswap/templates/rpc.html
index 916a459..5d5ecae 100644
--- a/basicswap/templates/rpc.html
+++ b/basicswap/templates/rpc.html
@@ -1,125 +1,179 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/rpc">RPC Console</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-        </ul>
-      </div>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/rpc">RPC Console</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">RPC Console</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Manage your BasicSwap client and coins settings.</p>
+     </div>
     </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">RPC Console</h2>
-            <p class="font-semibold text-coolGray-200">Manage your BasicSwap client and coins settings.</p>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <section>
+  <form method="post" autocomplete="off">
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="w-full min-w-max text-sm">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Options</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">RPC Console Input</span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6">
+              <div class="relative">
+               <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+               </svg>
+               <select class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="coin_type">
+                <option value="-1" {% if coin_type==-1 %} selected{% endif %}>Select Coin</option>
+                {% for c in coins %}
+                <option value="{{ c[0] }}" {% if coin_type==c[0] %} selected{% endif %}>{{ c[1] }}</option>
+                {% endfor %}
+               </select>
+              </div>
+             </td>
+             <td class="py-3 px-6">
+              <input class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" name="cmd">
+             </td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6">
+              <div class="relative">
+               <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+               </svg>
+               <select class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="call_type">
+                <option value="cli" {% if call_type=="cli" %} selected{% endif %}>CLI</option>
+                <option value="http" {% if call_type=="http" %} selected{% endif %}>HTTP</option>
+               </select>
+              </div>
+             </td>
+             <td class="py-3 px-6">
+              <input class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" name="type_map">
+             </td>
+           </table>
           </div>
+         </div>
         </div>
+       </div>
       </div>
+     </div>
     </div>
-  </section>
-  {% include 'inc_messages.html' %}
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2">
-            <div class="container px-0 mx-auto mt-2">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <form method="post" autocomplete="off">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                    <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                      <tr>
-                        <th scope="col" class="py-3 px-6">Select Option</th>
-                        <th scope="col">RPC Console Input</th>
-                      </tr>
-                    </thead>
-                    <tr class="bg-white border-t">
-                      <td class="py-4 px-6 w-1/3 bold">
-                        <div class="relative">
-                          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                          </svg>
-                          <select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="coin_type">
-                            <option value="-1" {% if coin_type==-1 %} selected{% endif %}>Select Coin</option>
-                            {% for c in coins %}
-                            <option value="{{ c[0] }}" {% if coin_type==c[0] %} selected{% endif %}>{{ c[1] }}</option>
-                          {% endfor %}
-                        </select>
-                        </div>
-                      </td>
-                      <td class="py-4 pr-5 w-2/3">
-                        <input class="w-full aappearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 w-full block p-2.5" type="text" name="cmd">
-                      </td>
-                    </tr>
-                    <tr>
-                      <td class="py-4 px-6 w-1/3 bold">
-                      <select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="call_type">
-                        <option value="cli" {% if call_type=="cli" %} selected{% endif %}>CLI</option>
-                        <option value="http" {% if call_type=="http" %} selected{% endif %}>HTTP</option>
-                      </select>
-                      </td>
-                      <td class="py-4 pr-5 w-2/3">
-                        <input class="w-full aappearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 w-full block p-2.5" type="text" name="type_map">
-                      </td>
-                  </table>
+   </div>
+ </section>
+ <input type="hidden" name="formid" value="{{ form_id }}">
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+   <div class="pb-6 ">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mx-auto">
+       <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+        <div class="px-6">
+         <div class="flex flex-wrap justify-end">
+          <div class="w-full md:w-auto p-1.5 ml-2">
+           <button name="" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+            <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+             <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+              <polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline>
+              <circle cx="12" cy="12" r="11"></circle>
+             </g>
+            </svg>Apply </button>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ {% if result %}
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+   <div class="border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="w-full mt-6 pb-6 overflow-x-auto">
+          <table class="w-full min-w-max text-sm">
+           <thead class="uppercase">
+            <tr class="text-left">
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">RPC Console Output</span>
               </div>
-            </div>
-            <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-              <div class="w-full md:w-0/12">
-                <div class="flex flex-wrap justify-end -m-1.5">
-                               <div class="w-full md:w-auto p-1.5 ml-2">
-                          <button name="" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>Apply</button>
-                        </div>
-                </div>
-              </div>
-            </div>
-            <input type="hidden" name="formid" value="{{ form_id }}">{% if result %}
-            <div class="container px-0 mx-auto mt-5">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="py-3 px-6">RPC console output:</th>
-                    </tr>
-                  </thead>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 pl-5 pr-5">
-                      <textarea class="wwhitespace-pre-line outline-none block p-2.5 text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 w-full monospace" rows="15">{{ result }}</textarea>
-                    </td>
-                  </tr>
-                </table>
-              </div>
-            </div>
-          {% endif %}
+             </th>
+            </tr>
+           </thead>
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+            <td class="py-3 px-6">
+             <textarea class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" rows="20">{{ result }}</textarea>
+            </td>
+           </tr>
+          </table>
+         </div>
+        </div>
+        {% endif %}
         </form>
-          </div>
-        </div>
+       </div>
       </div>
+     </div>
     </div>
-  </section>
+ </section>
 </div>
 {% include 'footer.html' %}
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/basicswap/templates/settings.html b/basicswap/templates/settings.html
index 2899332..f729770 100644
--- a/basicswap/templates/settings.html
+++ b/basicswap/templates/settings.html
@@ -1,445 +1,560 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/settings">Settings</a></li>
-          <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-          </svg>
-        </ul>
-      </div>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/settings">Settings</a>
+     </li>
+     <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+     </svg>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-3">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Settings</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Manage your BasicSwap client and coins settings.</p>
+     </div>
     </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Settings</h2>
-            <p class="font-semibold text-coolGray-200">Manage your BasicSwap client and coins settings.</p>
-          </div>
-        </div>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-6 mt-5 h-full overflow-hidden">
+   <div class="pb-6">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="text-sm font-medium text-center text-gray-500 border-b border-gray-200 dark:text-gray-400 dark:border-gray-700">
+       <ul class="flex flex-wrap -mb-px" id="myTab" data-tabs-toggle="#settingstab" role="tablist">
+        <li class="mr-2" role="presentation">
+         <a class="inline-block p-4 border-b-2 border-transparent rounded-t-lg hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300" id="profile-tab" data-tabs-target="#coins" role="tab" aria-controls="coins" aria-selected={% if active_tab == 'default' %}"true"{% else %}"false"{% endif %}>Coins</a>
+        </li>
+        <li class="mr-2" role="presentation">
+         <a class="inline-block p-4 border-b-2 border-transparent rounded-t-lg hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300" id="general-tab" data-tabs-target="#general" role="tab" aria-controls="general" aria-selected={% if active_tab == 'general' %}"true"{% else %}"false"{% endif %}>General</a>
+        </li>
+        <li class="mr-2" role="presentation">
+         <a class="inline-block p-4 border-b-2 border-transparent rounded-t-lg hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300" id="tor-tab" data-tabs-target="#tor" role="tab" aria-controls="tor" aria-selected={% if active_tab == 'tor' %}"true"{% else %}"false"{% endif %}>Tor</a>
+        </li>
+       </ul>
       </div>
+     </div>
     </div>
-  </section>
-  {% include 'inc_messages.html' %}
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2">
-            <div class="mb-10 border-b border-gray-200">
-              <ul class="flex flex-wrap -mb-px text-sm font-medium text-center" id="myTab" data-tabs-toggle="#settingstab" role="tablist">
-                <li class="mr-2" role="presentation"> <a class="cursor-pointer inline-block p-4 rounded-t-lg border-b-2" id="profile-tab" data-tabs-target="#coins" role="tab" aria-controls="coins" aria-selected={% if active_tab == 'default' %}"true"{% else %}"false"{% endif %}>Coins</a> </li>
-                <li class="mr-2" role="presentation"> <a class="cursor-pointer inline-block p-4 rounded-t-lg border-b-2 border-transparent hover:text-gray-600 hover:border-gray-300" id="general-tab" data-tabs-target="#general" role="tab" aria-controls="general" aria-selected={% if active_tab == 'general' %}"true"{% else %}"false"{% endif %}>General</a> </li>
-                <li class="mr-2" role="presentation"> <a class="cursor-pointer inline-block p-4 rounded-t-lg border-b-2 border-transparent hover:text-gray-600 hover:border-gray-300" id="tor-tab" data-tabs-target="#tor" role="tab" aria-controls="tor" aria-selected={% if active_tab == 'tor' %}"true"{% else %}"false"{% endif %}>Tor</a> </li>
-              </ul>
-            </div>
-            <div id="settingstab">
-              <div class="hidden rounded-lg" id="coins" role="tabpanel" aria-labelledby="coins-tab">
-                <form method="post">
-                {% for c in chains %}
-                  <section class="bg-white pl-3">
-                    <div class="flex flex-wrap items-center">
-                      <div class="w-full">
-                        <h4 class="font-semibold text-black text-2xl align-middle">
-             <span class="mr-2 inline-block align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
-              <img class="h-9" src="/static/images/coins/{{ c.name }}.png" alt="">
-             </span>{{ c.display_name }}
-            </h4></div>
-                    </div>
-                  </section>
-                  <div class="container px-0 mx-auto mt-5">
-                    <div class="overflow-x-auto relative border sm:rounded-lg">
-                      <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                        <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none">
-                          <tr>
-                            <th scope="col" class="py-3 px-6">Settings</th>
-                            <th scope="col">Value</th>
-                          </tr>
-                        </thead>
-                        {% if c.connection_type %}
-                        <tr>
-                          <td class="py-4 px-6 bold w-96 bold">Connection Type</td>
-                          <td class="py-4">{{ c.connection_type }}</td>
-                        </tr> {% endif %}
-                        {% if c.manage_daemon is defined %} {% if c.name == 'monero' %}
-                        <tr class="bg-white border-t hover:bg-gray-50">
-                          <td class="py-4 px-6 bold">Manage Daemon</td>
-                          <td class="py-4 pr-5">
-                            <div class="w-52 md:flex-1">
-                              <div class="relative">
-                                <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                  <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                                </svg>
-                                <select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="managedaemon_{{ c.name }}">
-                                  <option value="true" {% if c.manage_daemon==true %} selected{% endif %}>True</option>
-                                  <option value="false" {% if c.manage_daemon==false %} selected{% endif %}>False</option>
-                                </select>
-                              </div>
-                            </div>
-                          </td>
-                        </tr>
-                        <tr class="bg-white border-t hover:bg-gray-50">
-                          <td class="py-4 px-6 bold">Daemon RPC Host</td>
-                          <td class="py-4 pr-5">
-                            <input type="text" class="w-52 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="rpchost_{{ c.name }}" value="{{ c.rpchost }}"> </td>
-                        </tr>
-                        <tr class="bg-white border-t hover:bg-gray-50">
-                          <td class="py-4 px-6 bold">Daemon RPC Port</td>
-                          <td class="py-4 pr-5">
-                            <input type="text" class="w-52 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="rpcport_{{ c.name }}" value="{{ c.rpcport }}"> </td>
-                        </tr>
-                        <tr class="bg-white border-t hover:bg-gray-50">
-                          <td class="py-4 px-6" colspan=2>
-                            <label for="message" class="block mb-2 text-sm font-medium text-gray-900">List trusted public nodes to use if “Automatically Select Daemon” is set as “True”.
-                              <br /> </label>
-                            <textarea class="outline-none block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 monospace" placeholder="(Add one entry per line) eg: node.xmr.to:18081" name="remotedaemonurls_{{ c.name }}" rows="4" cols="100">{{ c.remotedaemonurls }}</textarea>
-                          </td>
-                        </tr>
-                        <tr class="bg-white border-t hover:bg-gray-50">
-                          <td class="py-4 px-6 bold w-96 bold">Automatically Select Daemon</td>
-                          <td class="py-4 pr-5">
-                            <div class="w-52 md:flex-1">
-                              <div class="relative">
-                                <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                  <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                                </svg>
-                                <select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="autosetdaemon_{{ c.name }}">
-                                  <option value="true" {% if c.autosetdaemon==true %} selected{% endif %}>True</option>
-                                  <option value="false" {% if c.autosetdaemon==false %} selected{% endif %}>False</option>
-                                </select>
-                              </div>
-                            </div>
-                          </td>
-                        </tr>
-                        {% else %}
-                        <tr class="bg-white border-t hover:bg-gray-50">
-                          <td class="py-4 px-6 bold bold">Manage Daemon</td>
-                          <td>{{ c.manage_daemon }}</td>
-                        </tr>
-                        {% endif %}
-                        {% endif %}
-                        {% if c.manage_wallet_daemon is defined %}
-                        <tr class="bg-white border-t hover:bg-gray-50">
-                          <td class="py-4 px-6 bold bold">Manage Wallet Daemon</td>
-                          <td>{{ c.manage_wallet_daemon }}</td>
-                        </tr>
-                        {% endif %}
-                        <tr class="bg-white border-t hover:bg-gray-50">
-                          <td class="py-4 px-6 bold bold">Chain Lookups</td>
-                          <td class="py-4 pr-5">
-                            <div class="w-52 md:flex-1">
-                              <div class="relative">
-                                <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                  <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                                </svg>
-                                <select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="lookups_{{ c.name }}">
-                                  <option value="local" {% if c.lookups=='local' %} selected{% endif %}>Local Node</option>
-                                  <option value="explorer" {% if c.lookups=='explorer' %} selected{% endif %}>Explorer</option>
-                                </select>
-                              </div>
-                            </div>
-                          </td>
-                        </tr>
-                        {% if c.name == 'monero' %}
-                        <tr class="bg-white border-t hover:bg-gray-50">
-                          <td class="py-4 px-6 bold w-96 bold">Transaction Fee Priority</td>
-                          <td class="py-4 pr-5">
-                            <div class="w-52 md:flex-1">
-                              <div class="relative">
-                                <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                  <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                                </svg>
-                                <select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="fee_priority_{{ c.name }}">
-                                  <option value="0" {% if c.fee_priority==0 %} selected{% endif %}>Default</option>
-                                  <option value="1" {% if c.fee_priority==1 %} selected{% endif %}>Low</option>
-                                  <option value="2" {% if c.fee_priority==2 %} selected{% endif %}>Medium</option>
-                                  <option value="3" {% if c.fee_priority==3 %} selected{% endif %}>High</option>
-                                </select>
-                              </div>
-                            </div>
-                          </td>
-                        </tr>
-                        {% else %}
-                        <tr class="bg-white border-t hover:bg-gray-50">
-                          <td class="py-4 px-6 bold bold">Blocks Confirmed Target</td>
-                          <td class="py-4 pr-5">
-                            <input type="number" class="w-52 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="conf_target_{{ c.name }}" min="1" max="32" value="{{ c.conf_target }}"></td>
-                        </tr>
-                        {% endif %}
-                        {% if c.name == 'particl' %}
-                        <tr class="bg-white border-t hover:bg-gray-50">
-                          <td class="py-4 px-6 bold bold">Anon Tx Ring Size</td>
-                          <td class="py-4 pr-5">
-                            <input type="number" class="w-52 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="rct_ring_size_{{ c.name }}" min="3" max="32" value="{{ c.anon_tx_ring_size }}"></td>
-                        </tr>
-                      {% endif %}
-                    </table>
-                    </div>
-                  </div>
-                  <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-                    <div class="w-full md:w-0/12">
-                      <div class="flex flex-wrap justify-end -m-1.5">
-                        <div class="w-full md:w-auto p-1.5 ml-2">
-                          <button name="apply_{{ c.name }}" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>Apply</button>
-                        </div>
-                        {% if c.can_disable == true %}
-                        <div class="w-full md:w-auto p-1.5 ml-2">
-                          <button name="disable_{{ c.name }}" value="Disable" onclick="return confirmPopup('Disable', '{{ c.display_name }}');" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ef5844" stroke-linejoin="round" ><line x1="16" y1="8" x2="8" y2="16" stroke="#ef5844"></line> <line x1="16" y1="16" x2="8" y2="8" stroke="#ef5844"></line> <circle cx="12" cy="12" r="11"></circle></g></svg>Disable Coin</button>
-                        </div>
-                        {% endif %}
-                        {% if c.can_reenable == true %}
-                        <div class="w-full md:w-auto p-1.5 ml-2">
-                          <button name="enable_{{ c.name }}" value="Enable" onclick="return confirmPopup('Enable', '{{ c.display_name }}');" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-white hover:bg-white font-medium text-sm text-green-500 border border-green-500 hover:text-green-600 hover:border-green-600 rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#2ad167" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#2ad167"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>Enable</button>
-                        </div>
-                      {% endif %}
-                    </div>
-                    </div>
-                  </div>
-                  </table>
-                  {% endfor %}
-                  <input type="hidden" name="formid" value="{{ form_id }}"> </div>
-              <div class="hidden rounded-lg" id="general" role="tabpanel" aria-labelledby="general-tab">
-                <section class="bg-white">
-                  <div class="pl-2 pr-2 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white">
-                    <div class="pb-6 border-coolGray-100">
-                      <div class="flex flex-wrap items-center justify-between -m-2">
-                        <div class="w-full pt-2">
-                          <section class="bg-white pl-3">
-                            <div class="flex flex-wrap items-center">
-                              <div class="w-full">
-                                <h4 class="font-semibold text-black text-2xl align-middle">
-             <span class="mr-2 inline-block align-middle items-center justify-center w-8 h-7 bg-white-50 rounded">
-              <svg class="text-gray-500 w-7 h-7" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round" class="nc-icon-wrapper"><circle cx="12" cy="12" r="3" stroke="#3b82f6"></circle> <path d="M20,12a8.049,8.049,0,0,0-.188-1.713l2.714-2.055-2-3.464L17.383,6.094a7.987,7.987,0,0,0-2.961-1.719L14,1H10L9.578,4.375A7.987,7.987,0,0,0,6.617,6.094L3.474,4.768l-2,3.464,2.714,2.055a7.9,7.9,0,0,0,0,3.426L1.474,15.768l2,3.464,3.143-1.326a7.987,7.987,0,0,0,2.961,1.719L10,23h4l.422-3.375a7.987,7.987,0,0,0,2.961-1.719l3.143,1.326,2-3.464-2.714-2.055A8.049,8.049,0,0,0,20,12Z"></path></g></svg>
-             </span>General
-            </h4></div>
-                            </div>
-                          </section>
-                          <div class="container px-0 mx-auto mt-5">
-                            <div class="overflow-x-auto relative border sm:rounded-lg">
-                              <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                                <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none">
-                                  <tr>
-                                    <th scope="col" class="py-3 px-6">Settings</th>
-                                    <th scope="col">Value</th>
-                                  </tr>
-                                </thead>
-                                <tr class="bg-white border-t hover:bg-gray-50">
-                                  <td class="py-4 px-6 bold w-96 bold">Debug Mode</td>
-                                  <td class="py-4 pr-5">
-                                    <div class="w-52 md:flex-1">
-                                      <div class="relative">
-                                        <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                          <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                                        </svg>
-                                        <select name="debugmode" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
-                                          <option {% if general_settings.debug %}selected{% endif %} value="true">True</option>
-                                          <option {% if not general_settings.debug %}selected{% endif %} value="false">False</option>
-                                        </select>
-                                      </div>
-                                    </div>
-                                  </td>
-                                </tr>
-                                <tr class="bg-white border-t hover:bg-gray-50">
-                                  <td class="py-4 px-6 bold">Debug Mode UI</td>
-                                  <td class="py-4 pr-5">
-                                    <div class="w-52 md:flex-1">
-                                      <div class="relative">
-                                        <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                          <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                                        </svg>
-                                        <select name="debugui" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
-                                          <option {% if general_settings.debug_ui %}selected{% endif %} value="true">True</option>
-                                          <option {% if not general_settings.debug_ui %}selected{% endif %} value="false">False</option>
-                                        </select>
-                                      </div>
-                                    </div>
-                                  </td>
-                                </tr>
-                              </table>
-                            </div>
-                          </div>
-                          <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-                            <div class="w-full md:w-0/12">
-                              <div class="flex flex-wrap justify-end -m-1.5">
-                              <div class="w-full md:w-auto p-1.5 ml-2">
-                          <button name="apply_general" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>Apply</button>
-                        </div>
-                              </div>
-                            </div>
-                          </div>
-                          <section class="bg-white pl-3">
-                            <div class="flex flex-wrap items-center">
-                              <div class="w-full">
-                                <h4 class="font-semibold text-black text-2xl align-middle">
-             <span class="mr-2 inline-block align-middle items-center justify-center w-9 h-8 bg-white-50 rounded">
-              <svg class="text-gray-500 w-7 h-7" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#3b82f6" stroke-linejoin="round" class="nc-icon-wrapper"><rect x="10" y="14" width="4" height="9"></rect> <rect x="1" y="18" width="4" height="5"></rect> <rect x="19" y="10" width="4" height="13"></rect> <polyline data-cap="butt" points="3,10 8,5 12,9 20,1 " stroke="#3b82f6"></polyline> <polyline points=" 15,1 20,1 20,6 " stroke="#3b82f6"></polyline></g></svg>
-             </span>Chart
-            </h4> </div>
-                            </div>
-                          </section>
-                          <div class="container px-0 mx-auto mt-5">
-                            <div class="overflow-x-auto relative border sm:rounded-lg">
-                              <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                                <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none">
-                                  <tr>
-                                    <th scope="col" class="py-3 px-6">Settings</th>
-                                    <th scope="col">Value</th>
-                                  </tr>
-                                </thead>
-                                <tr>
-                                  <td class="py-4 px-6 bold w-96 bold">Show Chart</td>
-                                  <td class="py-4 pr-5">
-                                    <div class="w-52 md:flex-1">
-                                      <div class="relative">
-                                        <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                          <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                                        </svg>
-                                        <select name="showchart" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
-                                          <option {% if chart_settings.show_chart %}selected{% endif %} value="true">True</option>
-                                          <option {% if not chart_settings.show_chart %}selected{% endif %} value="false">False</option>
-                                        </select>
-                                      </div>
-                                    </div>
-                                  </td>
-                                </tr>
-                                <tr class="bg-white border-t hover:bg-gray-50">
-                                  <td class="py-4 px-6 bold">Chart API Key</td>
-                                  <td class="py-4 pr-5">
-                                 <label for="message" class="block mb-2 text-sm font-medium text-gray-900">Chart API (free) Key at <a class="inline-block text-coolGray-500 hover:text-coolGray-600 font-medium" href="https://min-api.cryptocompare.com/" target="_blank">CryptoCompare.com</a>
-                                 <br /> </label>
-                                    <input name="chartapikey" type="text" class="w-full appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="" min="3" max="32" value="{{chart_settings.chart_api_key}}"> </td>
-                                </tr>
-                              </table>
-                            </div>
-                          </div>
-                          <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-                            <div class="w-full md:w-0/12">
-                              <div class="flex flex-wrap justify-end -m-1.5">
-                              <div class="w-full md:w-auto p-1.5 ml-2">
-                          <button name="apply_chart" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>Apply</button>
-                        </div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-              </div>
-              <div class="hidden rounded-lg" id="tor" role="tabpanel" aria-labelledby="tor-tab">
-                <section class="bg-white">
-                  <div class="pl-2 pr-2 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
-                    <div class="pb-6 border-coolGray-100">
-                      <div class="flex flex-wrap items-center justify-between -m-2">
-                        <div class="w-full pt-2">
-                          <section class="bg-white pl-3">
-                            <div class="flex flex-wrap items-center">
-                              <div class="w-full">
-                                <h4 class="font-semibold text-black text-2xl align-middle">
-             <span class="mr-2 inline-block align-middle items-center justify-center w-9 h-8 bg-white-50 rounded">
-                     <svg class="text-gray-500 w-7 h-7" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
-                          <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#AA70E4" stroke-linejoin="round">
-                            <path d="M9,18.8A6.455,6.455,0,0,1,7,14,6.455,6.455,0,0,1,9,9.2" stroke="#AA70E4"></path>
-                            <path d="M15,18.8A6.455,6.455,0,0,0,17,14a6.455,6.455,0,0,0-2-4.8" stroke="#AA70E4"></path>
-                            <path d="M14,2.256V1H10V2.256A3.949,3.949,0,0,1,7.658,5.891,8.979,8.979,0,0,0,2,14c0,4.971,4.477,9,10,9s10-4.029,10-9a8.978,8.978,0,0,0-5.658-8.109A3.95,3.95,0,0,1,14,2.256Z"></path>
-                          </g>
-                        </svg>
-             </span>Tor
-            </h4> </div>
-                            </div>
-                          </section>
-                          <div class="container px-0 mx-auto mt-5">
-                            <div class="overflow-x-auto relative border sm:rounded-lg">
-                              <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                                <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none">
-                                  <tr>
-                                    <th scope="col" class="py-3 px-6">Settings</th>
-                                    <th scope="col">Value</th>
-                                  </tr>
-                                </thead>
-                                <tr class="bg-white border-t hover:bg-gray-50">
-                                  <td class="py-4 px-6 bold w-96">Use Tor Proxy</td>
-                                  <td class="py-4 pr-5">
-                                    <div class="w-1/5 md:flex-1">
-                                      <div class="relative">
-                                        <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                          <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                                        </svg>
-                                        <select name="usetorproxy" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
-                                          <option {% if tor_settings.use_tor %}selected{% endif %} value="true">True</option>
-                                          <option {% if not tor_settings.use_tor %}selected{% endif %} value="false">False</option>
-                                        </select>
-                                      </div>
-                                    </div>
-                                  </td>
-                                </tr>
-                                <tr class="bg-white border-t hover:bg-gray-50">
-                                  <td class="py-4 px-6 bold w-96">Tor Proxy Host</td>
-                                  <td class="py-4 pr-5">
-                                    <input name="proxyhost" type="text" class="w-1/5 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="" min="3" max="32" value="{{tor_settings.proxy_host}}"></td>
-                                </tr>
-                                <tr class="bg-white border-t hover:bg-gray-50">
-                                  <td class="py-4 px-6 bold w-96">Tor Proxy Port</td>
-                                  <td class="py-4 pr-5">
-                                    <input name="proxyport" type="text" class="w-1/5 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="" min="3" max="32" value="{{tor_settings.proxy_port}}"></td>
-                                </tr>
-                                <tr class="bg-white border-t hover:bg-gray-50">
-                                  <td class="py-4 px-6 bold w-96">Tor Control Port</td>
-                                  <td class="py-4 pr-5">
-                                    <input name="controlport" type="text" class="w-1/5 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="" min="3" max="32" value="{{tor_settings.control_port}}"></td>
-                                </tr>
-                                <tr class="bg-white border-t hover:bg-gray-50">
-                                  <td class="py-4 px-6 bold w-96">Tor Control Password</td>
-                                  <td class="py-4 pr-5">
-                                    <input name="controlpwd" type="text" class="w-1/5 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="" min="3" max="32" value="{{tor_settings.control_password}}"></td>
-                                </tr>
-                              </table>
-                            </div>
-                          </div>
-                          <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-                            <div class="w-full md:w-0/12">
-                              <div class="flex flex-wrap justify-end -m-1.5">
-                               <div class="w-full md:w-auto p-1.5 ml-2">
-                          <button name="apply_tor" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>Apply</button>
-                        </div>
-                              </div>
-                            </div>
-                          </div>
-                          </form>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-              </div>
+   </div>
+  </div>
+ </section>
+ <div id="settingstab">
+  <div class="hidden rounded-lg" id="coins" role="tabpanel" aria-labelledby="coins-tab">
+   <form method="post">
+    {% for c in chains %}
+    <section class="pl-6">
+     <div class="flex flex-wrap items-center">
+      <div class="w-full">
+       <h4 class="font-semibold text-black dark:text-white text-2xl align-middle">
+        <span class="mr-2 inline-block align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
+         <img class="h-9" src="/static/images/coins/{{ c.name }}.png" alt="">
+        </span>
+    {{ c.display_name }}
+       </h4>
+      </div>
+     </div>
+    </section>
+    <section>
+     <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+      <div class="border-coolGray-100">
+       <div class="flex flex-wrap items-center justify-between -m-2">
+        <div class="w-full pt-2">
+         <div class="container mt-5 mx-auto">
+          <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+           <div class="px-6">
+            <div class="w-full mt-6 pb-6 overflow-x-auto">
+             <table class="w-full min-w-max text-sm">
+              <thead class="uppercase">
+               <tr class="text-left">
+                <th class="p-0">
+                 <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                  <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Options</span>
+                 </div>
+                </th>
+                <th class="p-0">
+                 <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                  <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Settings</span>
+                 </div>
+                </th>
+               </tr>
+              </thead>
+              {% if c.connection_type %}
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+               <td class="py-3 px-6 bold">Connection Type</td>
+               <td class="py-3 px-6">{{ c.connection_type }}</td>
+              </tr>
+              {% endif %}
+              {% if c.manage_daemon is defined %}
+              {% if c.name == 'monero' %}
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+               <td class="py-3 px-6 bold">Manage Daemon</td>
+               <td class="py-3 px-6">
+                <div class="relative">
+                 <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+                 </svg>
+                 <select class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="managedaemon_{{ c.name }}">
+                  <option value="true" {% if c.manage_daemon==true %} selected{% endif %}>True</option>
+                  <option value="false" {% if c.manage_daemon==false %} selected{% endif %}>False</option>
+                 </select>
+                </div>
+               </td>
+              </tr>
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+               <td class="py-3 px-6 bold">Daemon RPC Host</td>
+               <td class="py-3 px-6">
+                <input type="text" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="rpchost_{{ c.name }}" value="{{ c.rpchost }}">
+               </td>
+              </tr>
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+               <td class="py-3 px-6 bold">Daemon RPC Port</td>
+               <td class="py-3 px-6">
+                <input type="text" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="rpcport_{{ c.name }}" value="{{ c.rpcport }}">
+               </td>
+              </tr>
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+               <td class="py-3 px-6 bold">List trusted public nodes to use if “Automatically Select Daemon” is set as “True”.</td>
+               <td class="py-3 px-6">
+                <textarea class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" placeholder="(Add one entry per line) eg: node.xmr.to:18081" name="remotedaemonurls_{{ c.name }}" rows="4" cols="45">{{ c.remotedaemonurls }}</textarea>
+               </td>
+              </tr>
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+               <td class="py-3 px-6 bold">Automatically Select Daemon</td>
+               <td class="py-3 px-6">
+                <div class="w-52 md:flex-1">
+                 <div class="relative">
+                  <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                   <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+                  </svg>
+                  <select class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="autosetdaemon_{{ c.name }}">
+                   <option value="true" {% if c.autosetdaemon==true %} selected{% endif %}>True</option>
+                   <option value="false" {% if c.autosetdaemon==false %} selected{% endif %}>False</option>
+                  </select>
+                 </div>
+                </div>
+               </td>
+              </tr>
+              {% else %}
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+               <td class="py-3 px-6 bold">Manage Daemon</td>
+               <td class="py-3 px-6">{{ c.manage_daemon }}</td>
+              </tr>
+              {% endif %}
+              {% endif %}
+              {% if c.manage_wallet_daemon is defined %}
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+               <td class="py-3 px-6 bold">Manage Wallet Daemon</td>
+               <td class="py-3 px-6">{{ c.manage_wallet_daemon }}</td>
+              </tr>
+              {% endif %}
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+               <td class="py-3 px-6 bold">Chain Lookups</td>
+               <td class="py-3 px-6">
+                <div class="relative">
+                 <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+                 </svg>
+                 <select class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="lookups_{{ c.name }}">
+                  <option value="local" {% if c.lookups=='local' %} selected{% endif %}>Local Node</option>
+                  <option value="explorer" {% if c.lookups=='explorer' %} selected{% endif %}>Explorer</option>
+                 </select>
+                </div>
+               </td>
+              </tr>
+              {% if c.name == 'monero' %}
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+               <td class="py-3 px-6 bold">Transaction Fee Priority</td>
+               <td class="py-3 px-6">
+                <div class="relative">
+                 <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+                 </svg>
+                 <select class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="fee_priority_{{ c.name }}">
+                  <option value="0" {% if c.fee_priority==0 %} selected{% endif %}>Default</option>
+                  <option value="1" {% if c.fee_priority==1 %} selected{% endif %}>Low</option>
+                  <option value="2" {% if c.fee_priority==2 %} selected{% endif %}>Medium</option>
+                  <option value="3" {% if c.fee_priority==3 %} selected{% endif %}>High</option>
+                 </select>
+                </div>
+               </td>
+              </tr>
+              {% else %}
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+               <td class="py-3 px-6 bold">Blocks Confirmed Target</td>
+               <td class="py-3 px-6">
+                <input type="number" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="conf_target_{{ c.name }}" min="1" max="32" value="{{ c.conf_target }}">
+               </td>
+              </tr>
+              {% endif %}
+              {% if c.name == 'particl' %}
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+               <td class="py-3 px-6 bold">Anon Tx Ring Size</td>
+               <td class="py-3 px-6">
+                <input type="number" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="rct_ring_size_{{ c.name }}" min="3" max="32" value="{{ c.anon_tx_ring_size }}">
+               </td>
+              </tr>
+              {% endif %}
+             </table>
             </div>
+           </div>
           </div>
+         </div>
+    </section>
+    <section>
+     <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+      <div class="pb-6 ">
+       <div class="flex flex-wrap items-center justify-between -m-2">
+        <div class="w-full pt-2">
+         <div class="container mx-auto">
+          <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+           <div class="px-6">
+            <div class="flex flex-wrap justify-end">
+             <div class="w-full md:w-auto p-1.5 ml-2">
+              <button name="apply_{{ c.name }}" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">Apply</button>
+             </div>
+             {% if c.can_disable == true %}
+             <div class="w-full md:w-auto p-1.5 ml-2">
+              <button name="disable_{{ c.name }}" value="Disable" onclick="return confirmPopup('Disable', '{{ c.display_name }}');" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-red-500 hover:bg-red-600 font-medium text-sm text-white border border-red-500 rounded-md shadow-button focus:ring-0 focus:outline-none">Disable Coin</button>
+             </div>
+             {% endif %}
+             {% if c.can_reenable == true %}
+             <div class="w-full md:w-auto p-1.5 ml-2">
+              <button name="enable_{{ c.name }}" value="Enable" onclick="return confirmPopup('Enable', '{{ c.display_name }}');" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-green-500 hover:bg-green-600 font-medium text-sm text-white border border-green-500 rounded-md shadow-button focus:ring-0 focus:outline-none">Enable</button>
+             </div>
+             {% endif %}
+            </div>
+           </div>
+          </div>
+         </div>
         </div>
+       </div>
       </div>
+     </div>
+    </section>
+    {% endfor %}
+    <input type="hidden" name="formid" value="{{ form_id }}">
+  </div>
+  <div class="hidden rounded-lg" id="general" role="tabpanel" aria-labelledby="general-tab">
+   <section class="pl-6">
+    <div class="flex flex-wrap items-center">
+     <div class="w-full">
+      <h4 class="font-semibold text-black dark:text-white text-2xl align-middle">
+       <span class="mr-2 inline-block align-middle items-center justify-center w-0 h-10 bg-white-50 rounded">
+       </span>General
+      </h4>
+     </div>
     </div>
-</div>
-</section>
+   </section>
+   <section>
+    <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+     <div class="border-coolGray-100">
+      <div class="flex flex-wrap items-center justify-between -m-2">
+       <div class="w-full pt-2">
+        <div class="container mt-5 mx-auto">
+         <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+          <div class="px-6">
+           <div class="w-full mt-6 pb-6 overflow-x-auto">
+            <table class="w-full min-w-max text-sm">
+             <thead class="uppercase">
+              <tr class="text-left">
+               <th class="p-0">
+                <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                 <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Options</span>
+                </div>
+               </th>
+               <th class="p-0">
+                <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                 <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Settings</span>
+                </div>
+               </th>
+              </tr>
+             </thead>
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+              <td class="py-3 px-6 bold w-96 bold">Debug Mode</td>
+              <td class="py-3 px-6">
+               <div class="relative">
+                <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                 <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+                </svg>
+                <select name="debugmode" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0">
+                 <option {% if general_settings.debug %}selected{% endif %} value="true">True</option>
+                 <option {% if not general_settings.debug %}selected{% endif %} value="false">False</option>
+                </select>
+               </div>
+              </td>
+             </tr>
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+              <td class="py-3 px-6 bold">Debug Mode UI</td>
+              <td class="py-3 px-6">
+               <div class="relative">
+                <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                 <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+                </svg>
+                <select name="debugui" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0">
+                 <option {% if general_settings.debug_ui %}selected{% endif %} value="true">True</option>
+                 <option {% if not general_settings.debug_ui %}selected{% endif %} value="false">False</option>
+                </select>
+               </div>
+              </td>
+             </tr>
+            </table>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </section>
+   <section>
+    <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+     <div class="pb-6 ">
+      <div class="flex flex-wrap items-center justify-between -m-2">
+       <div class="w-full pt-2">
+        <div class="container mx-auto">
+         <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+          <div class="px-6">
+           <div class="flex flex-wrap justify-end">
+            <div class="w-full md:w-auto p-1.5 ml-2">
+             <button name="apply_general" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">Apply</button>
+            </div>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </section>
+   <section class="pl-6">
+    <div class="flex flex-wrap items-center">
+     <div class="w-full">
+      <h4 class="font-semibold text-black dark:text-white text-2xl align-middle">
+       <span class="mr-2 inline-block align-middle items-center justify-center w-0 h-10 bg-white-50 rounded">
+       </span>Price Chart
+      </h4>
+     </div>
+    </div>
+   </section>
+   <section>
+    <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+     <div class="border-coolGray-100">
+      <div class="flex flex-wrap items-center justify-between -m-2">
+       <div class="w-full pt-2">
+        <div class="container mt-5 mx-auto">
+         <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+          <div class="px-6">
+           <div class="w-full mt-6 pb-6 overflow-x-auto">
+            <table class="w-full min-w-max text-sm">
+             <thead class="uppercase">
+              <tr class="text-left">
+               <th class="p-0">
+                <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                 <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Options</span>
+                </div>
+               </th>
+               <th class="p-0">
+                <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                 <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Settings</span>
+                </div>
+               </th>
+              </tr>
+             </thead>
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+              <td class="py-3 px-6 bold w-96 bold">Show Price Chart</td>
+              <td class="py-3 px-6">
+               <div class="relative">
+                <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                 <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+                </svg>
+                <select name="showchart" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0">
+                 <option {% if chart_settings.show_chart %}selected{% endif %} value="true">True</option>
+                 <option {% if not chart_settings.show_chart %}selected{% endif %} value="false">False</option>
+                </select>
+               </div>
+              </td>
+             </tr>
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+              <td class="py-3 px-6 bold">Chart API Key</td>
+              <td class="py-3 px-6">
+               <label for="message" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Chart API (free) Key at <a class="inline-block text-blue-500 hover:text-blue-600 hover:underline" href="https://min-api.cryptocompare.com/" target="_blank">CryptoCompare.com</a>
+                <br />
+               </label>
+               <input name="chartapikey" type="text" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="" min="3" max="32" value="{{chart_settings.chart_api_key}}">
+              </td>
+             </tr>
+            </table>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </section>
+   <section>
+    <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+     <div class="pb-6 ">
+      <div class="flex flex-wrap items-center justify-between -m-2">
+       <div class="w-full pt-2">
+        <div class="container mx-auto">
+         <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+          <div class="px-6">
+           <div class="flex flex-wrap justify-end">
+            <div class="w-full md:w-auto p-1.5 ml-2">
+             <button name="apply_chart" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">Apply</button>
+            </div>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </section>
+  </div>
+  <div class="hidden rounded-lg" id="tor" role="tabpanel" aria-labelledby="tor-tab">
+   <section class="pl-6">
+    <div class="flex flex-wrap items-center">
+     <div class="w-full">  
+      <h4 class="font-semibold text-black dark:text-white text-2xl align-middle">
+       <span class="mr-2 inline-block align-middle items-center justify-center w-0 h-10 bg-white-50 rounded">
+       </span>Tor
+      </h4>
+     </div>
+    </div>
+   </section>
+   <section>
+    <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+     <div class="border-coolGray-100">
+      <div class="flex flex-wrap items-center justify-between -m-2">
+       <div class="w-full pt-2">
+        <div class="container mt-5 mx-auto">
+         <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+          <div class="px-6">
+           <div class="w-full mt-6 pb-6 overflow-x-auto">
+            <table class="w-full min-w-max text-sm">
+             <thead class="uppercase">
+              <tr class="text-left">
+               <th class="p-0">
+                <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                 <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Options</span>
+                </div>
+               </th>
+               <th class="p-0">
+                <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                 <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Settings</span>
+                </div>
+               </th>
+              </tr>
+             </thead>
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+              <td class="py-3 px-6 bold">Use Tor Proxy</td>
+              <td class="py-3 px-6">
+               <div class="w-1/5 md:flex-1">
+                <div class="relative">
+                 <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+                 </svg>
+                 <select name="usetorproxy" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0">
+                  <option {% if tor_settings.use_tor %}selected{% endif %} value="true">True</option>
+                  <option {% if not tor_settings.use_tor %}selected{% endif %} value="false">False</option>
+                 </select>
+                </div>
+               </div>
+              </td>
+             </tr>
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+              <td class="py-3 px-6 bold w-96">Tor Proxy Host</td>
+              <td class="py-3 px-6">
+               <input name="proxyhost" type="text" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="" min="3" max="32" value="{{tor_settings.proxy_host}}">
+              </td>
+             </tr>
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+              <td class="py-3 px-6 bold w-96">Tor Proxy Port</td>
+              <td class="py-3 px-6">
+               <input name="proxyport" type="text" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="" min="3" max="32" value="{{tor_settings.proxy_port}}">
+              </td>
+             </tr>
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+              <td class="py-3 px-6 bold w-96">Tor Control Port</td>
+              <td class="py-3 px-6">
+               <input name="controlport" type="text" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="" min="3" max="32" value="{{tor_settings.control_port}}">
+              </td>
+             </tr>
+              <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+              <td class="py-3 px-6 bold w-96">Tor Control Password</td>
+              <td class="py-3 px-6">
+               <input name="controlpwd" type="text" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-400 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="" min="3" max="32" value="{{tor_settings.control_password}}">
+              </td>
+             </tr>
+            </table>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </section>
+   <section>
+    <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+     <div class="pb-6 ">
+      <div class="flex flex-wrap items-center justify-between -m-2">
+       <div class="w-full pt-2">
+        <div class="container mx-auto">
+         <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+          <div class="px-6">
+           <div class="flex flex-wrap justify-end">
+            <div class="w-full md:w-auto p-1.5 ml-2">
+             <button name="apply_tor" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">Apply</button>
+            </div>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+   </section>
+  </div>
+ </div>
+  </div>
 <script>
   function confirmPopup(action, coin_name) {
-    return confirm(action + " " + coin_name + "?\nWill shutdown basicswap.");
+   return confirm(action + " " + coin_name + "?\nWill shutdown basicswap.");
   }
 </script>
 {% include 'footer.html' %}
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/basicswap/templates/smsgaddresses.html b/basicswap/templates/smsgaddresses.html
index 391f239..68841da 100644
--- a/basicswap/templates/smsgaddresses.html
+++ b/basicswap/templates/smsgaddresses.html
@@ -1,327 +1,594 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/smsgaddresses">SMSG Addresses</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-        </ul>
-      </div>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/smsgaddresses">SMSG Addresses</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Active SMSG Addresses</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Check your SMSG address history and add new addresses.</p>
+     </div>
     </div>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <form method="post">
+  {% if data.edit_address %}
+  <input type="hidden" name="edit_address_id" value="{{ data.addr_data.id }}">
+  <input type="hidden" name="edit_address" value="{{ data.addr_data.addr }}">
+  <section class="p-6 bg-body dark:bg-gray-700">
+   <div class="flex flex-wrap items-center">
+    <div class="w-full">
+     <h4 class="font-semibold text-black dark:text-white text-2xl">Edit Address: {{ data.addr_data.addr }}</h4>
+    </div>
+   </div>
   </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Active SMSG Addresses</h2>
-            <p class="font-semibold text-coolGray-200">Check your SMSG address history and add new addresses.</p>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="w-full min-w-max text-sm">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Settings</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Value</span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 monospace bold">Pubkey</td>
+             <td class="py-3 px-6 select-all monospace">{{ data.addr_data.pubkey }}</td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6">Active</td>
+             <td class="py-3 px-6">
+              <div class="relative">
+               <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+               </svg>
+               <select class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="active_ind">
+                <option value="1" {% if data.addr_data.active_ind==1 %} selected{% endif %}>True</option>
+                <option value="0" {% if data.addr_data.active_ind==0 %} selected{% endif %}>False</option>
+               </select>
+              </div>
+             </td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6">Note</td>
+             <td class="py-3 px-6">
+              <input class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="addressnote" type="text" value="{{ data.addr_data.note }}" maxlength="30">
+             </td>
+            </tr>
+           </table>
           </div>
+         </div>
         </div>
+       </div>
       </div>
+     </div>
     </div>
+   </div>
   </section>
-  {% include 'inc_messages.html' %}
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2">
-            <form method="post">
-              {% if data.edit_address %}
-              <input type="hidden" name="edit_address_id" value="{{ data.addr_data.id }}">
-              <input type="hidden" name="edit_address" value="{{ data.addr_data.addr }}">
-              <section class="bg-white p-6">
-                <div class="flex flex-wrap items-center">
-                  <div class="w-full">
-                    <h4 class="font-semibold text-black text-2xl">Edit Address: {{ data.addr_data.addr }}</h4></div>
-                </div>
-              </section>
-              <div class="container px-0 mx-auto">
-                <div class="overflow-x-auto relative border sm:rounded-lg">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                    <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                      <tr>
-                        <th scope="col" class="py-3 px-6">SETTING</th>
-                        <th scope="col">VALUE</th>
-                      </tr>
-                    </thead>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 monospace bold">Pubkey</td>
-                      <td class="py-4 pr-5 select-all monospace">{{ data.addr_data.pubkey }}</td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6">Active</td>
-                      <td class="py-4 pr-5">
-                      <div class="w-52 md:flex-1">
-                      <div class="relative">
-                                <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                  <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
-                                </svg>
-                        <select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="active_ind">
-                          <option value="1" {% if data.addr_data.active_ind==1 %} selected{% endif %}>True</option>
-                          <option value="0" {% if data.addr_data.active_ind==0 %} selected{% endif %}>False</option>
-                        </select>
-                      </div>
-                    </div>
-                      </td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6">Note</td>
-                      <td class="py-4 pr-5">
-                        <input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5 w-full" name="addressnote" type="text" value="{{ data.addr_data.note }}" maxlength="30"> </td>
-                    </tr>
-                    <tr>
-                  </table>
-                </div>
-              </div>
-              <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-                <div class="w-full md:w-0/12">
-                  <div class="flex flex-wrap justify-end -m-1.5">
-                    <div class="w-full md:w-auto p-1.5 ml-2">
-                    <button name="saveaddr" value="Save Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none "><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line x1="12" y1="7" x2="12" y2="17" stroke="#ffffff"></line> <line x1="17" y1="12" x2="7" y2="12" stroke="#ffffff"></line> <circle cx="12" cy="12" r="11"></circle></g></svg>Save Address</button>
-                    </div>
-                  <div class="w-full md:w-auto p-1.5 ml-2">
-                   <button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="square" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line data-cap="butt" x1="18" y1="12" x2="7" y2="12" stroke-linecap="butt" stroke="#556987"></line> <polyline points=" 11,16 7,12 11,8 " stroke="#5569878"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>Go Back</button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              {% elif data.new_address %}
-              <section class="bg-white p-6">
-                <div class="flex flex-wrap items-center">
-                  <div class="w-full">
-                    <h4 class="font-semibold text-black text-2xl">New Receiving Address</h4></div>
-                </div>
-              </section>
-              <div class="container px-0 mx-auto">
-                <div class="overflow-x-auto relative border sm:rounded-lg">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                    <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                      <tr>
-                        <th scope="col" class="py-3 px-6">SETTING</th>
-                        <th scope="col">VALUE</th>
-                      </tr>
-                    </thead>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Note</td>
-                      <td class="py-4 pr-5">
-                        <input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5 w-full" name="addressnote" type="text" value="" maxlength="30">
-                      </td>
-                    </tr>
-                  </table>
-                </div>
-              </div>
-              <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-                <div class="w-full md:w-0/12">
-                  <div class="flex flex-wrap justify-end -m-1.5">
-                    <div class="w-full md:w-auto p-1.5 ml-2">
-                    <button name="createnewaddr" value="Create Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none "><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line x1="12" y1="7" x2="12" y2="17" stroke="#ffffff"></line> <line x1="17" y1="12" x2="7" y2="12" stroke="#ffffff"></line> <circle cx="12" cy="12" r="11"></circle></g></svg>Create Address</button>
-                    </div>
-                  <div class="w-full md:w-auto p-1.5 ml-2">
-                   <button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-non"><svg class="text-gray-500 w-5 h-5 mr-2" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="square" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line data-cap="butt" x1="18" y1="12" x2="7" y2="12" stroke-linecap="butt" stroke="#556987"></line> <polyline points=" 11,16 7,12 11,8 " stroke="#5569878"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>Go Back</button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              {% elif data.new_send_address %}
-              <section class="bg-white p-6">
-                <div class="flex flex-wrap items-center">
-                  <div class="w-full">
-                    <h4 class="font-semibold text-black text-2xl">Add Sending Address</h4></div>
-                </div>
-              </section>
-              <div class="container px-0 mx-auto">
-                <div class="overflow-x-auto relative border sm:rounded-lg">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                    <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                      <tr>
-                        <th scope="col" class="py-3 px-6">SETTING</th>
-                        <th scope="col">VALUE</th>
-                      </tr>
-                    </thead>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Pubkey</td>
-                      <td class="py-4 pr-5">
-                        <input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5 w-full monospace" name="addresspubkey" type="text" value="" maxlength="66">
-                      </td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Note</td>
-                      <td class="py-4 pr-5">
-                        <input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5 w-full" name="addressnote" type="text" value="" maxlength="30">
-                      </td>
-                    </tr>
-                  </table>
-                </div>
-              </div>
-              <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-                <div class="w-full md:w-0/12">
-                  <div class="flex flex-wrap justify-end -m-1.5">
-                    <div class="w-full md:w-auto p-1.5 ml-2">
-                    <button name="createnewsendaddr" value="Add Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none "><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line x1="12" y1="7" x2="12" y2="17" stroke="#ffffff"></line> <line x1="17" y1="12" x2="7" y2="12" stroke="#ffffff"></line> <circle cx="12" cy="12" r="11"></circle></g></svg>Create Address</button>
-                    </div>
-                  <div class="w-full md:w-auto p-1.5 ml-2">
-                   <button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-non"><svg class="text-gray-500 w-5 h-5 mr-2" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="square" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line data-cap="butt" x1="18" y1="12" x2="7" y2="12" stroke-linecap="butt" stroke="#556987"></line> <polyline points=" 11,16 7,12 11,8 " stroke="#5569878"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>Go Back</button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              {% else %}
-              <div class="container px-0 mx-auto mt-5">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                    <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                      <tr>
-                        <th scope="col" class="py-3 px-6">Filter</th>
-                        <th scope="col" class="py-3 px-6"></th>
-                        <th scope="col"></th>
-                      </tr>
-                    </thead>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold w-96"> Sort by: </td>
-                      <td class="py-4 bold w-96">
-                        <select class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="sort_by">
-                          <option value="created_at" {% if filters.sort_by=='created_at' %} selected{% endif %}>Created At</option>
-                        </select>
-                      </td>
-                      <td class="py-4 px-6 pr-5">
-                        <select class="pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="sort_dir">
-                          <option value="asc" {% if filters.sort_dir=='asc' %} selected{% endif %}>Ascending</option>
-                          <option value="desc" {% if filters.sort_dir=='desc' %} selected{% endif %}>Descending</option>
-                        </select>
-                      </td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold w-96">Note</td>
-                      <td class="py-4 pr-5">
-                        <input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5 w-full" name="filter_addressnote" type="text" value="{{ filters.addressnote }}" maxlength="30"> </td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold w-96">Type</td>
-                      <td class="py-4 pr-5">
-                        <select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="filter_addr_type">
-                          <option{% if filters.addr_type=="-1" %} selected{% endif %} value="-1">Any</option>
-                            {% for a in page_data.addr_types %}
-                            <option{% if filters.addr_type==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
-                            {% endfor %}
-                          </select>
-                    </tr>
-                  </table>
-              </div>
-            </div>
-            <div class="pt-10 bg-white bg-opacity-60 rounded-b-md">
-              <div class="w-full md:w-0/12">
-                <div class="flex flex-wrap justify-end -m-1.5">
-                  <div class="w-full md:w-auto p-1.5">
-                    <button type="submit" name='pageback' value="Page Back" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
-                      <svg aria-hidden="true" class="mr-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-                        <path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
-                      </svg> <span>Page Back</span> </button>
-                  </div>
-                  <div class="flex items-center">
-                    <div class="w-full md:w-auto p-1.5">
-                      <p class="text-sm font-heading">Page: {{ filters.page_no }}</p>
-                    </div>
-                  </div>
-                  <div class="w-full md:w-auto p-1.5">
-                    <button type="submit" name='pageforwards' value="Page Forwards" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Page Forwards</span>
-                      <svg aria-hidden="true" class="ml-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-                        <path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
-                      </svg>
-                    </button>
-                  </div>
-                  <div class="w-full md:w-auto p-1.5 ml-2">
-                    <button name='clearfilters' value="Clear Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">        <svg class="mr-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" class="nc-icon-wrapper">
-                                <rect x="2" y="2" width="7" height="7"></rect>
-                                <rect x="15" y="15" width="7" height="7"></rect>
-                                <rect x="2" y="15" width="7" height="7"></rect>
-                                <polyline points="15 6 17 8 22 3" stroke="#556987"></polyline>
-                              </g>
-                            </svg>  Clear Filters</button>
-                  </div>
-                               <div class="w-full md:w-auto p-1.5 ml-2">
-                          <button name="" value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>  Apply</button>
-                        </div>
-                </div>
-              </div>
-            </div>
-              <div class="container px-0 mx-auto mt-5">
-                <div class="overflow-x-auto relative border sm:rounded-lg">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                    <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                      <tr>
-                        <th scope="col" class="py-3 px-6">Address</th>
-                        <th scope="col">Type</th>
-                        <th scope="col">Active</th>
-                        <th scope="col">Created At</th>
-                        <th scope="col">Note</th>
-                        <th scope="col">Action</th>
-                      </tr>
-                    </thead>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-6 px-6"><b class="monospace">{{ page_data.network_addr }}</b></td>
-                      <td class="py-4">Network Address
-                        <td />
-                        <td class="py-4">
-                          <td />
-                          <td class="py-4">
-                            <td /> </tr>
-                            {% for sa in smsgaddresses %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 monospace bold select-all">{{ sa.addr }}</td>
-                      <td class="py-4">{{ sa.type }}</td>
-                      <td>{{ sa.active_ind }}</td>
-                      <td class="py-4">{{ sa.created_at | formatts }}</td>
-                      <td class="py-4">{{ sa.note }}</td>
-                      <td class="py-4">
-                        <input class="inline-block w-20 py-1 px-2 font-medium text-center text-sm rounded-md shadow-button bg-white text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300" type="submit" name="editaddr_{{ sa.id }}" value="Edit">
-                      </td>
-                    </tr>{% endfor %}
-                  </table>
-                </div>
-              </div>
-              <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-                <div class="w-full md:w-0/12">
-                  <div class="flex flex-wrap justify-end -m-1.5">
-             <div class="w-full md:w-auto p-1.5 ml-2">
-                          <button name="shownewaddr" value="New Address" type="submit"  class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line x1="12" y1="7" x2="12" y2="17" stroke="#ffffff"></line> <line x1="17" y1="12" x2="7" y2="12" stroke="#ffffff"></line> <circle cx="12" cy="12" r="11"></circle></g></svg>New Address</button>
-                        </div>
-                 <div class="w-full md:w-auto p-1.5 ml-2">
-                          <button name="showaddaddr" value="Add Sending Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line x1="12" y1="7" x2="12" y2="17" stroke="#ffffff"></line> <line x1="17" y1="12" x2="7" y2="12" stroke="#ffffff"></line> <circle cx="12" cy="12" r="11"></circle></g></svg>Add Sending Address</button>
-                        </div>
-                  </div>
-                </div>
-              </div>
-              <input type="hidden" name="pageno" value="{{ filters.page_no }}">
-              {% endif %}
-              <input type="hidden" name="formid" value="{{ form_id }}"></form>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+    <div class="pb-6 ">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mx-auto">
+        <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+         <div class="px-6">
+          <div class="flex flex-wrap justify-end">
+           <div class="w-full md:w-auto p-1.5 ml-2">
+            <button name="saveaddr" value="Save Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+             <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+              <g stroke-linecap="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10">
+               <line x1="12" y1="7" x2="12" y2="17" stroke="#ffffff"></line>
+               <line x1="17" y1="12" x2="7" y2="12" stroke="#ffffff"></line>
+               <circle cx="12" cy="12" r="11"></circle>
+              </g>
+             </svg>Save Address </button>
+           </div>
+           <div class="w-full md:w-auto p-1.5 ml-2">
+            <button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+             <svg class="text-gray-500 w-5 h-5 mr-2" height="24" width="24" viewBox="0 0 24 24">
+              <g stroke-linecap="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10">
+               <line data-cap="butt" x1="18" y1="12" x2="7" y2="12" stroke-linecap="butt" stroke="#ffffff"></line>
+               <polyline points=" 11,16 7,12 11,8 " stroke="#ffffff"></polyline>
+               <circle cx="12" cy="12" r="11"></circle>
+              </g>
+             </svg>Go Back </button>
+           </div>
           </div>
+         </div>
         </div>
+       </div>
       </div>
+     </div>
     </div>
+   </div>
   </section>
+  {% elif data.new_address %}
+  <section class="p-6 bg-body dark:bg-gray-700">
+   <div class="flex flex-wrap items-center">
+    <div class="w-full">
+     <h4 class="font-semibold text-black dark:text-white text-2xl">New Receiving Address</h4>
+    </div>
+   </div>
+  </section>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="w-full min-w-max text-sm">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Details</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold py-3 px-6"></span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Note</td>
+             <td class="py-3 px-6">
+              <input class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="addressnote" type="text" value="" maxlength="30">
+             </td>
+            </tr>
+           </table>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </section>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+    <div class="pb-6 ">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mx-auto">
+        <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+         <div class="px-6">
+          <div class="flex flex-wrap justify-end">
+           <div class="w-full md:w-auto p-1.5 ml-2">
+            <button name="createnewaddr" value="Create Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+             <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+              <g stroke-linecap="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10">
+               <line x1="12" y1="7" x2="12" y2="17" stroke="#ffffff"></line>
+               <line x1="17" y1="12" x2="7" y2="12" stroke="#ffffff"></line>
+               <circle cx="12" cy="12" r="11"></circle>
+              </g>
+             </svg>Create Address</button>
+           </div>
+           <div class="w-full md:w-auto p-1.5 ml-2">
+            <button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+             <svg class="text-gray-500 w-5 h-5 mr-2" height="24" width="24" viewBox="0 0 24 24">
+              <g stroke-linecap="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10">
+               <line data-cap="butt" x1="18" y1="12" x2="7" y2="12" stroke-linecap="butt" stroke="#ffffff"></line>
+               <polyline points=" 11,16 7,12 11,8 " stroke="#ffffff"></polyline>
+               <circle cx="12" cy="12" r="11"></circle>
+              </g>
+             </svg>Go Back</button>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </section>
+  {% elif data.new_send_address %}
+  <section class="p-6 bg-body dark:bg-gray-700">
+   <div class="flex flex-wrap items-center">
+    <div class="w-full">
+     <h4 class="font-semibold text-black dark:text-white text-2xl">Add Sending Address</h4>
+    </div>
+   </div>
+  </section>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="w-full min-w-max text-sm">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Settings</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Value</span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Pubkey</td>
+             <td class="py-3 px-6">
+              <input class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0 monospace" name="addresspubkey" type="text" value="" maxlength="66">
+             </td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold">Note</td>
+             <td class="py-3 px-6">
+              <input class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="addressnote" type="text" value="" maxlength="30">
+             </td>
+            </tr>
+           </table>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </section>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+    <div class="pb-6 ">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mx-auto">
+        <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+         <div class="px-6">
+          <div class="flex flex-wrap justify-end">
+           <div class="w-full md:w-auto p-1.5 ml-2">
+            <button name="createnewsendaddr" value="Add Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+             <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+              <g stroke-linecap="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10">
+               <line x1="12" y1="7" x2="12" y2="17" stroke="#ffffff"></line>
+               <line x1="17" y1="12" x2="7" y2="12" stroke="#ffffff"></line>
+               <circle cx="12" cy="12" r="11"></circle>
+              </g>
+             </svg>Create Address</button>
+           </div>
+           <div class="w-full md:w-auto p-1.5 ml-2">
+            <button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+             <svg class="text-gray-500 w-5 h-5 mr-2" height="24" width="24" viewBox="0 0 24 24">
+              <g stroke-linecap="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10">
+               <line data-cap="butt" x1="18" y1="12" x2="7" y2="12" stroke-linecap="butt" stroke="#ffffff"></line>
+               <polyline points=" 11,16 7,12 11,8 " stroke="#ffffff"></polyline>
+               <circle cx="12" cy="12" r="11"></circle>
+              </g>
+             </svg>Go Back</button>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </section>
+  {% else %}
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="w-full min-w-max text-sm">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Filters</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold py-3 px-6"></span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold py-3 px-6"></span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold"> Sort by: </td>
+             <td class="py-3 px-6">
+              <select class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="sort_by">
+               <option value="created_at" {% if filters.sort_by=='created_at' %} selected{% endif %}>Created At</option>
+              </select>
+             </td>
+             <td class="py-3 px-6">
+              <select class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="sort_dir">
+               <option value="asc" {% if filters.sort_dir=='asc' %} selected{% endif %}>Ascending</option>
+               <option value="desc" {% if filters.sort_dir=='desc' %} selected{% endif %}>Descending</option>
+              </select>
+             </td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6">Note</td>
+             <td class="py-3 px-6">
+              <input class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="filter_addressnote" type="text" value="{{ filters.addressnote }}" maxlength="30">
+             </td>
+             <td class="py-3 px-6"></td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6">Type</td>
+             <td class="py-3 px-6">
+              <select class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="filter_addr_type">
+               <option{% if filters.addr_type=="-1" %} selected{% endif %} value="-1">Any</option>
+                {% for a in page_data.addr_types %}
+                <option{% if filters.addr_type==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
+                {% endfor %}
+              </select>
+             </td>
+             <td class="py-4 pr-5"></td>
+            </tr>
+           </table>
+           </table>
+          </div>
+         </div>
+        </div>
+       </div>
+  </section>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+    <div class="pb-6 ">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mx-auto">
+        <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+         <div class="px-6">
+          <div class="flex flex-wrap justify-end">
+           <div class="w-full md:w-auto p-1.5 ml-2">
+            <button name='clearfilters' value="Clear Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+             <svg class="mr-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+               <line x1="20" y1="2" x2="12.329" y2="11.506"></line>
+               <path d="M11,11a2,2,0,0,1,2,2,3.659,3.659,0,0,1-.2.891A9.958,9.958,0,0,0,13.258,23H1C1,16.373,4.373,11,11,11Z"></path>
+               <line x1="18" y1="15" x2="23" y2="15" stroke="#ffffff"></line>
+               <line x1="17" y1="19" x2="23" y2="19" stroke="#ffffff"></line>
+               <line x1="19" y1="23" x2="23" y2="23" stroke="#ffffff"></line>
+               <path d="M8.059,11.415A3.9,3.9,0,0,0,12,16c.041,0,.079-.011.12-.012" data-cap="butt"></path>
+               <path d="M5,23a13.279,13.279,0,0,1,.208-3.4" data-cap="butt"></path>
+               <path d="M9.042,23c-.688-1.083-.313-3.4-.313-3.4" data-cap="butt"></path>
+              </g>
+             </svg>Clear</button>
+           </div>
+           <div class="w-full md:w-auto p-1.5 ml-2">
+            <button name="" value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+             <svg class="mr-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+               <rect x="2" y="2" width="7" height="7"></rect>
+               <rect x="15" y="15" width="7" height="7"></rect>
+               <rect x="2" y="15" width="7" height="7"></rect>
+               <polyline points="15 6 17 8 22 3" stroke="#ffffff"></polyline>
+              </g>
+             </svg>Apply Filters</button>
+           </div>
+           <div class="w-full md:w-auto p-1.5 ml-2">
+            <button name="shownewaddr" value="New Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+             <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+              <g stroke-linecap="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10">
+               <line x1="12" y1="7" x2="12" y2="17" stroke="#ffffff"></line>
+               <line x1="17" y1="12" x2="7" y2="12" stroke="#ffffff"></line>
+               <circle cx="12" cy="12" r="11"></circle>
+              </g>
+             </svg>New Address</button>
+           </div>
+           <div class="w-full md:w-auto p-1.5 ml-2">
+            <button name="showaddaddr" value="Add Sending Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+             <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+              <g stroke-linecap="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10">
+               <line x1="12" y1="7" x2="12" y2="17" stroke="#ffffff"></line>
+               <line x1="17" y1="12" x2="7" y2="12" stroke="#ffffff"></line>
+               <circle cx="12" cy="12" r="11"></circle>
+              </g>
+             </svg>Add Sending Address</button>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </section>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+    <div class="border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="w-full min-w-max text-sm">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Address</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Type</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Active</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Created At</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Note</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Action</span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+             <td class="py-3 px-6 bold monospace text-blue-500">{{ page_data.network_addr }}</td>
+             <td class="py-3 px-6 bold text-blue-500">NETWORK ADDRESS
+              <td />
+            </tr>
+            {% for sa in smsgaddresses %}
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 monospace bold select-all">{{ sa.addr }}</td>
+             <td class="py-3 px-6">{{ sa.type }}</td>
+             <td class="py-3 px-6">{{ sa.active_ind }}</td>
+             <td class="py-3 px-6 flex items-center px-46 whitespace-nowrap">
+              <svg alt="" class="w-5 h-5 rounded-full" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
+               <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
+                <circle cx="12" cy="12" r="11"></circle>
+                <polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
+               </g>
+              </svg>
+              <div class="py-3 pl-2">
+               {{ sa.created_at | formatts }}
+              </div>
+             </td>
+             <td class="py-3 px-6">{{ sa.note }}</td>
+             <td class="py-3 px-6">
+              <input class="inline-block w-20 py-1 px-2 font-medium text-center text-sm rounded-md bg-blue-500 text-white border border-blue-500 hover:bg-blue-600 transition duration-200" type="submit" name="editaddr_{{ sa.id }}" value="Edit">
+             </td>
+            </tr>
+            {% endfor %}
+           </table>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+  </section>
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden ">
+    <div class="pb-6 ">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mx-auto">
+        <div class="pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl">
+         <div class="px-6">
+          <div class="flex flex-wrap justify-end">
+           <div class="w-full md:w-auto p-1.5">
+            <button type="submit" name='pageback' value="Page Back" class="inline-flex items-center h-9 py-1 px-4 text-xs text-blue-50 font-semibold bg-blue-500 hover:bg-blue-600 rounded-lg transition duration-200 focus:ring-0 focus:outline-none">
+             <svg aria-hidden="true" class="mr-2 w-5 h-5" fill="#ffffff" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+              <path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
+             </svg>
+             <span>Page Back</span>
+            </button>
+           </div>
+           <div class="flex items-center">
+            <div class="w-full md:w-auto p-1.5">
+             <p class="text-sm font-heading dark:text-white">Page: {{ filters.page_no }}</p>
+            </div>
+           </div>
+           <div class="w-full md:w-auto p-1.5">
+            <button type="submit" name='pageforwards' value="Page Forwards" class="inline-flex items-center h-9 py-1 px-4 text-xs text-blue-50 font-semibold bg-blue-500 hover:bg-blue-600 rounded-lg transition duration-200 focus:ring-0 focus:outline-none">
+             <span>Page Forwards</span>
+             <svg aria-hidden="true" class="ml-2 w-5 h-5" fill="#ffffff" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+              <path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
+             </svg>
+            </button>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </section>
+  <input type="hidden" name="pageno" value="{{ filters.page_no }}">
+  {% endif %}
+  <input type="hidden" name="formid" value="{{ form_id }}">
+ </form>
+</div>
+</div>
+</div>
+</div>
+</section>
 </div>
 {% include 'footer.html' %}
 </div>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/basicswap/templates/tor.html b/basicswap/templates/tor.html
index 96fdcfa..78d526e 100644
--- a/basicswap/templates/tor.html
+++ b/basicswap/templates/tor.html
@@ -1,103 +1,121 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/tor">Tor</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-        </ul>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/tor">Tor</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Tor</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Tor connection information.</p>
+     </div>
+     <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
+      {% if refresh %}
+      <a id="refresh" href="/tor" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600 rounded-md shadow-button focus:ring-0 focus:outline-none">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+        <g fill="#ffffff">
+         <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+         <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+        </g>
+       </svg>
+       <span>Refresh {{ refresh }} seconds</span>
+      </a>
+      {% else %}
+      <a id="refresh" href="/tor" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white borderdark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600 border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+        <g fill="#ffffff">
+         <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+         <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+        </g>
+       </svg>
+       <span>Refresh</span>
+      </a>
+    {% endif %}
       </div>
     </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Tor</h2>
-            <p class="font-semibold text-coolGray-200">Tor connection information.</p>
-          </div>
-          <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto"> 
-            {% if refresh %}
-            <a id="refresh" href="/tor" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g fill="#ffffff">
-                  <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                  <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                </g>
-              </svg> <span>Refresh {{ refresh }} seconds</span></a>
-              {% else %}
-            <a id="refresh" href="/tor" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g fill="#ffffff">
-                  <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                  <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                </g>
-              </svg><span>Refresh</span></a>
-            {% endif %}
-          </div>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden">
+  <div class="pb-6 border-coolGray-100">
+   <div class="flex flex-wrap items-center justify-between -m-2">
+    <div class="w-full pt-2">
+     <div class="container mt-5 mx-auto">
+      <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+       <div class="px-6">
+        <div class="w-full mt-6 pb-6 overflow-x-auto">
+         <table class="w-full min-w-max text-sm">
+          <thead class="uppercase">
+           <tr class="text-left">
+            <th class="p-0">
+             <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+              <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Tor</span>
+             </div>
+            </th>
+            <th class="p-0">
+             <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+              <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Details</span>
+             </div>
+            </th>
+           </tr>
+          </thead>
+          <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+           <td class="py-3 px-6 bold">Tor Mode</td>
+           <td td class="py-3 px-6">{% if use_tor_proxy == true %} Active {% if tor_established == true %} & Connected{% endif %} {% endif %}</td>
+          </tr>
+          <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+           <td class="py-3 px-6 bold">Circuit Established</td>
+           <td td class="py-3 px-6">{{ data.circuit_established }}</td>
+          </tr>
+          <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+           <td class="py-3 px-6 bold">Bytes Written</td>
+           <td td class="py-3 px-6">{{ data.bytes_written }}</td>
+          </tr>
+          <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+           <td class="py-3 px-6 bold">Bytes Read</td>
+           <td td class="py-3 px-6">{{ data.bytes_read }}</td>
+          </tr>
+         </table>
         </div>
+       </div>
       </div>
+     </div>
     </div>
-  </section>
-  {% include 'inc_messages.html' %}
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2">
-            <div class="container px-0 mx-auto mt-5">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="py-3 px-6 w-80">Tor</th>
-                      <th scope="col" class="py-3"></th>
-                    </tr>
-                  </thead>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 pl-5 pr-5 w-80 bold">Tor Mode</td>
-                    <td td class="py-4">{% if use_tor_proxy == true %} Active {% if tor_established == true %} & Connected{% endif %} {% endif %}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 pl-5 pr-5 w-80 bold">Circuit Established</td>
-                    <td td class="py-4">{{ data.circuit_established }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 pl-5 bold">Bytes Written</td>
-                    <td td class="py-4">{{ data.bytes_written }}</td>
-                  </tr>
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 pl-5 pr-5 bold">Bytes Read</td>
-                    <td td class="py-4">{{ data.bytes_read }}</td>
-                  </tr>
-                </table>
-              </div>
-            </div>
-          </div>
-          </div>
-        </div>
-      </div>
-  </section>
-  </div>{% include 'footer.html' %}
+   </div>
+  </div>
+ </div>
+</div>
+</section>
+{% include 'footer.html' %}
 </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/basicswap/templates/unlock.html b/basicswap/templates/unlock.html
index a396d73..115748e 100644
--- a/basicswap/templates/unlock.html
+++ b/basicswap/templates/unlock.html
@@ -5,23 +5,36 @@
     {% if refresh %}
     <meta http-equiv="refresh" content="{{ refresh }}">
     {% endif %}
-    <link type="text/css" media="all" href="/static/css/libs/tailwind.min.css" rel="stylesheet">
-    <link type="text/css" media="all" href="/static/css/libs/dd.min.css" rel="stylesheet">
-    <link type="text/css" media="all" href="/static/css/style.css" rel="stylesheet">
-    <script src="/static/js/main.js"></script>
-    <script src="/static/js/libs/flowbite.js"></script>
+  <link type="text/css" media="all" href="/static/css/libs/flowbite.min.css" rel="stylesheet" />
+  <link type="text/css" media="all" href="/static/css/libs/tailwind.min.css" rel="stylesheet">
+  <link type="text/css" media="all" href="/static/css/style.css" rel="stylesheet">
+  <script src="/static/js/main.js"></script>
+  <script src="/static/js/libs/flowbite.js"></script>
+<script>
+  const isDarkMode =
+    localStorage.getItem('color-theme') === 'dark' ||
+    (!localStorage.getItem('color-theme') &&
+      window.matchMedia('(prefers-color-scheme: dark)').matches);
+
+  if (!localStorage.getItem('color-theme')) {
+    localStorage.setItem('color-theme', isDarkMode ? 'dark' : 'light');
+  }
+
+  document.documentElement.classList.toggle('dark', isDarkMode);
+</script>
     <link rel=icon sizes="32x32" type="image/png" href="/static/images/favicon/favicon-32.png">
     <title>{{ title }}</title>
   </head>
-  <body>
-    <section class="py-24 md:py-32 bg-white">
+  <body class="dark:bg-gray-700">
+    <section class="py-24 md:py-32">
       <div class="container px-4 mx-auto">
         <div class="max-w-sm mx-auto">
           <div class="mb-3 text-center">
             <a class="inline-block mb-6" href="#">
-              <img class="h-16" src="/static/images/logos/basicswap-logo-dark.svg" alt="BasicSwap">
+          <img src="/static/images/logos/basicswap-logo.svg" class="h-20 imageshow dark-image">
+          <img src="/static/images/logos/basicswap-logo-dark.svg" class="h-20 imageshow light-image">
             </a>
-            <p class="text-lg text-coolGray-500 font-medium mb-6" contenteditable="false">Unlock your wallets</p>
+            <p class="text-lg text-coolGray-500 font-medium mb-6 dark:text-white" contenteditable="false">Unlock your wallets</p>
             {% for m in messages %}
             <section class="py-4" id="messages_{{ m[0] }}" role="alert">
               <div class="container px-4 mx-auto">
@@ -69,7 +82,7 @@
           </div>
           <form method="post" autocomplete="off">
             <div class="mb-4">
-              <label class="block mb-2 text-coolGray-800 font-medium" for="" contenteditable="false">Your Password</label>
+              <label class="block mb-2 text-coolGray-800 font-medium dark:text-white" for="" contenteditable="false">Your Password</label>
               <div class="relative w-full">
                 <div class="absolute inset-y-0 right-0 flex items-center px-2">
                   <input class="hidden js-password-toggle" id="toggle" type="checkbox" />
@@ -81,12 +94,12 @@
                     </svg>
                   </label>
                 </div>
-                <input class="appearance-none block w-full p-3 leading-5 bg-gray-50 border border-gray-300  text-gray-900 rounded-lg shadow-md placeholder-coolGray-400 focus:ring-0 focus:outline-none focus:border-blue-500 js-password" name="password" id="password" type="password" autocomplete="off" />
+                <input class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0 js-password" name="password" id="password" type="password" autocomplete="off" />
               </div>
             </div>
             <button type="submit" name="unlock" value="Unlock" class="appearance-none focus:outline-none inline-block py-3 px-7 mb-6 w-full text-base text-blue-50 font-medium text-center leading-6 bg-blue-500 hover:bg-blue-600 focus:ring-0 rounded-md shadow-sm">Unlock</button>
             <p class="text-center">
-              <span class="text-xs font-medium" contenteditable="false">Need help?</span>
+              <span class="text-xs font-medium dark:text-white" contenteditable="false">Need help?</span>
               <a class="inline-block text-xs font-medium text-blue-500 hover:text-blue-600 hover:underline" href="https://academy.particl.io/en/latest/faq/get_support.html" target="_blank" contenteditable="false">Help / Tutorials</a>
             </p>
             <input type="hidden" name="formid" value="{{ form_id }}">
@@ -109,5 +122,66 @@ passwordToggle.addEventListener('change', function() {
   password.focus()
 })
 </script>
-  </body>
+    <script>
+      window.onload = () => {
+        toggleImages();
+      };
+
+      document.getElementById('theme-toggle').addEventListener('click', () => {
+        toggleImages();
+      });
+
+      function toggleImages() {
+        const html = document.querySelector('html');
+        const darkImages = document.querySelectorAll('.dark-image');
+        const lightImages = document.querySelectorAll('.light-image');
+
+        if (html && html.classList.contains('dark')) {
+          toggleImageDisplay(darkImages, 'block');
+          toggleImageDisplay(lightImages, 'none');
+        } else {
+          toggleImageDisplay(darkImages, 'none');
+          toggleImageDisplay(lightImages, 'block');
+        }
+      }
+
+      function toggleImageDisplay(images, display) {
+        images.forEach(img => {
+          img.style.display = display;
+        });
+      }
+    </script>
+<script>
+      var themeToggleDarkIcon = document.getElementById('theme-toggle-dark-icon');
+      var themeToggleLightIcon = document.getElementById('theme-toggle-light-icon');
+
+      if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+          themeToggleLightIcon.classList.remove('hidden');
+      } else {
+          themeToggleDarkIcon.classList.remove('hidden');
+      }
+
+      function setTheme(theme) {
+        if (theme === 'light') {
+          document.documentElement.classList.remove('dark');
+          localStorage.setItem('color-theme', 'light');
+        } else {
+          document.documentElement.classList.add('dark');
+          localStorage.setItem('color-theme', 'dark');
+        }
+      }
+
+      document.getElementById('theme-toggle').addEventListener('click', () => {
+        if (localStorage.getItem('color-theme') === 'dark') {
+          setTheme('light');
+        } else {
+          setTheme('dark');
+        }
+        themeToggleDarkIcon.classList.toggle('hidden');
+        themeToggleLightIcon.classList.toggle('hidden');
+        toggleImages();
+      });
+
+</script>
+</body>
 </html>
\ No newline at end of file
diff --git a/basicswap/templates/wallet.html b/basicswap/templates/wallet.html
index d53b988..f142632 100644
--- a/basicswap/templates/wallet.html
+++ b/basicswap/templates/wallet.html
@@ -1,420 +1,533 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/wallets">Wallets</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/wallet/{{ w.ticker }}">{{ w.ticker }}</a></li>
-        </ul>
-      </div>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/wallets">Wallets</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/wallet/{{ w.ticker }}">{{ w.ticker }}</a>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="text-4xl font-bold text-white tracking-tighter">
+       <span class="inline-block align-middle">
+        <img class="h-20" src="/static/images/coins/{{ w.name }}.png" alt="{{ w.name }}">
+       </span>{{ w.name }} Wallet
+      </h2>
+      <p class="font-normal text-coolGray-200 dark:text-white pl-2 pt-5">Manage your {{ w.ticker }} wallet. {% if refresh %} (Page Refresh: {{ refresh }} seconds) {% endif %}</p>
+     </div>
+     <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
+      <a class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
+       <a class="mr-5 flex flex-wrap justify-center px-5 py-3 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border dark:bg-gray-500 dark:hover:bg-gray-700 border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="refresh" href="/wallet/{{ w.ticker }}">
+        <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+         <g fill="#ffffff" class="nc-icon-wrapper">
+          <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+          <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+         </g>
+        </svg>
+        <span>Refresh</span>
+       </a>
+     </div>
     </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="text-4xl font-bold text-white tracking-tighter">
-              <span class="inline-block align-middle"><img class="h-20" src="/static/images/coins/{{ w.name }}.png" alt="{{ w.name }}">
-              </span>{{ w.name }} Wallet
-            </h2>
-            <p class="font-semibold text-coolGray-200 pl-2 pt-5">Manage your {{ w.ticker }} wallet. {% if refresh %} (Page Refresh: {{ refresh }} seconds) {% endif %}</p>
-          </div>
-          <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
-            <a class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="refresh" href="/wallet/{{ w.ticker }}">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g fill="#ffffff" class="nc-icon-wrapper">
-                  <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                  <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                </g>
-              </svg><span>Refresh</span></a>
-          </div>
-        </div>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ {% if w.updating %}
+ <section class="py-4" id="updating" role="alert">
+  <div class="container px-4 mx-auto">
+   <div class="p-6 bg-blue-100 border border-blue-200 rounded-md">
+    <div class="flex flex-wrap justify-between items-center -m-2">
+     <div class="flex-1 p-2">
+      <div class="flex flex-wrap -m-1">
+       <div class="w-auto p-1">
+        <svg aria-hidden="true" class="flex-shrink-0 w-5 h-5 text-blue-700 dark:text-blue-800" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+         <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
+        </svg>
+        </svg>
+       </div>
+       <div class="flex-1 p-1">
+        <h3 class="font-medium text-sm text-blue-900">Updating...</h3>
+       </div>
       </div>
+     </div>
+     <div class="w-auto p-2">
+      <button type="button" class="ml-auto bg-blue-100 text-blue-500 rounded-lg focus:ring-0 focus:ring-blue-400 p-1.5 hover:bg-blue-200 inline-flex h-8 w-8 focus:outline-none" data-dismiss-target="#updating" aria-label="Close">
+       <span class="sr-only">Close</span>
+       <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
+       </svg>
+      </button>
+     </div>
     </div>
-  </section>
-  {% include 'inc_messages.html' %}
-  {% if w.updating %}
-  <section class="py-4" id="updating" role="alert">
-    <div class="container px-4 mx-auto">
-      <div class="p-6 bg-blue-100 border border-blue-200 rounded-md">
-        <div class="flex flex-wrap justify-between items-center -m-2">
-          <div class="flex-1 p-2">
-            <div class="flex flex-wrap -m-1">
-              <div class="w-auto p-1">
-                <svg aria-hidden="true" class="flex-shrink-0 w-5 h-5 text-blue-700 dark:text-blue-800" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-                  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
-                </svg>
-                </svg>
-              </div>
-              <div class="flex-1 p-1">
-                <h3 class="font-medium text-sm text-blue-900">Updating...</h3> </div>
-            </div>
-          </div>
-          <div class="w-auto p-2">
-            <button type="button" class="ml-auto bg-blue-100 text-blue-500 rounded-lg focus:ring-0 focus:ring-blue-400 p-1.5 hover:bg-blue-200 inline-flex h-8 w-8 focus:outline-none" data-dismiss-target="#updating" aria-label="Close"> <span class="sr-only">Close</span>
-              <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
-              </svg>
-            </button>
-          </div>
-        </div>
+   </div>
+  </div>
+ </section>
+ {% endif %}
+ {% if w.havedata %}
+ {% if w.error %}
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="p-6 bg-red-100 border border-red-200 rounded-md">
+    <div class="flex flex-wrap justify-between items-center -m-2">
+     <div class="flex-1 p-2">
+      <div class="flex flex-wrap -m-1">
+       <div class="w-auto p-1">
+        <svg class="relative top-0.5" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+         <path d="M10.4733 5.52667C10.4114 5.46419 10.3376 5.41459 10.2564 5.38075C10.1751 5.3469 10.088 5.32947 9.99999 5.32947C9.91198 5.32947 9.82485 5.3469 9.74361 5.38075C9.66237 5.41459 9.58863 5.46419 9.52666 5.52667L7.99999 7.06001L6.47333 5.52667C6.34779 5.40114 6.17753 5.33061 5.99999 5.33061C5.82246 5.33061 5.65219 5.40114 5.52666 5.52667C5.40112 5.65221 5.3306 5.82247 5.3306 6.00001C5.3306 6.17754 5.40112 6.3478 5.52666 6.47334L7.05999 8.00001L5.52666 9.52667C5.46417 9.58865 5.41458 9.66238 5.38073 9.74362C5.34689 9.82486 5.32946 9.912 5.32946 10C5.32946 10.088 5.34689 10.1752 5.38073 10.2564C5.41458 10.3376 5.46417 10.4114 5.52666 10.4733C5.58863 10.5358 5.66237 10.5854 5.74361 10.6193C5.82485 10.6531 5.91198 10.6705 5.99999 10.6705C6.088 10.6705 6.17514 10.6531 6.25638 10.6193C6.33762 10.5854 6.41135 10.5358 6.47333 10.4733L7.99999 8.94001L9.52666 10.4733C9.58863 10.5358 9.66237 10.5854 9.74361 10.6193C9.82485 10.6531 9.91198 10.6705 9.99999 10.6705C10.088 10.6705 10.1751 10.6531 10.2564 10.6193C10.3376 10.5854 10.4114 10.5358 10.4733 10.4733C10.5358 10.4114 10.5854 10.3376 10.6193 10.2564C10.6531 10.1752 10.6705 10.088 10.6705 10C10.6705 9.912 10.6531 9.82486 10.6193 9.74362C10.5854 9.66238 10.5358 9.58865 10.4733 9.52667L8.93999 8.00001L10.4733 6.47334C10.5358 6.41137 10.5854 6.33763 10.6193 6.25639C10.6531 6.17515 10.6705 6.08802 10.6705 6.00001C10.6705 5.912 10.6531 5.82486 10.6193 5.74362C10.5854 5.66238 10.5358 5.58865 10.4733 5.52667ZM12.7133 3.28667C12.0983 2.64994 11.3627 2.14206 10.5494 1.79266C9.736 1.44327 8.8612 1.25936 7.976 1.25167C7.0908 1.24398 6.21294 1.41266 5.39363 1.74786C4.57432 2.08307 3.82998 2.57809 3.20403 3.20404C2.57807 3.82999 2.08305 4.57434 1.74785 5.39365C1.41264 6.21296 1.24396 7.09082 1.25166 7.97602C1.25935 8.86121 1.44326 9.73601 1.79265 10.5494C2.14204 11.3627 2.64992 12.0984 3.28666 12.7133C3.90164 13.3501 4.63727 13.858 5.45063 14.2074C6.26399 14.5567 7.13879 14.7407 8.02398 14.7483C8.90918 14.756 9.78704 14.5874 10.6064 14.2522C11.4257 13.9169 12.17 13.4219 12.796 12.796C13.4219 12.17 13.9169 11.4257 14.2521 10.6064C14.5873 9.78706 14.756 8.90919 14.7483 8.024C14.7406 7.1388 14.5567 6.264 14.2073 5.45064C13.8579 4.63728 13.3501 3.90165 12.7133 3.28667ZM11.7733 11.7733C10.9014 12.6463 9.75368 13.1899 8.52585 13.3115C7.29802 13.4332 6.066 13.1254 5.03967 12.4405C4.01335 11.7557 3.25623 10.7361 2.89731 9.55566C2.53838 8.37518 2.59986 7.10677 3.07127 5.96653C3.54267 4.82629 4.39484 3.88477 5.48259 3.30238C6.57033 2.71999 7.82635 2.53276 9.03666 2.77259C10.247 3.01242 11.3367 3.66447 12.1202 4.61765C12.9036 5.57083 13.3324 6.76617 13.3333 8.00001C13.3357 8.70087 13.1991 9.39524 12.9313 10.0429C12.6635 10.6906 12.2699 11.2788 11.7733 11.7733Z" fill="#EF5944"></path>
+        </svg>
+       </div>
+       <div class="flex-1 p-1">
+        <h3 class="font-medium text-sm text-red-900 error_msg">
+         <p class="error_msg">Error: {{ w.error }}</p>
+        </h3>
+       </div>
       </div>
+     </div>
+     <div class="w-auto p-2">
+      <a href="#">
+       <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M8.94004 8L13.14 3.80667C13.2656 3.68113 13.3361 3.51087 13.3361 3.33333C13.3361 3.1558 13.2656 2.98554 13.14 2.86C13.0145 2.73447 12.8442 2.66394 12.6667 2.66394C12.4892 2.66394 12.3189 2.73447 12.1934 2.86L8.00004 7.06L3.80671 2.86C3.68117 2.73447 3.51091 2.66394 3.33337 2.66394C3.15584 2.66394 2.98558 2.73447 2.86004 2.86C2.7345 2.98554 2.66398 3.1558 2.66398 3.33333C2.66398 3.51087 2.7345 3.68113 2.86004 3.80667L7.06004 8L2.86004 12.1933C2.79756 12.2553 2.74796 12.329 2.71411 12.4103C2.68027 12.4915 2.66284 12.5787 2.66284 12.6667C2.66284 12.7547 2.68027 12.8418 2.71411 12.9231C2.74796 13.0043 2.79756 13.078 2.86004 13.14C2.92202 13.2025 2.99575 13.2521 3.07699 13.2859C3.15823 13.3198 3.24537 13.3372 3.33337 13.3372C3.42138 13.3372 3.50852 13.3198 3.58976 13.2859C3.671 13.2521 3.74473 13.2025 3.80671 13.14L8.00004 8.94L12.1934 13.14C12.2554 13.2025 12.3291 13.2521 12.4103 13.2859C12.4916 13.3198 12.5787 13.3372 12.6667 13.3372C12.7547 13.3372 12.8419 13.3198 12.9231 13.2859C13.0043 13.2521 13.0781 13.2025 13.14 13.14C13.2025 13.078 13.2521 13.0043 13.286 12.9231C13.3198 12.8418 13.3372 12.7547 13.3372 12.6667C13.3372 12.5787 13.3198 12.4915 13.286 12.4103C13.2521 12.329 13.2025 12.2553 13.14 12.1933L8.94004 8Z" fill="#752C21"></path>
+       </svg>
+      </a>
+     </div>
     </div>
-  </section>
-  {% endif %}
-  {% if w.havedata %}
-  {% if w.error %}
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="p-6 bg-red-100 border border-red-200 rounded-md">
-        <div class="flex flex-wrap justify-between items-center -m-2">
-          <div class="flex-1 p-2">
-            <div class="flex flex-wrap -m-1">
-              <div class="w-auto p-1">
-                <svg class="relative top-0.5" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                  <path d="M10.4733 5.52667C10.4114 5.46419 10.3376 5.41459 10.2564 5.38075C10.1751 5.3469 10.088 5.32947 9.99999 5.32947C9.91198 5.32947 9.82485 5.3469 9.74361 5.38075C9.66237 5.41459 9.58863 5.46419 9.52666 5.52667L7.99999 7.06001L6.47333 5.52667C6.34779 5.40114 6.17753 5.33061 5.99999 5.33061C5.82246 5.33061 5.65219 5.40114 5.52666 5.52667C5.40112 5.65221 5.3306 5.82247 5.3306 6.00001C5.3306 6.17754 5.40112 6.3478 5.52666 6.47334L7.05999 8.00001L5.52666 9.52667C5.46417 9.58865 5.41458 9.66238 5.38073 9.74362C5.34689 9.82486 5.32946 9.912 5.32946 10C5.32946 10.088 5.34689 10.1752 5.38073 10.2564C5.41458 10.3376 5.46417 10.4114 5.52666 10.4733C5.58863 10.5358 5.66237 10.5854 5.74361 10.6193C5.82485 10.6531 5.91198 10.6705 5.99999 10.6705C6.088 10.6705 6.17514 10.6531 6.25638 10.6193C6.33762 10.5854 6.41135 10.5358 6.47333 10.4733L7.99999 8.94001L9.52666 10.4733C9.58863 10.5358 9.66237 10.5854 9.74361 10.6193C9.82485 10.6531 9.91198 10.6705 9.99999 10.6705C10.088 10.6705 10.1751 10.6531 10.2564 10.6193C10.3376 10.5854 10.4114 10.5358 10.4733 10.4733C10.5358 10.4114 10.5854 10.3376 10.6193 10.2564C10.6531 10.1752 10.6705 10.088 10.6705 10C10.6705 9.912 10.6531 9.82486 10.6193 9.74362C10.5854 9.66238 10.5358 9.58865 10.4733 9.52667L8.93999 8.00001L10.4733 6.47334C10.5358 6.41137 10.5854 6.33763 10.6193 6.25639C10.6531 6.17515 10.6705 6.08802 10.6705 6.00001C10.6705 5.912 10.6531 5.82486 10.6193 5.74362C10.5854 5.66238 10.5358 5.58865 10.4733 5.52667ZM12.7133 3.28667C12.0983 2.64994 11.3627 2.14206 10.5494 1.79266C9.736 1.44327 8.8612 1.25936 7.976 1.25167C7.0908 1.24398 6.21294 1.41266 5.39363 1.74786C4.57432 2.08307 3.82998 2.57809 3.20403 3.20404C2.57807 3.82999 2.08305 4.57434 1.74785 5.39365C1.41264 6.21296 1.24396 7.09082 1.25166 7.97602C1.25935 8.86121 1.44326 9.73601 1.79265 10.5494C2.14204 11.3627 2.64992 12.0984 3.28666 12.7133C3.90164 13.3501 4.63727 13.858 5.45063 14.2074C6.26399 14.5567 7.13879 14.7407 8.02398 14.7483C8.90918 14.756 9.78704 14.5874 10.6064 14.2522C11.4257 13.9169 12.17 13.4219 12.796 12.796C13.4219 12.17 13.9169 11.4257 14.2521 10.6064C14.5873 9.78706 14.756 8.90919 14.7483 8.024C14.7406 7.1388 14.5567 6.264 14.2073 5.45064C13.8579 4.63728 13.3501 3.90165 12.7133 3.28667ZM11.7733 11.7733C10.9014 12.6463 9.75368 13.1899 8.52585 13.3115C7.29802 13.4332 6.066 13.1254 5.03967 12.4405C4.01335 11.7557 3.25623 10.7361 2.89731 9.55566C2.53838 8.37518 2.59986 7.10677 3.07127 5.96653C3.54267 4.82629 4.39484 3.88477 5.48259 3.30238C6.57033 2.71999 7.82635 2.53276 9.03666 2.77259C10.247 3.01242 11.3367 3.66447 12.1202 4.61765C12.9036 5.57083 13.3324 6.76617 13.3333 8.00001C13.3357 8.70087 13.1991 9.39524 12.9313 10.0429C12.6635 10.6906 12.2699 11.2788 11.7733 11.7733Z" fill="#EF5944"></path>
-                </svg>
-              </div>
-              <div class="flex-1 p-1">
-                <h3 class="font-medium text-sm text-red-900 error_msg">
-                  <p class="error_msg">Error: {{ w.error }}</p>
-                </h3> </div>
-            </div>
-          </div>
-          <div class="w-auto p-2">
-            <a href="#">
-              <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M8.94004 8L13.14 3.80667C13.2656 3.68113 13.3361 3.51087 13.3361 3.33333C13.3361 3.1558 13.2656 2.98554 13.14 2.86C13.0145 2.73447 12.8442 2.66394 12.6667 2.66394C12.4892 2.66394 12.3189 2.73447 12.1934 2.86L8.00004 7.06L3.80671 2.86C3.68117 2.73447 3.51091 2.66394 3.33337 2.66394C3.15584 2.66394 2.98558 2.73447 2.86004 2.86C2.7345 2.98554 2.66398 3.1558 2.66398 3.33333C2.66398 3.51087 2.7345 3.68113 2.86004 3.80667L7.06004 8L2.86004 12.1933C2.79756 12.2553 2.74796 12.329 2.71411 12.4103C2.68027 12.4915 2.66284 12.5787 2.66284 12.6667C2.66284 12.7547 2.68027 12.8418 2.71411 12.9231C2.74796 13.0043 2.79756 13.078 2.86004 13.14C2.92202 13.2025 2.99575 13.2521 3.07699 13.2859C3.15823 13.3198 3.24537 13.3372 3.33337 13.3372C3.42138 13.3372 3.50852 13.3198 3.58976 13.2859C3.671 13.2521 3.74473 13.2025 3.80671 13.14L8.00004 8.94L12.1934 13.14C12.2554 13.2025 12.3291 13.2521 12.4103 13.2859C12.4916 13.3198 12.5787 13.3372 12.6667 13.3372C12.7547 13.3372 12.8419 13.3198 12.9231 13.2859C13.0043 13.2521 13.0781 13.2025 13.14 13.14C13.2025 13.078 13.2521 13.0043 13.286 12.9231C13.3198 12.8418 13.3372 12.7547 13.3372 12.6667C13.3372 12.5787 13.3198 12.4915 13.286 12.4103C13.2521 12.329 13.2025 12.2553 13.14 12.1933L8.94004 8Z" fill="#752C21"></path>
-              </svg>
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-  {% else %}
-  <form method="post" autocomplete="off">
-    <section class="bg-white">
-      <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
-        <div class="pb-6 border-coolGray-100">
-          <div class="flex flex-wrap items-center justify-between -m-2">
-            <div class="w-full pt-2">
-              <div class="container px-0 mx-auto mt-5">
-                <div class="overflow-x-auto relative border sm:rounded-lg">
-                  <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                    <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                      <tr>
-                        <th scope="col" class="py-3 px-6">Wallet</th>
-                        <th scope="col"></th>
-                      </tr>
-                    </thead>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold w-96">Last updated:</td>
-                      <td>{{ w.lastupdated }}</td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50 ">
-                      <td class="py-4 px-6 bold">{{ w.name }} Version:</td>
-                      <td>{{ w.version }}</td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-4 bold"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded"><img class="h-7" src="/static/images/coins/{{ w.name }}.png" alt="{{ w.name }}"></span>Balance:</td>
-                      <td class="bold">{{ w.balance }}</td>
-                      {% if w.unconfirmed %}
-                      <td>Unconfirmed:</td>
-                      <td>{{ w.unconfirmed }}</td>
-                      {% endif %} </tr>
-                      {% if w.cid == '1' %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-4 bold"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded"><img class="h-7" src="/static/images/coins/{{ w.name }}.png" alt="{{ w.name }} Blind"></span>Blind Balance:</td>
-                      <td class="bold">{{ w.blind_balance }}</td>
-                      {% if w.blind_unconfirmed %}
-                      <td>Blind Unconfirmed:</td>
-                      <td>{{ w.blind_unconfirmed }}</td>
-                      {% endif %}
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-4 bold"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded"><img class="h-7" src="/static/images/coins/{{ w.name }}.png" alt="{{ w.name }} Anon"></span>Anon Balance:</td>
-                      <td class="bold">{{ w.anon_balance }}</td>
-                      {% if w.anon_pending %}
-                      <td>Anon Pending:</td>
-                      <td>{{ w.anon_pending }}</td>{% endif %}</tr>
-                      {% endif %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Blocks:</td>
-                      <td>{{ w.blocks }} {% if w.known_block_count %} / {{ w.known_block_count }} {% endif %}</td>
-                    </tr>
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Synced:</td>
-                      <td>{{ w.synced }}</td>
-                    </tr> {% if w.bootstrapping %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Bootstrapping:</td>
-                      <td>{{ w.bootstrapping }}</td>
-                    </tr>
-                    {% endif %}
-                    {% if w.encrypted %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Locked:</td>
-                      <td>{{ w.locked }}</td>
-                    </tr>
-                    {% endif %}
-                    <tr class="bg-white border-t hover:bg-gray-50">
-                      <td class="py-4 px-6 bold">Expected Seed:</td>
-                      <td>{{ w.expected_seed }}</td>
-                    {% if block_unknown_seeds and w.expected_seed != true %}  {# Only show addresses if wallet seed is correct #}
-                  </tr>
-                  </table>
-                </div>
-              </div>
-              <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-                <div class="w-full md:w-0/12">
-                  <div class="flex flex-wrap justify-end -m-1.5">
-                    <div class="w-full md:w-auto p-1.5 ml-2">
-                      <input class="flex flex-wrap justify-center px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none" type="submit" name="reseed_{{ w.cid }}" value="Reseed wallet" onclick="return confirmReseed();"> </div>
-                  </div>
-                </div>
-              </div>
-            {% else %}
-          </tr>
-          {% if w.cid == '1' %}
-              <tr class="bg-white border-t hover:bg-gray-50">
-                <td class="py-4 px-6 bold">Stealth Address</td>
-                <td colspan=2 class="monospace bold select-all">{{ w.stealth_address }}</td>
-              </tr>
-              {% endif %}
-              {% if w.cid == '6' %}
-              <tr class="bg-white border-t hover:bg-gray-50">
-                <td class="py-4 px-6 bold">Main Address</td>
-                <td colspan=2 class="monospace bold select-all">{{ w.main_address }}</td>
-              </tr>
-              <tr class="bg-white border-t hover:bg-gray-50">
-                <td class="py-4 px-6 bold">
-                  <button type="submit" class="flex flex-wrap justify-center w-52 py-2 px-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" name="newaddr_{{ w.cid }}" value="New Subaddress">
-                    <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                      <g fill="#ffffff" class="nc-icon-wrapper">
-                        <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                        <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                      </g>
-                    </svg> New Subaddress </button>
-                </td>
-                <td colspan=2 class="monospace select-all">{{ w.deposit_address }}</td>
-              </tr>
-              {% else %}
-              <tr class="bg-white border-t hover:bg-gray-50">
-                <td class="py-4 px-6 bold">
-                  <button type="submit" class="flex flex-wrap justify-center w-52 py-2 px-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" name="newaddr_{{ w.cid }}" value="New Deposit Address">
-                    <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                      <g fill="#ffffff" class="nc-icon-wrapper">
-                        <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                        <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                      </g>
-                    </svg> New Deposit Address </button>
-                </td>
-                <td colspan=2 class="monospace bold select-all" id="deposit_address">{{ w.deposit_address }}</td>
-              </tr>
+   </div>
+  </div>
+ </section>
+ {% else %}
+ <form method="post" autocomplete="off">
+  <section>
+   <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden">
+    <div class="pb-6 border-coolGray-100">
+     <div class="flex flex-wrap items-center justify-between -m-2">
+      <div class="w-full pt-2">
+       <div class="container mt-5 mx-auto">
+        <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+         <div class="px-6">
+          <div class="w-full mt-6 pb-6 overflow-x-auto">
+           <table class="w-full min-w-max text-sm">
+            <thead class="uppercase">
+             <tr class="text-left">
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Wallet</span>
+               </div>
+              </th>
+              <th class="p-0">
+               <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+                <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Details</span>
+               </div>
+              </th>
+             </tr>
+            </thead>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 bold w-96">Last updated:</td>
+             <td class="py-3 px-6">{{ w.lastupdated }}</td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 bold">{{ w.name }} Version:</td>
+             <td class="py-3 px-6">{{ w.version }}</td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 bold">
+              <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
+               <img class="h-7" src="/static/images/coins/{{ w.name }}.png" alt="{{ w.name }}">
+              </span>Balance:
+             </td>
+             <td class="py-3 px-6 bold">{{ w.balance }}</td>
+             {% if w.unconfirmed %}<td>Unconfirmed:</td>
+             <td>{{ w.unconfirmed }}</td>
+             {% endif %}
+            </tr>
+            {% if w.cid == '1' %}
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 bold">
+              <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
+               <img class="h-7" src="/static/images/coins/{{ w.name }}.png" alt="{{ w.name }} Blind">
+              </span>Blind Balance:
+             </td>
+             <td class="py-3 px-6 bold">{{ w.blind_balance }}</td>
+             {% if w.blind_unconfirmed %}
+             <td>Blind Unconfirmed:</td>
+             <td>{{ w.blind_unconfirmed }}</td>
+             {% endif %}
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 bold">
+              <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
+               <img class="h-7" src="/static/images/coins/{{ w.name }}.png" alt="{{ w.name }} Anon">
+              </span>Anon Balance:
+             </td>
+             <td class="py-3 px-6 bold">{{ w.anon_balance }}</td> {% if w.anon_pending %} <td>Anon Pending:</td>
+             <td>{{ w.anon_pending }}</td>{% endif %}
+            </tr> {% endif %} <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 bold">Blocks:</td>
+             <td class="py-3 px-6">{{ w.blocks }} {% if w.known_block_count %} / {{ w.known_block_count }} {% endif %}</td>
+            </tr>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 bold">Synced:</td>
+             <td class="py-3 px-6">{{ w.synced }}</td>
+            </tr> {% if w.bootstrapping %} <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 bold">Bootstrapping:</td>
+             <td class="py-3 px-6">{{ w.bootstrapping }}</td>
+            </tr> {% endif %}
+            {% if w.encrypted %}
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 bold">Locked:</td>
+             <td class="py-3 px-6">{{ w.locked }}</td>
+            </tr>
             {% endif %}
-          </table>
-            </div>
+            <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+             <td class="py-3 px-6 bold">Expected Seed:</td>
+             <td class="py-3 px-6">{{ w.expected_seed }}</td> {% if block_unknown_seeds and w.expected_seed != true %} {# Only show addresses if wallet seed is correct #}
+            </tr>
+           </table>
           </div>
-          <section class="bg-white p-6">
-            <div class="flex flex-wrap items-center">
-              <div class="w-full">
-                <h4 class="font-semibold text-black text-2xl">Withdraw</h4> </div>
-            </div>
-          </section>
-          <div class="container px-0 mx-auto mt-2">
-            <div class="overflow-x-auto relative border sm:rounded-lg">
-              <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                  <tr>
-                    <th scope="col" class="py-3 px-6">OPTIONS</th>
-                    <th scope="col"></th>
-                    <th scope="col"></th>
-                    <th scope="col"></th>
-                  </tr>
-                </thead>
-                <tr class="bg-white border-t hover:bg-gray-50">
-                  <td class="py-4 pl-6 bold w-1/4">
-                    <button type="submit" class="flex flex-wrap justify-center py-2 px-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" name="withdraw_{{ w.cid }}" value="Withdraw" onclick="return confirmWithdrawal();">
-                      <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                        <g fill="#ffffff" class="nc-icon-wrapper">
-                          <polygon data-color="color-2" points="6,10 12,17 18,10 13,10 13,1 11,1 11,10 "></polygon>
-                          <path fill="#ffffff" d="M22,21H2v-6H0v7c0,0.552,0.448,1,1,1h22c0.552,0,1-0.448,1-1v-7h-2V21z"></path>
-                        </g>
-                      </svg> Withdraw </button>
-                  </td>
-                  <td class="py-4 pr-5">
-                    <input placeholder="Address" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 w-full block p-2.5" type="text" name="to_{{ w.cid }}" value="{{ w.wd_address }}"> </td>
-                  <td class="py-4 pr-5">
-                    <input placeholder="Amount" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="text" name="amt_{{ w.cid }}" value="{{ w.wd_value }}"> </td>
-                </tr>
-                <tr class="bg-white border-t hover:bg-gray-50">
-                  <td class="py-4 px-6 bold"> Subtract Fee: </td>
-                  <td>
-                    <input class="form-check-input h-4 w-4 border border-gray-300 rounded-sm bg-gray-50 checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain cursor-pointer" type="checkbox" name="subfee_{{ w.cid }}" {% if w.wd_subfee==true %} checked=checked{% endif %}> </td>
-                  <td></td>
-                </tr>
-                {% if w.cid == '1' %}
-                <tr class="bg-white border-t hover:bg-gray-50">
-                  <td class="py-4 px-6 bold">Type From -> To:</td>
-                  <td class="py-4 pr-5">
-                    <div class="w-full md:flex-1">
-                      <div class="relative">
-                        <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                          <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                        </svg>
-                        <select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="withdraw_type_from_{{ w.cid }}">
-                          <option value="plain" {% if w.wd_type_from=='plain' %} selected{% endif %}>Plain</option>
-                          <option value="blind" {% if w.wd_type_from=='blind' %} selected{% endif %}>Blind</option>
-                          <option value="anon" {% if w.wd_type_from=='anon' %} selected{% endif %}>Anon</option>
-                        </select>
-                      </div>
-                    </div>
-                  </td>
-                  <td class="py-4 pr-5">
-                    <div class="w-full md:flex-1">
-                      <div class="relative">
-                        <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                          <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
-                        </svg>
-                        <select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="withdraw_type_to_{{ w.cid }}">
-                          <option value="plain" {% if w.wd_type_to=='plain' %} selected{% endif %}>Plain</option>
-                          <option value="blind" {% if w.wd_type_to=='blind' %} selected{% endif %}>Blind</option>
-                          <option value="anon" {% if w.wd_type_to=='anon' %} selected{% endif %}>Anon</option>
-                        </select>
-                      </div>
-                    </div>
-                  </td>
-                  <td class="py-4"> </td>
-                </tr>
-                {% endif %}
-                <tr class="bg-white border-t hover:bg-gray-50">
-                  <td class="py-4 px-6 bold">Fee Rate:</td>
-                  <td>{{ w.fee_rate }}</td>
-                  <td><b>Est Fee:</b> {{ w.est_fee }}</td>
-                  <td></td>
-                </tr>
-              </table>
+         </div>
+         <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
+          <div class="w-full md:w-0/12">
+           <div class="flex flex-wrap justify-end -m-1.5">
+            <div class="w-full md:w-auto p-1.5 ml-2">
+             <input class="flex flex-wrap justify-center px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none" type="submit" name="reseed_{{ w.cid }}" value="Reseed wallet" onclick="return confirmReseed();">
             </div>
+           </div>
           </div>
-          {% if w.cid != '6' %}
-           {% if w.show_utxo_groups %}
-          <section class="bg-white p-6">
-            <div class="flex flex-wrap items-center">
-              <div class="w-full">
-                <h4 class="font-semibold text-black text-2xl">UTXO Groups</h4></div>
-            </div>
-          </section>
-          <div class="container px-0 mx-auto mt-2">
-            <div class="overflow-x-auto relative border sm:rounded-lg">
-              <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                  <tr>
-                    <th scope="col" class="py-3 px-6">OPTIONS</th>
-                    <th scope="col"></th>
-                  </tr>
-                </thead>
-                <tr class="bg-white border-t hover:bg-gray-50">
-                  <td class="py-4 px-6 w-1/4 bold">UTXO Groups:</td>
-                  <td class="py-4 pr-7">
-                    <textarea class="wwhitespace-pre-line outline-none block p-2.5 text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 w-full monospace" id="tx_view" rows="6" readonly>{{ w.utxo_groups }}</textarea>
-                  </td>
-                </tr>
-                <tr class="bg-white border-t hover:bg-gray-50">
-                  <td class="py-4 px-6">
-                    <button type="submit" class="flex flex-wrap justify-center px-4 py-2 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="create_utxo" name="create_utxo" value="Create UTXO" onclick="return confirmUTXOResize();">
-                      <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" class="nc-icon-wrapper">
-                          <polyline points="1 15 1 21 23 21 23 15"></polyline>
-                          <line x1="12" y1="3" x2="12" y2="13" stroke="#ffffff"></line>
-                          <line x1="17" y1="8" x2="7" y2="8" stroke="#ffffff"></line>
-                        </g>
-                      </svg> Create UTXO </button>
-                  </td>
-                  <td>
-                    <input placeholder="Amount" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" type="text" name="utxo_value" value="{{ w.utxo_value }}"></td>
-                </tr>
-              </table>
-            </div>
-          </div>
-          <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-            <div class="w-full md:w-0/12">
-              <div class="flex flex-wrap justify-end -m-1.5">
-                <div class="w-full md:w-auto p-1.5 ml-2">
-                  <button type="submit" class="flex flex-wrap justify-center px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="closeutxogroups" name="closeutxogroups" value="Close UTXO Groups">
-                    <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                      <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" class="nc-icon-wrapper">
-                        <rect x="2" y="9" width="12" height="14"></rect>
-                        <polyline points=" 6,5 18,5 18,19 " stroke="#ffffff"></polyline>
-                        <polyline points=" 10,1 22,1 22,15 " stroke="#ffffff"></polyline>
-                      </g>
-                    </svg> Close UTXO Groups </button>
-                </div>
-              </div>
-            </div>
-          </div>
-          {% else %}
-          <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-            <div class="w-full md:w-0/12">
-              <div class="flex flex-wrap justify-end -m-1.5">
-                <div class="w-full md:w-auto p-1.5 ml-2">
-                  <button type="submit" class="flex flex-wrap justify-center px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="showutxogroups" name="showutxogroups" value="Show UTXO Groups">
-                    <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                      <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" class="nc-icon-wrapper">
-                        <rect x="2" y="9" width="12" height="14"></rect>
-                        <polyline points=" 6,5 18,5 18,19 " stroke="#ffffff"></polyline>
-                        <polyline points=" 10,1 22,1 22,15 " stroke="#ffffff"></polyline>
-                      </g>
-                    </svg> Show UTXO Groups </button>
-                </div>
-              </div>
-            </div>
-          </div>
-          {% endif %}
-          {% endif %}
-          {% endif %}
-          {% endif %}
-          {% endif %}
-          <!-- havedata -->
-          <input type="hidden" name="formid" value="{{ form_id }}"></form>
+         </div>
+     {% else %}
+       </tr>
+     {% if w.cid == '1' %}
+         <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+          <td class="py-3 px-6 bold">Stealth Address</td>
+          <td colspan=2 class="py-3 px-6 monospace bold select-all">{{ w.stealth_address }}</td>
+         </tr>
+         {% endif %}
+         {% if w.cid == '6' %}
+         <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+          <td class="py-3 px-6 bold">Main Address</td>
+          <td colspan=2 class="py-3 px-6 monospace bold select-all">{{ w.main_address }}</td>
+         </tr>
+         <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+          <td class="py-3 px-6 bold">
+           <button type="submit" class="flex flex-wrap justify-center w-52 py-2 px-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" name="newaddr_{{ w.cid }}" value="New Subaddress">
+            <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+             <g fill="#ffffff" class="nc-icon-wrapper">
+              <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+              <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+             </g>
+            </svg> New Subaddress </button>
+          </td>
+          <td colspan=2 class="py-3 px-6 monospace select-all">{{ w.deposit_address }}</td>
+         </tr>
+         {% else %}
+         <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+          <td class="py-3 px-6 bold">
+           <button type="submit" class="flex flex-wrap justify-center w-52 py-2 px-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" name="newaddr_{{ w.cid }}" value="New Deposit Address">
+            <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+             <g fill="#ffffff" class="nc-icon-wrapper">
+              <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+              <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+             </g>
+            </svg>New Deposit Address</button>
+          </td>
+          <td colspan=2 class="py-3 px-6 monospace bold select-all" id="deposit_address">{{ w.deposit_address }}</td>
+         </tr>
+         {% endif %}
+         </table>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+</div>
+</div>
+</section>
+<section class="p-6">
+ <div class="flex flex-wrap items-center">
+  <div class="w-full">
+   <h4 class="font-semibold text-black dark:text-white text-2xl">Withdraw</h4>
   </div>
-  <script>
-    function confirmReseed() {
-      return confirm("Are you sure?\nBackup your wallet before and after.\nWon't detect used keys.\nShould only be used for new wallets.");
-    }
-
-    function confirmWithdrawal() {
-      return confirm("Are you sure?");
-    }
-
-    function confirmUTXOResize() {
-      return confirm("Are you sure?");
-    }
-  </script>
+ </div>
+</section>
+<section>
+ <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+  <div class="pb-6 border-coolGray-100">
+   <div class="flex flex-wrap items-center justify-between -m-2">
+    <div class="w-full pt-2">
+     <div class="container mt-5 mx-auto">
+      <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+       <div class="px-6">
+        <div class="w-full mt-6 pb-6 overflow-x-auto">
+         <table class="w-full min-w-max text-sm">
+          <thead class="uppercase">
+           <tr class="text-left">
+            <th class="p-0">
+             <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+              <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Options</span>
+             </div>
+            </th>
+            <th class="p-0">
+             <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+              <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold p-10"></span>
+             </div>
+            </th>
+            <th class="p-0">
+             <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+              <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold p-10"></span>
+             </div>
+            </th>
+           </tr>
+          </thead>
+          <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+           <td class="py-4 pl-6 bold w-1/4">
+            <button type="submit" class="flex flex-wrap justify-center py-2 px-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" name="withdraw_{{ w.cid }}" value="Withdraw" onclick="return confirmWithdrawal();">
+             <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+              <g fill="#ffffff" class="nc-icon-wrapper">
+               <polygon data-color="color-2" points="6,10 12,17 18,10 13,10 13,1 11,1 11,10 "></polygon>
+               <path fill="#ffffff" d="M22,21H2v-6H0v7c0,0.552,0.448,1,1,1h22c0.552,0,1-0.448,1-1v-7h-2V21z"></path>
+              </g>
+             </svg>Withdraw</button>
+           </td>
+           <td class="py-3 px-6">
+            <input placeholder="Address" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" name="to_{{ w.cid }}" value="{{ w.wd_address }}">
+           </td>
+           <td class="py-3 px-6">
+            <input placeholder="Amount" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" name="amt_{{ w.cid }}" value="{{ w.wd_value }}">
+           </td>
+          </tr>
+          <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+           <td class="py-3 px-6 bold">Subtract Fee:</td>
+           <td class="py-3 px-6">
+            <input class="hover:border-blue-500 w-5 h-5 form-check-input text-blue-600 bg-gray-50 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-1 dark:bg-gray-500 dark:border-gray-400" type="checkbox" name="subfee_{{ w.cid }}" {% if w.wd_subfee==true %} checked=checked{% endif %}>
+           </td>
+           <td></td>
+          </tr>
+          {% if w.cid == '1' %} 
+          <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+           <td class="py-3 px-6 bold">Type From -> To:</td>
+           <td class="py-3 px-6">
+            <div class="w-full md:flex-1">
+             <div class="relative">
+              <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+               <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+              </svg>
+              <select class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="withdraw_type_from_{{ w.cid }}">
+               <option value="plain" {% if w.wd_type_from=='plain' %} selected{% endif %}>Plain</option>
+               <option value="blind" {% if w.wd_type_from=='blind' %} selected{% endif %}>Blind</option>
+               <option value="anon" {% if w.wd_type_from=='anon' %} selected{% endif %}>Anon</option>
+              </select>
+             </div>
+            </div>
+           </td>
+           <td class="py-3 px-6">
+            <div class="w-full md:flex-1">
+             <div class="relative">
+              <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+               <path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
+              </svg>
+              <select class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" name="withdraw_type_to_{{ w.cid }}">
+               <option value="plain" {% if w.wd_type_to=='plain' %} selected{% endif %}>Plain</option>
+               <option value="blind" {% if w.wd_type_to=='blind' %} selected{% endif %}>Blind</option>
+               <option value="anon" {% if w.wd_type_to=='anon' %} selected{% endif %}>Anon</option>
+              </select>
+             </div>
+            </div>
+           </td>
+          </tr>
+          {% endif %}
+          <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+           <td class="py-3 px-6 bold">Fee Rate:</td>
+           <td class="py-3 px-6 bold">{{ w.fee_rate }}</td>
+           <td class="py-3 px-6">
+            <b>Est Fee:</b> {{ w.est_fee }}
+           </td>
+          </tr>
+         </table>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
   </div>
+ </div>
+</section>
+{% if w.cid != '6' %}
+{% if w.show_utxo_groups %}
+<section class="p-6">
+ <div class="flex flex-wrap items-center">
+  <div class="w-full">
+   <h4 class="font-semibold text-black dark:text-white text-2xl">UTXO Groups</h4>
+  </div>
+ </div>
+</section>
+<section>
+ <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+  <div class="pb-6 border-coolGray-100">
+   <div class="flex flex-wrap items-center justify-between -m-2">
+    <div class="w-full pt-2">
+     <div class="container mt-5 mx-auto">
+      <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+       <div class="px-6">
+        <div class="w-full mt-6 pb-6 overflow-x-auto">
+         <table class="w-full min-w-max text-sm">
+          <thead class="uppercase">
+           <tr class="text-left">
+            <th class="p-0">
+             <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+              <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Options</span>
+             </div>
+            </th>
+            <th class="p-0">
+             <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+              <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold p-10"></span>
+             </div>
+            </th>
+           </tr>
+          </thead>
+          <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+           <td class="py-3 px-6 w-1/4 bold">UTXO Groups:</td>
+           <td class="py-3 px-6">
+            <textarea class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" id="tx_view" rows="10" readonly>{{ w.utxo_groups }}</textarea>
+           </td>
+          </tr>
+          <tr class="opacity-100 text-gray-500 dark:text-gray-100">
+           <td class="py-3 px-6">
+            <button type="submit" class="flex flex-wrap justify-center px-4 py-2 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="create_utxo" name="create_utxo" value="Create UTXO" onclick="return confirmUTXOResize();">
+             <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+              <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" class="nc-icon-wrapper">
+               <polyline points="1 15 1 21 23 21 23 15"></polyline>
+               <line x1="12" y1="3" x2="12" y2="13" stroke="#ffffff"></line>
+               <line x1="17" y1="8" x2="7" y2="8" stroke="#ffffff"></line>
+              </g>
+             </svg>Create UTXO</button>
+           </td>
+           <td class="py-3 px-6">
+            <input placeholder="Amount" class="hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0" type="text" name="utxo_value" value="{{ w.utxo_value }}">
+           </td>
+          </tr>
+         </table>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </div>
+</section>
+<section>
+ <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+  <div class="pb-6 border-coolGray-100">
+   <div class="flex flex-wrap items-center justify-between -m-2">
+    <div class="w-full pt-2">
+     <div class="container mt-5 mx-auto">
+      <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+       <div class="px-6">
+        <div class="flex flex-wrap justify-end">
+         <div class="w-full md:w-auto p-1.5">
+          <button type="submit" class="flex flex-wrap justify-center px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="closeutxogroups" name="closeutxogroups" value="Close UTXO Groups">
+           <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" class="nc-icon-wrapper">
+             <rect x="2" y="9" width="12" height="14"></rect>
+             <polyline points=" 6,5 18,5 18,19 " stroke="#ffffff"></polyline>
+             <polyline points=" 10,1 22,1 22,15 " stroke="#ffffff"></polyline>
+            </g>
+           </svg>Close UTXO Groups</button>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </div>
+</section>
+{% else %}
+<section>
+ <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+  <div class="pb-6 border-coolGray-100">
+   <div class="flex flex-wrap items-center justify-between -m-2">
+    <div class="w-full pt-2">
+     <div class="container mt-5 mx-auto">
+      <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+       <div class="px-6">
+        <div class="flex flex-wrap justify-end">
+         <div class="w-full md:w-auto p-1.5">
+          <button type="submit" class="flex flex-wrap justify-center px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="showutxogroups" name="showutxogroups" value="Show UTXO Groups">
+           <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+            <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" class="nc-icon-wrapper">
+             <rect x="2" y="9" width="12" height="14"></rect>
+             <polyline points=" 6,5 18,5 18,19 " stroke="#ffffff"></polyline>
+             <polyline points=" 10,1 22,1 22,15 " stroke="#ffffff"></polyline>
+            </g>
+           </svg>Show UTXO Groups</button>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </div>
+</section>
+{% endif %}
+{% endif %}
+{% endif %}
+{% endif %}
+{% endif %}
+<!-- havedata -->
+<input type="hidden" name="formid" value="{{ form_id }}">
+</form>
+</div>
+<script>
+ function confirmReseed() {
+  return confirm("Are you sure?\nBackup your wallet before and after.\nWon't detect used keys.\nShould only be used for new wallets.");
+ }
+
+ function confirmWithdrawal() {
+  return confirm("Are you sure?");
+ }
+
+ function confirmUTXOResize() {
+  return confirm("Are you sure?");
+ }
+</script>
+</div>
 </div>
 </div>
 </div>
 {% include 'footer.html' %}
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/basicswap/templates/wallets.html b/basicswap/templates/wallets.html
index 82c3ad5..2ed296a 100644
--- a/basicswap/templates/wallets.html
+++ b/basicswap/templates/wallets.html
@@ -1,121 +1,159 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/wallets">Wallets</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Wallets</h2>
-            <p class="font-semibold text-coolGray-200">Check your coin balances and manage your wallets. {% if refresh %} (Page Refresh: {{ refresh }} seconds) {% endif %}</p>
-          </div>
-          <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
-            <a class="mr-5 flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="refresh" href="/changepassword">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
-                <rect x="3" y="11" width="18" height="12" rx="2"></rect><circle cx="12" cy="17" r="2" stroke="#ffffff"></circle>
-                <path d="M17,7V6a4.951,4.951,0,0,0-4.9-5H12A4.951,4.951,0,0,0,7,5.9V7" stroke="#ffffff"></path></g></svg>
-                <span>Change Password</span></a>
-             <a class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="refresh" href="/wallets">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g fill="#ffffff" class="nc-icon-wrapper">
-                  <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                  <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                </g>
-              </svg><span>Refresh</span></a>             
-          </div>
-
-        </div>
-      </div>
-    </div>
-  </section>
-  {% include 'inc_messages.html' %}
-  <section class="bg-white py-4">
-    <div class="container px-4 mx-auto">
-      <div class="flex flex-wrap -m-4">
-        {% for w in wallets %}
-        {% if w.havedata %}
-        {% if w.error %}
-        <p>Error: {{ w.error }}</p>
-        {% else %}
-        <div class="w-full lg:w-1/3 p-4">
-          <div class="bg-white shadow rounded overflow-hidden">
-            <div class="pt-6 px-6 mb-10 flex justify-between items-center"> <span class="inline-flex items-center justify-center w-9 h-10 bg-white-50 rounded">
-                <img class="h-9" src="/static/images/coins/{{ w.name }}.png" alt=""></span> <a class="py-2 px-3 bg-blue-500 text-xs text-white rounded-full hover:bg-blue-600" href="/wallet/{{ w.ticker }}">Manage</a></div>
-            <div class="px-6 mb-6">
-              <h4 class="text-xl font-bold">{{ w.name }} <span class="inline-block font-medium text-xs text-gray-500">({{ w.ticker }})</span></h4>
-              <p class="text-xs text-gray-500">Version: {{ w.version }} {% if w.updating %} <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">Updating</span></p>{% endif %}</div>
-            <div class="p-6 bg-gray-50">
-              <div class="flex mb-2 justify-between items-center">
-                <h4 class="text-xs font-medium">Balance:</h4> <span class="bold inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.balance }}</span></div>{% if w.unconfirmed %}
-              <div class="flex mb-2 justify-between items-center">
-                <h4 class="text-xs font-medium">Unconfirmed:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.unconfirmed }}</span></div>{% endif %}{% if w.cid == '1' %}
-              <div class="flex mb-2 justify-between items-center">
-                <h4 class="text-xs font-medium">Blind Balance:</h4> <span class="bold inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.blind_balance }}</span></div>{% if w.blind_unconfirmed %}
-              <div class="flex mb-2 justify-between items-center">
-                <h4 class="text-xs font-medium">Blind Unconfirmed:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.blind_unconfirmed }}</span></div>{% endif %}
-              <div class="flex mb-2 justify-between items-center">
-                <h4 class="text-xs font-medium">Anon Balance:</h4> <span class="bold inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.anon_balance }}</span></div>{% if w.anon_pending %}
-              <div class="flex mb-2 justify-between items-center">
-                <h4 class="text-xs font-medium">Anon Pending:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.anon_pending }}</span></div>{% endif %}{% endif %}
-              <div class="flex mb-2 justify-between items-center">
-                <h4 class="text-xs font-medium">Blocks:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.blocks }}{% if w.known_block_count %} / {{ w.known_block_count }}{% endif %}</span></div>
-              <div class="flex mb-2 justify-between items-center">
-                <h4 class="text-xs font-medium">Last Updated:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.lastupdated }}</span></div>{% if w.bootstrapping %}
-              <div class="flex mb-2 justify-between items-center">
-                <h4 class="text-xs font-medium">Bootstrapping:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.bootstrapping }}</span></div>{% endif %}{% if w.encrypted %}
-              <div class="flex mb-2 justify-between items-center">
-                <h4 class="text-xs font-medium">Locked:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.locked }}</span></div>{% endif %}
-              <div class="flex mb-2 justify-between items-center">
-                <h4 class="text-xs font-medium">Expected Seed:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.expected_seed }}</span></div>
-              <div class="flex justify-between mb-1 mt-10"> <span class="text-xs font-medium text-blue-700">Blockchain</span> <span class="text-xs font-medium text-blue-700">{{ w.synced }}%</span></div>
-              <div class="w-full bg-gray-200 rounded-full h-1">
-                <div class="bg-blue-500 h-1 rounded-full" style="width: {{ w.synced }}%"></div>
-              </div>
-            </div>
-          </div>
-          {% endif %}
-          {% endif %}
-          <!-- havedata -->
-        </div>
-        {% endfor %}
-        <script>
-          function confirmReseed() {
-            return confirm("Are you sure?\nBackup your wallet before and after.\nWon't detect used keys.\nShould only be used for new wallets.");
-          }
-          function confirmWithdrawal() {
-            return confirm("Are you sure?");
-          }
-        </script>
-      </div>
-  </section>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/wallets">Wallets</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+    </ul>
+   </div>
   </div>
+ </section>
+ <section class="py-3">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Wallets</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Check your coin balances and manage your wallets. {% if refresh %} (Page Refresh: {{ refresh }} seconds) {% endif %}</p>
+     </div>
+     <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
+      <a class="mr-5 flex flex-wrap justify-center px-5 py-3 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border dark:bg-gray-500 dark:hover:bg-gray-700 border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="refresh" href="/changepassword">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+        <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
+         <rect x="3" y="11" width="18" height="12" rx="2"></rect>
+         <circle cx="12" cy="17" r="2" stroke="#ffffff"></circle>
+         <path d="M17,7V6a4.951,4.951,0,0,0-4.9-5H12A4.951,4.951,0,0,0,7,5.9V7" stroke="#ffffff"></path>
+        </g>
+       </svg>
+       <span>Change Password</span>
+      </a>
+      <a class="flex flex-wrap justify-center px-5 py-3 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border dark:bg-gray-500 dark:hover:bg-gray-700 border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="refresh" href="/wallets">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+        <g fill="#ffffff" class="nc-icon-wrapper">
+         <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+         <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+        </g>
+       </svg>
+       <span>Refresh</span>
+      </a>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+ {% include 'inc_messages.html' %}
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="flex flex-wrap -m-4"> {% for w in wallets %} {% if w.havedata %} {% if w.error %} <p>Error: {{ w.error }}</p> {% else %} <div class="w-full lg:w-1/3 p-4">
+     <div class="bg-gray-50 shadow rounded overflow-hidden dark:bg-gray-500">
+      <div class="pt-6 px-6 mb-10 flex justify-between items-center">
+       <span class="inline-flex items-center justify-center w-9 h-10 bg-white-50 rounded">
+        <img class="h-9" src="/static/images/coins/{{ w.name }}.png" alt="">
+       </span>
+       <a class="py-2 px-3 bg-blue-500 text-xs text-white rounded-full hover:bg-blue-600" href="/wallet/{{ w.ticker }}">Manage</a>
+      </div>
+      <div class="px-6 mb-6">
+       <h4 class="text-xl font-bold dark:text-white">{{ w.name }}
+        <span class="inline-block font-medium text-xs text-gray-500 dark:text-white">({{ w.ticker }})</span>
+       </h4>
+       <p class="text-xs text-gray-500 dark:text-gray-200">Version: {{ w.version }} {% if w.updating %} <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500 dark:bg-gray-700 dark:hover:bg-gray-700">Updating..</span>
+       </p>{% endif %}
+      </div>
+      <div class="p-6 bg-coolGray-100 dark:bg-gray-600">
+       <!-- bg here -->
+       <div class="flex mb-2 justify-between items-center">
+        <h4 class="text-xs font-medium dark:text-white">Balance:</h4>
+        <span class="bold inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500 dark:bg-gray-500 dark:text-gray-200">{{ w.balance }}</span>
+       </div>{% if w.unconfirmed %}
+       <div class="flex mb-2 justify-between items-center">
+        <h4 class="text-xs font-medium dark:text-white">Unconfirmed:</h4>
+        <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500 dark:bg-gray-500 dark:text-gray-200">{{ w.unconfirmed }}</span>
+       </div>
+       {% endif %}
+       {% if w.cid == '1' %}
+       <div class="flex mb-2 justify-between items-center">
+        <h4 class="text-xs font-medium dark:text-white">Blind Balance:</h4>
+        <span class="bold inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500 dark:bg-gray-500 dark:text-gray-200">{{ w.blind_balance }}</span>
+       </div>{% if w.blind_unconfirmed %}
+       <div class="flex mb-2 justify-between items-center">
+        <h4 class="text-xs font-medium dark:text-white">Blind Unconfirmed:</h4>
+        <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500 dark:bg-gray-500 dark:text-gray-200">{{ w.blind_unconfirmed }}</span>
+       </div>{% endif %}
+       <div class="flex mb-2 justify-between items-center">
+        <h4 class="text-xs font-medium dark:text-white">Anon Balance:</h4>
+        <span class="bold inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500 dark:bg-gray-500 dark:text-gray-200">{{ w.anon_balance }}</span>
+       </div>{% if w.anon_pending %}
+       <div class="flex mb-2 justify-between items-center">
+        <h4 class="text-xs font-medium dark:text-white">Anon Pending:</h4>
+        <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500 dark:bg-gray-500 dark:text-gray-200">{{ w.anon_pending }}</span>
+       </div>
+       {% endif %}
+       {% endif %}
+       <div class="flex mb-2 justify-between items-center">
+        <h4 class="text-xs font-medium dark:text-white">Blocks:</h4>
+        <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500 dark:bg-gray-500 dark:text-gray-200">{{ w.blocks }}{% if w.known_block_count %} / {{ w.known_block_count }}{% endif %}</span>
+       </div>
+       <div class="flex mb-2 justify-between items-center">
+        <h4 class="text-xs font-medium dark:text-white">Last Updated:</h4>
+        <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500 dark:bg-gray-500 dark:text-gray-200">{{ w.lastupdated }}</span>
+       </div>{% if w.bootstrapping %}
+       <div class="flex mb-2 justify-between items-center">
+        <h4 class="text-xs font-medium dark:text-white">Bootstrapping:</h4>
+        <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500 dark:bg-gray-500 dark:text-gray-200">{{ w.bootstrapping }}</span>
+       </div>{% endif %}
+       {% if w.encrypted %}
+       <div class="flex mb-2 justify-between items-center">
+        <h4 class="text-xs font-medium dark:text-white">Locked:</h4>
+        <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500 dark:bg-gray-500 dark:text-gray-200">{{ w.locked }}</span>
+       </div>{% endif %} <div class="flex mb-2 justify-between items-center">
+        <h4 class="text-xs font-medium dark:text-white">Expected Seed:</h4>
+        <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500 dark:bg-gray-500 dark:text-gray-200">{{ w.expected_seed }}</span>
+       </div>
+       <div class="flex justify-between mb-1 mt-10">
+        <span class="text-xs font-medium text-blue-700 dark:text-gray-200">Blockchain</span>
+        <span class="text-xs font-medium text-blue-700 dark:text-gray-200">{{ w.synced }}%</span>
+       </div>
+       <div class="w-full bg-gray-200 rounded-full h-1">
+        <div class="bg-blue-500 h-1 rounded-full" style="width: {{ w.synced }}%"></div>
+       </div>
+      </div>
+     </div>
+     {% endif %}
+     {% endif %}
+     <!-- havedata -->
+    </div> {% endfor %} <script>
+     function confirmReseed() {
+      return confirm("Are you sure?\nBackup your wallet before and after.\nWon't detect used keys.\nShould only be used for new wallets.");
+     }
+
+     function confirmWithdrawal() {
+      return confirm("Are you sure?");
+     }
+    </script>
+   </div>
+ </section>
+</div>
 {% include 'footer.html' %}
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/basicswap/templates/watched.html b/basicswap/templates/watched.html
index 2961ee3..ff7553b 100644
--- a/basicswap/templates/watched.html
+++ b/basicswap/templates/watched.html
@@ -1,122 +1,175 @@
 {% include 'header.html' %}
 <div class="container mx-auto">
-  <section class="bg-white p-5 mt-5">
-    <div class="flex flex-wrap items-center -m-2">
-      <div class="w-full md:w-1/2 p-2">
-        <ul class="flex flex-wrap items-center gap-x-3 mb-2">
-          <li>
-            <a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/">
-              <p>Home</p>
-            </a>
-          </li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-          <li><a class="flex font-medium text-xs text-coolGray-500 hover:text-coolGray-700" href="/watched">Watched Outputs</a></li>
-          <li>
-            <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
-            </svg>
-          </li>
-        </ul>
+ <section class="p-5 mt-5">
+  <div class="flex flex-wrap items-center -m-2">
+   <div class="w-full md:w-1/2 p-2">
+    <ul class="flex flex-wrap items-center gap-x-3 mb-2">
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/">
+       <p>Home</p>
+      </a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+     <li>
+      <a class="flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href="/watched">Watched Outputs</a>
+     </li>
+     <li>
+      <svg width="6" height="15" viewBox="0 0 6 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+       <path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
+      </svg>
+     </li>
+    </ul>
+   </div>
+  </div>
+ </section>
+ <section class="py-4">
+  <div class="container px-4 mx-auto">
+   <div class="relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden">
+    <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
+    <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
+    <div class="relative z-20 flex flex-wrap items-center -m-3">
+     <div class="w-full md:w-1/2 p-3">
+      <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Watched Outputs</h2>
+      <p class="font-normal text-coolGray-200 dark:text-white">Watch when your outputs involved in a swap get spent on the blockchain.</p>
+     </div>
+     <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
+      {% if refresh %}
+      <a id="refresh" href="/watched" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600 rounded-md shadow-button focus:ring-0 focus:outline-none">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+        <g fill="#ffffff">
+         <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+         <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+        </g>
+       </svg>
+       <span>Refresh {{ refresh }} seconds</span>
+      </a>
+      {% else %}
+      <a id="refresh" href="/watched" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white borderdark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600 border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
+       <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
+        <g fill="#ffffff">
+         <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
+         <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
+        </g>
+       </svg>
+       <span>Refresh</span>
+      </a>
+    {% endif %}
       </div>
     </div>
-  </section>
-  <section class="py-4">
-    <div class="container px-4 mx-auto">
-      <div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
-        <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
-        <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
-        <div class="relative z-20 flex flex-wrap items-center -m-3">
-          <div class="w-full md:w-1/2 p-3">
-            <h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Watched Outputs</h2>
-            <p class="font-semibold text-coolGray-200">Watch when your outputs involved in a swap get spent on the blockchain.</p>
-          </div>
-          <div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto"> 
-            {% if refresh %}
-            <a id="refresh" href="/watched" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g fill="#ffffff">
-                  <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                  <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                </g>
-              </svg><span>Refresh {{ refresh }} seconds</span></a>
-              {% else %}
-            <a id="refresh" href="/watched" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
-              <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
-                <g fill="#ffffff">
-                  <path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
-                  <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
-                </g>
-              </svg><span>Refresh</span></a>
-            {% endif %}
-          </div>
+   </div>
+  </div>
+ </section>
+ <section class="p-6">
+  <div class="flex flex-wrap items-center">
+   <div class="w-full">
+    <h4 class="font-semibold text-black dark:text-white text-2xl">Last Scanned</h4>
+   </div>
+  </div>
+ </section>
+ <section>
+  <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+   <div class="pb-6 border-coolGray-100">
+    <div class="flex flex-wrap items-center justify-between -m-2">
+     <div class="w-full pt-2">
+      <div class="container mt-5 mx-auto">
+       <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+        <div class="px-6">
+         <div class="w-full mt-6 pb-6 overflow-x-auto">
+          <table class="w-full min-w-max text-sm">
+           <thead class="uppercase">
+            <tr class="text-left">
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Coin</span>
+              </div>
+             </th>
+             <th class="p-0">
+              <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+               <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Height</span>
+              </div>
+             </th>
+            </tr>
+           </thead>
+           {% for ls in last_scanned %}
+           <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+            <td class="py-3 px-6 bold">{{ ls[0] }}</td>
+            <td class="py-3 px-6">{{ ls[1] }}</td>
+           </tr>
+           {% endfor %}
+          </table>
+         </div>
         </div>
+       </div>
       </div>
+     </div>
     </div>
-  </section>
-  <section class="bg-white">
-    <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
-      <div class="pb-6 border-coolGray-100">
-        <div class="flex flex-wrap items-center justify-between -m-2">
-          <div class="w-full pt-2">
-            <section class="bg-white p-6">
-              <div class="flex flex-wrap items-center">
-                <div class="w-full">
-                  <h4 class="font-semibold text-black text-2xl">Last Scanned<h4>
-                </div>
-              </div>
-            </section>
-            <div class="container px-0 mx-auto">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="py-3 px-6">Coin</th>
-                      <th scope="col">Height</th>
-                    </tr>
-                  </thead>
-                  {% for ls in last_scanned %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold w-96">{{ ls[0] }}</td>
-                    <td class="py-4">{{ ls[1] }}</td>
-                  </tr>
-                  {% endfor %}
-                </table>
-              </div>
-            </div>
-            <div class="container px-0 mx-auto mt-10">
-              <div class="overflow-x-auto relative border sm:rounded-lg">
-                <table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
-                  <thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
-                    <tr>
-                      <th scope="col" class="py-3 px-6 w-96">Bid ID</th>
-                      <th scope="col">Chain</th>
-                      <th scope="col">Txid</th>
-                      <th scope="col">Index</th>
-                      <th scope="col">Type</th>
-                    </tr>
-                  </thead>
-                  {% for wo in watched_outputs %}
-                  <tr class="bg-white border-t hover:bg-gray-50">
-                    <td class="py-4 px-6 bold w-96"><a href=/bid/{{ wo[0] }}>{{ wo[0] }}</a></td>
-                    <td class="py-4">{{ wo[1] }}</td>
-                    <td class="py-4">{{ wo[2] }}</td>
-                    <td class="py-4">{{ wo[3] }}</td>
-                    <td class="py-4">{{ wo[4] }}</td>
-                  </tr>
-                  {% endfor %}
-                </table>
-              </div>
-            </div>
-          </div>
+   </div>
+  </div>
+ </section>
+ <div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden">
+  <div class="pb-6 border-coolGray-100">
+   <div class="flex flex-wrap items-center justify-between -m-2">
+    <div class="w-full pt-2">
+     <div class="container mt-5 mx-auto">
+      <div class="pt-6 pb-8 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+       <div class="px-6">
+        <div class="w-full mt-6 pb-6 overflow-x-auto">
+         <table class="w-full min-w-max text-sm">
+          <thead class="uppercase">
+           <tr class="text-left">
+            <th class="p-0">
+             <div class="py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600">
+              <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Bid ID</span>
+             </div>
+            </th>
+            <th class="p-0">
+             <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+              <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Chain</span>
+             </div>
+            </th>
+            <th class="p-0">
+             <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+              <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Txid</span>
+             </div>
+            </th>
+            <th class="p-0">
+             <div class="py-3 px-6 bg-coolGray-200 dark:bg-gray-600">
+              <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Index</span>
+             </div>
+            </th>
+            <th class="p-0">
+             <div class="py-3 px-6 rounded-tr-xl bg-coolGray-200 dark:bg-gray-600">
+              <span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Type</span>
+             </div>
+            </th>
+           </tr>
+          </thead>
+          {% for wo in watched_outputs %}
+          <tr class="opacity-100 text-gray-500 dark:text-gray-100 hover:bg-coolGray-200 dark:hover:bg-gray-600">
+           <td class="py-3 px-6 bold">
+            <a href=/bid/{{ wo[0] }}>{{ wo[0] }}</a>
+           </td>
+           <td class="py-3 px-6">{{ wo[1] }}</td>
+           <td class="py-3 px-6">{{ wo[2] }}</td>
+           <td class="py-3 px-6">{{ wo[3] }}</td>
+           <td class="py-3 px-6">{{ wo[4] }}</td>
+          </tr>
+          {% endfor %}
+         </table>
         </div>
+       </div>
       </div>
+     </div>
     </div>
-  </section>
+   </div>
+  </div>
+ </div>
+ </section>
 </div>
 {% include 'footer.html' %}
 </div>